Initial commit
BIN
app/static/global/plugins/slider-layer-slider/css/blank.gif
Normal file
After Width: | Height: | Size: 49 B |
@ -0,0 +1,894 @@
|
||||
|
||||
/*
|
||||
* Style settings of LayerSlider
|
||||
*
|
||||
* (c) 2011-2014 George Krupa, John Gera & Kreatura Media
|
||||
*
|
||||
* Plugin web: http://kreaturamedia.com/
|
||||
* Licenses: http://codecanyon.net/licenses/
|
||||
*/
|
||||
|
||||
|
||||
|
||||
/* Global settings */
|
||||
|
||||
.ls-container {
|
||||
visibility: hidden;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.ls-lt-container {
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.ls-lt-container,
|
||||
.ls-lt-container * {
|
||||
text-align: left !important;
|
||||
direction: ltr !important;
|
||||
}
|
||||
|
||||
.ls-container-fullscreen {
|
||||
margin: 0 auto !important;
|
||||
padding: 2% !important;
|
||||
background: black !important;
|
||||
border-radius: 0 !important;
|
||||
-moz-border-radius: 0 !important;
|
||||
-webkit-border-radius: 0 !important;
|
||||
border: none !important;
|
||||
}
|
||||
|
||||
.ls-container-fullscreen .ls-thumbnail-wrapper,
|
||||
.ls-container-fullscreen .ls-fullscreen,
|
||||
.ls-container-fullscreen .ls-shadow {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.ls-overflow-hidden {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.ls-inner {
|
||||
position: relative;
|
||||
background-position: center center;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.ls-loading-container {
|
||||
position: absolute !important;
|
||||
display: none;
|
||||
z-index: 3 !important;
|
||||
left: 50% !important;
|
||||
top: 50% !important;
|
||||
}
|
||||
|
||||
.ls-loading-indicator {
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.ls-inner,
|
||||
.ls-slide {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.ls-slide,
|
||||
.ls-layer {
|
||||
position: absolute;
|
||||
display: none;
|
||||
background-position: center center;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.ls-active,
|
||||
.ls-animating {
|
||||
display: block !important;
|
||||
}
|
||||
|
||||
.ls-slide > * {
|
||||
position: absolute;
|
||||
line-height: normal;
|
||||
margin: 0;
|
||||
left: 0;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
.ls-slide .ls-bg {
|
||||
left: 0px;
|
||||
top: 0px;
|
||||
transform: none !important;
|
||||
-o-transform: none !important;
|
||||
-ms-transform: none !important;
|
||||
-moz-transform: none !important;
|
||||
-webkit-transform: none !important;
|
||||
}
|
||||
|
||||
.ls-yourlogo {
|
||||
position: absolute;
|
||||
z-index: 99;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* Timers */
|
||||
|
||||
.ls-bar-timer {
|
||||
position: absolute;
|
||||
width: 0;
|
||||
height: 2px;
|
||||
background: white;
|
||||
border-bottom: 2px solid #555;
|
||||
opacity: .55;
|
||||
filter: alpha(opacity=55);
|
||||
z-index: 4;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
.ls-circle-timer {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
position: absolute;
|
||||
right: 10px;
|
||||
top: 10px;
|
||||
z-index: 4;
|
||||
opacity: .65;
|
||||
filter: alpha(opacity=65);
|
||||
display: none;
|
||||
}
|
||||
|
||||
.ls-ct-half {
|
||||
background: white;
|
||||
}
|
||||
|
||||
.ls-ct-center {
|
||||
background: #444;
|
||||
}
|
||||
|
||||
.ls-ct-left,
|
||||
.ls-ct-right {
|
||||
width: 50%;
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.ls-ct-left,
|
||||
.ls-ct-right {
|
||||
float: left;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.ls-ct-rotate {
|
||||
width: 200%;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
.ls-ct-left .ls-ct-rotate,
|
||||
.ls-ct-right .ls-ct-hider,
|
||||
.ls-ct-right .ls-ct-half {
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.ls-ct-right .ls-ct-rotate,
|
||||
.ls-ct-left .ls-ct-hider,
|
||||
.ls-ct-left .ls-ct-half {
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.ls-ct-hider,
|
||||
.ls-ct-half {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
.ls-ct-hider {
|
||||
width: 50%;
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.ls-ct-half {
|
||||
width: 200%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.ls-ct-center {
|
||||
width: 50%;
|
||||
height: 50%;
|
||||
left: 25%;
|
||||
top: 25%;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.ls-ct-half,
|
||||
.ls-ct-center {
|
||||
border-radius: 100px;
|
||||
-moz-border-radius: 100px;
|
||||
-webkit-border-radius: 100px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* Navigation */
|
||||
|
||||
.ls-bottom-nav-wrapper {
|
||||
height: 0;
|
||||
}
|
||||
|
||||
.ls-bottom-slidebuttons {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.ls-bottom-nav-wrapper,
|
||||
.ls-below-thumbnails {
|
||||
z-index: 2;
|
||||
height: 0;
|
||||
position: relative;
|
||||
text-align: center;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.ls-below-thumbnails {
|
||||
display: none;
|
||||
z-index: 6;
|
||||
}
|
||||
|
||||
.ls-bottom-nav-wrapper a,
|
||||
.ls-nav-prev,
|
||||
.ls-nav-next {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
* .ls-bottom-nav-wrapper *,
|
||||
* .ls-bottom-nav-wrapper span * {
|
||||
direction: ltr !important;
|
||||
}
|
||||
|
||||
.ls-bottom-slidebuttons {
|
||||
position: relative;
|
||||
z-index: 1000;
|
||||
}
|
||||
|
||||
.ls-bottom-slidebuttons,
|
||||
.ls-nav-start,
|
||||
.ls-nav-stop,
|
||||
.ls-nav-sides {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.ls-nothumb {
|
||||
text-align: center !important;
|
||||
}
|
||||
|
||||
.ls-link {
|
||||
position: absolute;
|
||||
width: 100% !important;
|
||||
height: 100% !important;
|
||||
left: 0 !important;
|
||||
top: 0 !important;
|
||||
background-image: url(blank.gif);
|
||||
}
|
||||
|
||||
.ls-slide > a > * {
|
||||
background-image: url(blank.gif);
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* Embedded videos */
|
||||
|
||||
.ls-vpcontainer {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
.ls-videopreview {
|
||||
width : 100%;
|
||||
height : 100%;
|
||||
position : absolute;
|
||||
left : 0;
|
||||
top : 0;
|
||||
cursor : pointer;
|
||||
}
|
||||
|
||||
.ls-playvideo {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* Thumbnails */
|
||||
|
||||
.ls-tn {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.ls-thumbnail-hover {
|
||||
display: none;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.ls-thumbnail-hover-inner {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.ls-thumbnail-hover-bg {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
left: 0;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
.ls-thumbnail-hover-img {
|
||||
position: absolute;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.ls-thumbnail-hover img {
|
||||
max-width: none !important;
|
||||
position: absolute;
|
||||
display: inline-block;
|
||||
visibility: visible !important;
|
||||
left: 50%;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
.ls-thumbnail-hover span {
|
||||
left: 50%;
|
||||
top: 100%;
|
||||
width: 0;
|
||||
height: 0;
|
||||
display: block;
|
||||
position: absolute;
|
||||
border-left-color: transparent !important;
|
||||
border-right-color: transparent !important;
|
||||
border-bottom-color: transparent !important;
|
||||
}
|
||||
|
||||
.ls-thumbnail-wrapper {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
margin: 0 auto;
|
||||
z-index: 4;
|
||||
}
|
||||
|
||||
.ls-thumbnail {
|
||||
position: relative;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.ls-thumbnail-inner,
|
||||
.ls-thumbnail-slide-container {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.ls-thumbnail-slide-container {
|
||||
overflow: hidden !important;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.ls-touchscroll {
|
||||
overflow-x: auto !important;
|
||||
}
|
||||
|
||||
.ls-thumbnail-slide {
|
||||
text-align: center;
|
||||
white-space: nowrap;
|
||||
float: left;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.ls-thumbnail-slide a {
|
||||
overflow: hidden;
|
||||
display: inline-block;
|
||||
width: 0;
|
||||
height: 0;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.ls-thumbnail-slide img {
|
||||
max-width: none !important;
|
||||
max-height: 100% !important;
|
||||
height: 100%;
|
||||
visibility: visible !important;
|
||||
}
|
||||
|
||||
.ls-shadow {
|
||||
display: none;
|
||||
position: absolute;
|
||||
z-index: 1;
|
||||
top: 100%;
|
||||
width: 100%;
|
||||
left: 0;
|
||||
overflow: hidden !important;
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
.ls-shadow img {
|
||||
width: 100% !important;
|
||||
height: auto !important;
|
||||
position: absolute !important;
|
||||
left: 0 !important;
|
||||
bottom: 0 !important;
|
||||
}
|
||||
|
||||
.ls-bottom-nav-wrapper,
|
||||
.ls-thumbnail-wrapper,
|
||||
.ls-nav-prev,
|
||||
.ls-nav-next {
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* WP plugin fullwidth */
|
||||
|
||||
.ls-wp-fullwidth-container {
|
||||
width: 100%;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.ls-wp-fullwidth-helper {
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* 2D & 3D Layer Transitions */
|
||||
|
||||
.ls-overflow-hidden {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.ls-lt-tile {
|
||||
position: relative;
|
||||
float: left;
|
||||
perspective: 1000px;
|
||||
-o-perspective: 1000px;
|
||||
-ms-perspective: 1000px;
|
||||
-moz-perspective: 1000px;
|
||||
-webkit-perspective: 1000px;
|
||||
}
|
||||
|
||||
.ls-lt-tile img {
|
||||
visibility: visible;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.ls-curtiles {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.ls-curtiles,
|
||||
.ls-nexttiles {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
left: 0;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
.ls-curtile, .ls-nexttile {
|
||||
overflow: hidden;
|
||||
position: absolute;
|
||||
width: 100% !important;
|
||||
height: 100% !important;
|
||||
backface-visibility: hidden;
|
||||
-o-backface-visibility: hidden;
|
||||
-ms-backface-visibility: hidden;
|
||||
-moz-backface-visibility: hidden;
|
||||
-webkit-backface-visibility: hidden;
|
||||
}
|
||||
|
||||
.ls-curtile {
|
||||
left: 0;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
.ls-curtile img,
|
||||
.ls-nexttile img {
|
||||
position: absolute;
|
||||
filter: inherit;
|
||||
}
|
||||
|
||||
.ls-3d-container {
|
||||
position: relative;
|
||||
overflow: visible !important;
|
||||
}
|
||||
|
||||
.ls-3d-box {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform-style: preserve-3d;
|
||||
-o-transform-style: preserve-3d;
|
||||
-ms-transform-style: preserve-3d;
|
||||
-moz-transform-style: preserve-3d;
|
||||
-webkit-transform-style: preserve-3d;
|
||||
}
|
||||
|
||||
.ls-3d-box div {
|
||||
overflow: hidden;
|
||||
background: #777;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* Full screen */
|
||||
|
||||
.ls-fullscreen {
|
||||
position: absolute;
|
||||
z-index: 10;
|
||||
cursor: pointer;
|
||||
display: block;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* Removing all default global styles of WordPress themes */
|
||||
|
||||
html * .ls-nav-prev,
|
||||
html * .ls-nav-next,
|
||||
html * .ls-container img,
|
||||
html * .ls-bottom-nav-wrapper a,
|
||||
html * .ls-container .ls-fullscreen,
|
||||
body * .ls-nav-prev,
|
||||
body * .ls-nav-next,
|
||||
body * .ls-container img,
|
||||
body * .ls-bottom-nav-wrapper a,
|
||||
body * .ls-container .ls-fullscreen,
|
||||
#ls-global * .ls-nav-prev,
|
||||
#ls-global * .ls-nav-next,
|
||||
#ls-global * .ls-container img,
|
||||
#ls-global * .ls-bottom-nav-wrapper a,
|
||||
#ls-global * .ls-container .ls-fullscreen,
|
||||
html * .ls-thumbnail a,
|
||||
body * .ls-thumbnail a,
|
||||
#ls-global * .ls-thumbnail a {
|
||||
transition: none;
|
||||
-o-transition: none;
|
||||
-ms-transition: none;
|
||||
-moz-transition: none;
|
||||
-webkit-transition: none;
|
||||
line-height: normal;
|
||||
outline: none;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
html * .ls-slide > a,
|
||||
body * .ls-slide > a,
|
||||
#ls-global * .ls-slide > a,
|
||||
html * .ls-slide > h1,
|
||||
body * .ls-slide > h1,
|
||||
#ls-global * .ls-slide > h1,
|
||||
html * .ls-slide > h2,
|
||||
body * .ls-slide > h2,
|
||||
#ls-global * .ls-slide > h2,
|
||||
html * .ls-slide > h3,
|
||||
body * .ls-slide > h3,
|
||||
#ls-global * .ls-slide > h3,
|
||||
html * .ls-slide > h4,
|
||||
body * .ls-slide > h4,
|
||||
#ls-global * .ls-slide > h4,
|
||||
html * .ls-slide > h5,
|
||||
body * .ls-slide > h5,
|
||||
#ls-global * .ls-slide > h5,
|
||||
html * .ls-slide > p,
|
||||
body * .ls-slide > p,
|
||||
#ls-global * .ls-slide > p,
|
||||
html * .ls-slide > div,
|
||||
body * .ls-slide > div,
|
||||
#ls-global * .ls-slide > div,
|
||||
html * .ls-slide > span,
|
||||
body * .ls-slide > span,
|
||||
#ls-global * .ls-slide > span,
|
||||
html * .ls-slide > *,
|
||||
body * .ls-slide > *,
|
||||
#ls-global * .ls-slide > * {
|
||||
transition: none;
|
||||
-o-transition: none;
|
||||
-ms-transition: none;
|
||||
-moz-transition: none;
|
||||
-webkit-transition: none;
|
||||
}
|
||||
|
||||
html * .ls-slide > *,
|
||||
body * .ls-slide > *,
|
||||
#ls-global * .ls-slide > * {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
html * .ls-container img,
|
||||
body * .ls-container img,
|
||||
#ls-global * .ls-container img {
|
||||
background: none !important;
|
||||
min-width: 0 !important;
|
||||
max-width: none !important;
|
||||
border-radius: 0;
|
||||
box-shadow: none;
|
||||
border: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
/*html * .ls-thumbnail a img,
|
||||
body * .ls-thumbnail a img,
|
||||
#ls-global * .ls-thumbnail a img {
|
||||
min-width: 100% !important;
|
||||
}
|
||||
*/
|
||||
|
||||
html * .ls-wp-container .ls-slide > *,
|
||||
body * .ls-wp-container .ls-slide > *,
|
||||
#ls-global * .ls-wp-container .ls-slide > * {
|
||||
line-height: normal;
|
||||
outline: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
html * .ls-wp-container .ls-slide > a > *,
|
||||
body * .ls-wp-container .ls-slide > a > *,
|
||||
#ls-global * .ls-wp-container .ls-slide > a > * {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
html * .ls-wp-container .ls-slide > a,
|
||||
body * .ls-wp-container .ls-slide > a,
|
||||
#ls-global * .ls-wp-container .ls-slide > a {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.ls-wp-fullwidth-container,
|
||||
.ls-wp-fullwidth-helper,
|
||||
.ls-container,
|
||||
.ls-container * {
|
||||
box-sizing: content-box !important;
|
||||
-moz-box-sizing: content-box !important;
|
||||
-webkit-box-sizing: content-box !important;
|
||||
}
|
||||
|
||||
html * .ls-yourlogo,
|
||||
body * .ls-yourlogo,
|
||||
#ls-global * .ls-yourlogo {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
html * .ls-tn,
|
||||
body * .ls-tn,
|
||||
#ls-global * .ls-tn {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.site {
|
||||
overflow: visible !important;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* Style of LayerSlider Debug Console */
|
||||
|
||||
.ls-debug-console * {
|
||||
margin: 0 !important;
|
||||
padding: 0 !important;
|
||||
border: 0 !important;
|
||||
color: white !important;
|
||||
text-shadow: none !important;
|
||||
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", Helvetica, Arial, sans-serif !important;
|
||||
line-height: normal !important;
|
||||
-webkit-font-smoothing: antialiased !important;
|
||||
text-align: left !important;
|
||||
font-style: normal !important;
|
||||
}
|
||||
|
||||
.ls-debug-console h1 {
|
||||
padding-top: 10px !important;
|
||||
font-size: 17px !important;
|
||||
font-weight: bold !important;
|
||||
}
|
||||
|
||||
.ls-debug-console h1:first-child {
|
||||
padding-top: 0 !important;
|
||||
}
|
||||
|
||||
.ls-debug-console ul {
|
||||
padding-top: 10px !important;
|
||||
list-style: none !important;
|
||||
}
|
||||
|
||||
.ls-debug-console li {
|
||||
margin-left: 10px !important;
|
||||
font-size: 13px !important;
|
||||
position: relative !important;
|
||||
font-weight: normal !important;
|
||||
}
|
||||
|
||||
html * .ls-debug-console li ul,
|
||||
body * .ls-debug-console li ul,
|
||||
#ls-global * .ls-debug-console li ul {
|
||||
display: none;
|
||||
width: 260px;
|
||||
left: -10px;
|
||||
}
|
||||
|
||||
.ls-debug-console li ul {
|
||||
position: absolute !important;
|
||||
bottom: 100% !important;
|
||||
padding: 10px 10px 10px 0 !important;
|
||||
background: white !important;
|
||||
border-radius: 10px !important;
|
||||
box-shadow: 0 0 20px black !important;
|
||||
}
|
||||
|
||||
html * .ls-debug-console li:hover ul,
|
||||
body * .ls-debug-console li:hover ul,
|
||||
#ls-global * .ls-debug-console li:hover ul {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.ls-debug-console li ul * {
|
||||
color: black !important;
|
||||
}
|
||||
|
||||
.ls-debug-console a {
|
||||
text-decoration: none !important;
|
||||
border-bottom: 1px dotted white !important;
|
||||
}
|
||||
|
||||
.ls-error {
|
||||
border-radius: 5px !important;
|
||||
-moz-border-radius: 5px !important;
|
||||
-wenkit-border-radius: 5px !important;
|
||||
background: white !important;
|
||||
height: auto !important;
|
||||
width: auto !important;
|
||||
color: white !important;
|
||||
padding: 20px 40px 30px 80px !important;
|
||||
position: relative !important;
|
||||
box-shadow: 0 2px 20px -5px black;
|
||||
}
|
||||
|
||||
.ls-error p {
|
||||
line-height: normal !important;
|
||||
text-shadow: none !important;
|
||||
margin: 0 !important;
|
||||
padding: 0 !important;
|
||||
border: 0 !important;
|
||||
text-align: justify !important;
|
||||
font-family: Arial, sans-serif !important;
|
||||
}
|
||||
|
||||
.ls-error .ls-error-title {
|
||||
line-height: 40px !important;
|
||||
color: red !important;
|
||||
font-weight: bold !important;
|
||||
font-size: 16px !important;
|
||||
}
|
||||
|
||||
.ls-error .ls-error-text {
|
||||
color: #555 !important;
|
||||
font-weight: normal !important;
|
||||
font-size: 13px !important;
|
||||
}
|
||||
|
||||
.ls-error .ls-exclam {
|
||||
width: 40px !important;
|
||||
height: 40px !important;
|
||||
position: absolute !important;
|
||||
left: 20px !important;
|
||||
top: 20px !important;
|
||||
border-radius: 50px !important;
|
||||
-moz-border-radius: 50px !important;
|
||||
-webkit-border-radius: 50px !important;
|
||||
font-size: 30px !important;
|
||||
font-weight: bold !important;
|
||||
color: white !important;
|
||||
line-height: 40px !important;
|
||||
background: red !important;
|
||||
text-align: center !important;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* GPU Hardware Acceleration */
|
||||
|
||||
html * .ls-container .ls-shadow,
|
||||
html * .ls-container .ls-slide > *,
|
||||
html * .ls-container .ls-fullscreen,
|
||||
html * .ls-container .ls-3d-container,
|
||||
html * .ls-container .ls-lt-container,
|
||||
html * .ls-container .ls-lt-container *,
|
||||
html * .ls-container .ls-thumbnail-wrapper,
|
||||
html * .ls-container .ls-bottom-nav-wrapper,
|
||||
body * .ls-container .ls-shadow,
|
||||
body * .ls-container .ls-slide > *,
|
||||
body * .ls-container .ls-fullscreen,
|
||||
body * .ls-container .ls-3d-container,
|
||||
body * .ls-container .ls-lt-container,
|
||||
body * .ls-container .ls-lt-container *,
|
||||
body * .ls-container .ls-thumbnail-wrapper,
|
||||
body * .ls-container .ls-bottom-nav-wrapper,
|
||||
#ls-global * .ls-container .ls-shadow,
|
||||
#ls-global * .ls-container .ls-slide > *,
|
||||
#ls-global * .ls-container .ls-fullscreen,
|
||||
#ls-global * .ls-container .ls-3d-container,
|
||||
#ls-global * .ls-container .ls-lt-container,
|
||||
#ls-global * .ls-container .ls-lt-container *,
|
||||
#ls-global * .ls-container .ls-thumbnail-wrapper,
|
||||
#ls-global * .ls-container .ls-bottom-nav-wrapper,
|
||||
.ls-gpuhack {
|
||||
transform: translate3d(0, 0, 0);
|
||||
-o-transform: translate3d(0, 0, 0);
|
||||
-ms-transform: translate3d(0, 0, 0);
|
||||
-moz-transform: translate3d(0, 0, 0);
|
||||
-webkit-transform: translate3d(0, 0, 0);
|
||||
}
|
||||
|
||||
.ls-videohack {
|
||||
transform: none !important;
|
||||
-o-transform: none !important;
|
||||
-ms-transform: none !important;
|
||||
-moz-transform: none !important;
|
||||
-webkit-transform: none !important;
|
||||
transform-origin: none !important;
|
||||
-o-transform-origin: none !important;
|
||||
-ms-transform-origin: none !important;
|
||||
-moz-transform-origin: none !important;
|
||||
-webkit-transform-origin: none !important;
|
||||
}
|
||||
|
||||
.ls-oldiepnghack {
|
||||
filter: none !important;
|
||||
}
|
||||
|
||||
.ls-gpuhack {
|
||||
width: 100% !important;
|
||||
height: 100% !important;
|
||||
left: 0px !important;
|
||||
top: 0px !important;
|
||||
}
|
||||
|
||||
|
||||
html * .ls-container .ls-webkit-hack,
|
||||
body * .ls-container .ls-webkit-hack,
|
||||
#ls-global * .ls-container .ls-webkit-hack {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
/* GPU */
|
||||
|
||||
@media (transform-3d), (-o-transform-3d), (-ms-transform-3d), (-moz-transform-3d), (-webkit-transform-3d) {
|
||||
#ls-test3d {
|
||||
position: absolute;
|
||||
left: 9px;
|
||||
height: 3px;
|
||||
}
|
||||
}
|
||||
|
||||
/* Mobile features */
|
||||
|
||||
.ls-forcehide {
|
||||
display: none !important;
|
||||
}
|
6
app/static/global/plugins/slider-layer-slider/js/jquery.js
vendored
Normal file
After Width: | Height: | Size: 5.3 KiB |
After Width: | Height: | Size: 3.3 KiB |
After Width: | Height: | Size: 11 KiB |
@ -0,0 +1,225 @@
|
||||
/* LayerSlider Borderless Dark Skin */
|
||||
|
||||
|
||||
|
||||
.ls-borderlessdark .ls-ct-half {
|
||||
background: #444;
|
||||
}
|
||||
|
||||
.ls-borderlessdark .ls-ct-center {
|
||||
background: white;
|
||||
}
|
||||
|
||||
.ls-borderlessdark .ls-playvideo {
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
margin-left: -25px;
|
||||
margin-top: -25px;
|
||||
}
|
||||
|
||||
.ls-borderlessdark .ls-playvideo,
|
||||
.ls-borderlessdark .ls-nav-sides,
|
||||
.ls-borderlessdark .ls-bottom-slidebuttons a,
|
||||
.ls-borderlessdark .ls-nav-prev,
|
||||
.ls-borderlessdark .ls-nav-next,
|
||||
.ls-borderlessdark .ls-nav-start,
|
||||
.ls-borderlessdark .ls-nav-stop,
|
||||
.ls-borderlessdark .ls-fullscreen,
|
||||
.ls-borderlessdark .ls-loading-container {
|
||||
background-image: url(skin.png);
|
||||
}
|
||||
|
||||
.ls-borderlessdark .ls-playvideo {
|
||||
background-position: -300px -150px;
|
||||
}
|
||||
|
||||
.ls-borderlessdark .ls-playvideo:hover,
|
||||
.ls-borderlessdark .ls-vpcontainer:hover .ls-playvideo {
|
||||
background-position: -375px -150px;
|
||||
}
|
||||
|
||||
.ls-borderlessdark .ls-nav-prev {
|
||||
background-position: 0px 0px;
|
||||
}
|
||||
|
||||
.ls-borderlessdark .ls-nav-prev:hover {
|
||||
background-position: 0px -75px;
|
||||
}
|
||||
|
||||
.ls-borderlessdark .ls-nav-next {
|
||||
background-position: -150px 0px;
|
||||
}
|
||||
|
||||
.ls-borderlessdark .ls-nav-next:hover {
|
||||
background-position: -150px -75px;
|
||||
}
|
||||
|
||||
.ls-borderlessdark .ls-nav-start {
|
||||
background-position: -300px 0px;
|
||||
}
|
||||
|
||||
.ls-borderlessdark .ls-nav-start:hover,
|
||||
.ls-borderlessdark .ls-nav-start-active {
|
||||
background-position: -300px -75px;
|
||||
}
|
||||
|
||||
.ls-borderlessdark .ls-nav-stop {
|
||||
background-position: -450px 0px;
|
||||
}
|
||||
|
||||
.ls-borderlessdark .ls-nav-stop:hover,
|
||||
.ls-borderlessdark .ls-nav-stop-active {
|
||||
background-position: -450px -75px;
|
||||
}
|
||||
|
||||
.ls-borderlessdark .ls-bottom-slidebuttons a {
|
||||
background-position: 0px -150px;
|
||||
}
|
||||
|
||||
.ls-borderlessdark .ls-bottom-slidebuttons a.ls-nav-active,
|
||||
.ls-borderlessdark .ls-bottom-slidebuttons a:hover {
|
||||
background-position: -75px -150px;
|
||||
}
|
||||
|
||||
.ls-borderlessdark .ls-nav-sideleft {
|
||||
background-position: -150px -150px;
|
||||
}
|
||||
|
||||
.ls-borderlessdark .ls-nav-sideright {
|
||||
background-position: -225px -150px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.ls-borderlessdark .ls-nav-prev,
|
||||
.ls-borderlessdark .ls-nav-next {
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
z-index: 10000;
|
||||
top: 50%;
|
||||
margin-top: -22px;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.ls-borderlessdark .ls-nav-prev {
|
||||
left: 10px;
|
||||
}
|
||||
|
||||
.ls-borderlessdark .ls-nav-next {
|
||||
right: 10px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.ls-borderlessdark .ls-bottom-slidebuttons,
|
||||
.ls-borderlessdark .ls-bottom-slidebuttons a,
|
||||
.ls-borderlessdark .ls-nav-start,
|
||||
.ls-borderlessdark .ls-nav-stop,
|
||||
.ls-borderlessdark .ls-nav-sides {
|
||||
height: 36px;
|
||||
}
|
||||
|
||||
.ls-borderlessdark .ls-bottom-slidebuttons,
|
||||
.ls-borderlessdark .ls-bottom-slidebuttons a,
|
||||
.ls-borderlessdark .ls-nav-start,
|
||||
.ls-borderlessdark .ls-nav-stop,
|
||||
.ls-borderlessdark .ls-nav-sides {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.ls-borderlessdark .ls-bottom-slidebuttons,
|
||||
.ls-borderlessdark .ls-nav-start,
|
||||
.ls-borderlessdark .ls-nav-stop,
|
||||
.ls-borderlessdark .ls-nav-sides {
|
||||
top: -44px;
|
||||
}
|
||||
|
||||
.ls-borderlessdark .ls-nav-start,
|
||||
.ls-borderlessdark .ls-nav-stop {
|
||||
width: 24px;
|
||||
}
|
||||
|
||||
.ls-borderlessdark .ls-bottom-slidebuttons a {
|
||||
width: 20px;
|
||||
}
|
||||
|
||||
.ls-borderlessdark .ls-nav-sides {
|
||||
width: 13px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.ls-borderlessdark .ls-thumbnail-hover {
|
||||
bottom: 45px;
|
||||
padding: 3px;
|
||||
margin-left: 1px;
|
||||
}
|
||||
|
||||
.ls-borderlessdark .ls-thumbnail-hover-bg {
|
||||
background: #4f4f4f;
|
||||
box-shadow: 0px 2px 12px -4px black;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.ls-borderlessdark .ls-thumbnail-hover span {
|
||||
border: 5px solid #4f4f4f;
|
||||
margin-left: -5px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.ls-borderlessdark .ls-thumbnail {
|
||||
top: 15px;
|
||||
}
|
||||
|
||||
.ls-borderlessdark .ls-thumbnail-inner {
|
||||
padding: 2px;
|
||||
margin-left: -2px;
|
||||
background: #4f4f4f;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.ls-borderlessdark .ls-thumbnail-slide a {
|
||||
margin-right: 2px;
|
||||
}
|
||||
|
||||
.ls-borderlessdark .ls-nothumb {
|
||||
background: #555;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.ls-borderlessdark .ls-shadow {
|
||||
display: block;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.ls-borderlessdark .ls-loading-container {
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
margin-left: -25px;
|
||||
margin-top: -22px;
|
||||
background-position: -450px -150px;
|
||||
}
|
||||
|
||||
.ls-borderlessdark .ls-loading-indicator {
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
margin-top: 11px;
|
||||
background-image: url(loading.gif);
|
||||
}
|
||||
|
||||
|
||||
|
||||
.ls-borderlessdark .ls-fullscreen {
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
right: 10px;
|
||||
top: 10px;
|
||||
background-position: -525px -150px;
|
||||
}
|
||||
|
||||
.ls-borderlessdark .ls-fullscreen:hover {
|
||||
background-position: -525px -190px;
|
||||
}
|
After Width: | Height: | Size: 12 KiB |
After Width: | Height: | Size: 6.0 KiB |
After Width: | Height: | Size: 4.9 KiB |
After Width: | Height: | Size: 8.0 KiB |
@ -0,0 +1,231 @@
|
||||
/* LayerSlider Borderless Dark 3D Skin */
|
||||
|
||||
|
||||
|
||||
.ls-borderlessdark3d .ls-ct-half {
|
||||
background: #444;
|
||||
}
|
||||
|
||||
.ls-borderlessdark3d .ls-ct-center {
|
||||
background: white;
|
||||
}
|
||||
|
||||
.ls-borderlessdark3d .ls-playvideo {
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
margin-left: -25px;
|
||||
margin-top: -25px;
|
||||
}
|
||||
|
||||
.ls-borderlessdark3d .ls-playvideo,
|
||||
.ls-borderlessdark3d .ls-nav-sides,
|
||||
.ls-borderlessdark3d .ls-bottom-slidebuttons a,
|
||||
.ls-borderlessdark3d .ls-nav-prev,
|
||||
.ls-borderlessdark3d .ls-nav-next,
|
||||
.ls-borderlessdark3d .ls-nav-start,
|
||||
.ls-borderlessdark3d .ls-nav-stop,
|
||||
.ls-borderlessdark3d .ls-fullscreen,
|
||||
.ls-borderlessdark3d .ls-loading-container {
|
||||
background-image: url(skin.png);
|
||||
}
|
||||
|
||||
.ls-borderlessdark3d .ls-playvideo {
|
||||
background-position: -300px -150px;
|
||||
}
|
||||
|
||||
.ls-borderlessdark3d .ls-playvideo:hover,
|
||||
.ls-borderlessdark3d .ls-vpcontainer:hover .ls-playvideo {
|
||||
background-position: -375px -150px;
|
||||
}
|
||||
|
||||
.ls-borderlessdark3d .ls-nav-prev {
|
||||
background-position: 0px 0px;
|
||||
}
|
||||
|
||||
.ls-borderlessdark3d .ls-nav-prev:hover {
|
||||
background-position: 0px -75px;
|
||||
}
|
||||
|
||||
.ls-borderlessdark3d .ls-nav-next {
|
||||
background-position: -150px 0px;
|
||||
}
|
||||
|
||||
.ls-borderlessdark3d .ls-nav-next:hover {
|
||||
background-position: -150px -75px;
|
||||
}
|
||||
|
||||
.ls-borderlessdark3d .ls-nav-start {
|
||||
background-position: -300px 0px;
|
||||
}
|
||||
|
||||
.ls-borderlessdark3d .ls-nav-start:hover,
|
||||
.ls-borderlessdark3d .ls-nav-start-active {
|
||||
background-position: -300px -75px;
|
||||
}
|
||||
|
||||
.ls-borderlessdark3d .ls-nav-stop {
|
||||
background-position: -450px 0px;
|
||||
}
|
||||
|
||||
.ls-borderlessdark3d .ls-nav-stop:hover,
|
||||
.ls-borderlessdark3d .ls-nav-stop-active {
|
||||
background-position: -450px -75px;
|
||||
}
|
||||
|
||||
.ls-borderlessdark3d .ls-bottom-slidebuttons a {
|
||||
background-position: 0px -150px;
|
||||
}
|
||||
|
||||
.ls-borderlessdark3d .ls-bottom-slidebuttons a.ls-nav-active,
|
||||
.ls-borderlessdark3d .ls-bottom-slidebuttons a:hover {
|
||||
background-position: -75px -150px;
|
||||
}
|
||||
|
||||
.ls-borderlessdark3d .ls-nav-sideleft {
|
||||
background-position: -150px -150px;
|
||||
}
|
||||
|
||||
.ls-borderlessdark3d .ls-nav-sideright {
|
||||
background-position: -225px -150px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.ls-borderlessdark3d .ls-nav-prev,
|
||||
.ls-borderlessdark3d .ls-nav-next {
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
z-index: 10000;
|
||||
top: 50%;
|
||||
margin-top: -20px;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.ls-borderlessdark3d .ls-nav-prev {
|
||||
left: 10px;
|
||||
}
|
||||
|
||||
.ls-borderlessdark3d .ls-nav-next {
|
||||
right: 10px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.ls-borderlessdark3d .ls-bottom-slidebuttons,
|
||||
.ls-borderlessdark3d .ls-bottom-slidebuttons a,
|
||||
.ls-borderlessdark3d .ls-nav-start,
|
||||
.ls-borderlessdark3d .ls-nav-stop,
|
||||
.ls-borderlessdark3d .ls-nav-sides {
|
||||
height: 20px;
|
||||
}
|
||||
|
||||
.ls-borderlessdark3d .ls-bottom-slidebuttons,
|
||||
.ls-borderlessdark3d .ls-bottom-slidebuttons a,
|
||||
.ls-borderlessdark3d .ls-nav-start,
|
||||
.ls-borderlessdark3d .ls-nav-stop,
|
||||
.ls-borderlessdark3d .ls-nav-sides {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.ls-borderlessdark3d .ls-bottom-slidebuttons,
|
||||
.ls-borderlessdark3d .ls-nav-start,
|
||||
.ls-borderlessdark3d .ls-nav-stop,
|
||||
.ls-borderlessdark3d .ls-nav-sides {
|
||||
top: -30px;
|
||||
}
|
||||
|
||||
.ls-borderlessdark3d .ls-nav-start,
|
||||
.ls-borderlessdark3d .ls-nav-stop {
|
||||
width: 25px;
|
||||
}
|
||||
|
||||
.ls-borderlessdark3d .ls-bottom-slidebuttons a {
|
||||
width: 20px;
|
||||
}
|
||||
|
||||
.ls-borderlessdark3d .ls-nav-sides {
|
||||
width: 0px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.ls-borderlessdark3d .ls-thumbnail-hover {
|
||||
bottom: 30px;
|
||||
padding: 3px;
|
||||
}
|
||||
|
||||
.ls-borderlessdark3d .ls-thumbnail-hover-bg {
|
||||
background: #222;
|
||||
box-shadow: 0px 2px 12px -4px black;
|
||||
border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
-webkit-border-radius: 4px;
|
||||
}
|
||||
|
||||
.ls-borderlessdark3d .ls-thumbnail-hover span {
|
||||
border: 5px solid #222;
|
||||
margin-left: -5px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.ls-borderlessdark3d .ls-thumbnail {
|
||||
top: 10px;
|
||||
}
|
||||
|
||||
.ls-borderlessdark3d .ls-thumbnail-inner {
|
||||
padding: 3px;
|
||||
margin-left: -3px;
|
||||
background: #222;
|
||||
box-shadow: 0px 3px 15px -5px #000;
|
||||
-moz-box-shadow: 0px 3px 15px -5px #000;
|
||||
-webkit-box-shadow: 0px 3px 15px -5px #000;
|
||||
border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
-webkit-border-radius: 4px;
|
||||
}
|
||||
|
||||
.ls-borderlessdark3d .ls-thumbnail-slide a {
|
||||
margin-right: 3px;
|
||||
}
|
||||
|
||||
.ls-borderlessdark3d .ls-nothumb {
|
||||
background: #333;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.ls-borderlessdark3d .ls-shadow {
|
||||
display: block;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.ls-borderlessdark3d .ls-loading-container {
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
margin-left: -20px;
|
||||
margin-top: -20px;
|
||||
background-position: -450px -150px;
|
||||
}
|
||||
|
||||
.ls-borderlessdark3d .ls-loading-indicator {
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
margin-top: 9px;
|
||||
background-image: url(loading.gif);
|
||||
}
|
||||
|
||||
|
||||
|
||||
.ls-borderlessdark3d .ls-fullscreen {
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
right: 10px;
|
||||
top: 10px;
|
||||
background-position: -525px -150px;
|
||||
}
|
||||
|
||||
.ls-borderlessdark3d .ls-fullscreen:hover {
|
||||
background-position: -525px -190px;
|
||||
}
|
After Width: | Height: | Size: 9.5 KiB |
After Width: | Height: | Size: 4.1 KiB |
After Width: | Height: | Size: 4.9 KiB |
After Width: | Height: | Size: 11 KiB |
@ -0,0 +1,217 @@
|
||||
/* LayerSlider Borderless Light Skin */
|
||||
|
||||
|
||||
|
||||
.ls-borderlesslight .ls-playvideo {
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
margin-left: -25px;
|
||||
margin-top: -25px;
|
||||
}
|
||||
|
||||
.ls-borderlesslight .ls-playvideo,
|
||||
.ls-borderlesslight .ls-nav-sides,
|
||||
.ls-borderlesslight .ls-bottom-slidebuttons a,
|
||||
.ls-borderlesslight .ls-nav-prev,
|
||||
.ls-borderlesslight .ls-nav-next,
|
||||
.ls-borderlesslight .ls-nav-start,
|
||||
.ls-borderlesslight .ls-nav-stop,
|
||||
.ls-borderlesslight .ls-fullscreen,
|
||||
.ls-borderlesslight .ls-loading-container {
|
||||
background-image: url(skin.png);
|
||||
}
|
||||
|
||||
.ls-borderlesslight .ls-playvideo {
|
||||
background-position: -300px -150px;
|
||||
}
|
||||
|
||||
.ls-borderlesslight .ls-playvideo:hover,
|
||||
.ls-borderlesslight .ls-vpcontainer:hover .ls-playvideo {
|
||||
background-position: -375px -150px;
|
||||
}
|
||||
|
||||
.ls-borderlesslight .ls-nav-prev {
|
||||
background-position: 0px 0px;
|
||||
}
|
||||
|
||||
.ls-borderlesslight .ls-nav-prev:hover {
|
||||
background-position: 0px -75px;
|
||||
}
|
||||
|
||||
.ls-borderlesslight .ls-nav-next {
|
||||
background-position: -150px 0px;
|
||||
}
|
||||
|
||||
.ls-borderlesslight .ls-nav-next:hover {
|
||||
background-position: -150px -75px;
|
||||
}
|
||||
|
||||
.ls-borderlesslight .ls-nav-start {
|
||||
background-position: -300px 0px;
|
||||
}
|
||||
|
||||
.ls-borderlesslight .ls-nav-start:hover,
|
||||
.ls-borderlesslight .ls-nav-start-active {
|
||||
background-position: -300px -75px;
|
||||
}
|
||||
|
||||
.ls-borderlesslight .ls-nav-stop {
|
||||
background-position: -450px 0px;
|
||||
}
|
||||
|
||||
.ls-borderlesslight .ls-nav-stop:hover,
|
||||
.ls-borderlesslight .ls-nav-stop-active {
|
||||
background-position: -450px -75px;
|
||||
}
|
||||
|
||||
.ls-borderlesslight .ls-bottom-slidebuttons a {
|
||||
background-position: 0px -150px;
|
||||
}
|
||||
|
||||
.ls-borderlesslight .ls-bottom-slidebuttons a.ls-nav-active,
|
||||
.ls-borderlesslight .ls-bottom-slidebuttons a:hover {
|
||||
background-position: -75px -150px;
|
||||
}
|
||||
|
||||
.ls-borderlesslight .ls-nav-sideleft {
|
||||
background-position: -150px -150px;
|
||||
}
|
||||
|
||||
.ls-borderlesslight .ls-nav-sideright {
|
||||
background-position: -225px -150px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.ls-borderlesslight .ls-nav-prev,
|
||||
.ls-borderlesslight .ls-nav-next {
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
z-index: 10000;
|
||||
top: 50%;
|
||||
margin-top: -22px;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.ls-borderlesslight .ls-nav-prev {
|
||||
left: 10px;
|
||||
}
|
||||
|
||||
.ls-borderlesslight .ls-nav-next {
|
||||
right: 10px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.ls-borderlesslight .ls-bottom-slidebuttons,
|
||||
.ls-borderlesslight .ls-bottom-slidebuttons a,
|
||||
.ls-borderlesslight .ls-nav-start,
|
||||
.ls-borderlesslight .ls-nav-stop,
|
||||
.ls-borderlesslight .ls-nav-sides {
|
||||
height: 36px;
|
||||
}
|
||||
|
||||
.ls-borderlesslight .ls-bottom-slidebuttons,
|
||||
.ls-borderlesslight .ls-bottom-slidebuttons a,
|
||||
.ls-borderlesslight .ls-nav-start,
|
||||
.ls-borderlesslight .ls-nav-stop,
|
||||
.ls-borderlesslight .ls-nav-sides {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.ls-borderlesslight .ls-bottom-slidebuttons,
|
||||
.ls-borderlesslight .ls-nav-start,
|
||||
.ls-borderlesslight .ls-nav-stop,
|
||||
.ls-borderlesslight .ls-nav-sides {
|
||||
top: -44px;
|
||||
}
|
||||
|
||||
.ls-borderlesslight .ls-nav-start,
|
||||
.ls-borderlesslight .ls-nav-stop {
|
||||
width: 24px;
|
||||
}
|
||||
|
||||
.ls-borderlesslight .ls-bottom-slidebuttons a {
|
||||
width: 20px;
|
||||
}
|
||||
|
||||
.ls-borderlesslight .ls-nav-sides {
|
||||
width: 13px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.ls-borderlesslight .ls-thumbnail-hover {
|
||||
bottom: 45px;
|
||||
padding: 3px;
|
||||
margin-left: 1px;
|
||||
}
|
||||
|
||||
.ls-borderlesslight .ls-thumbnail-hover-bg {
|
||||
background: #eee;
|
||||
box-shadow: 0px 2px 12px -4px black;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.ls-borderlesslight .ls-thumbnail-hover span {
|
||||
border: 5px solid #eee;
|
||||
margin-left: -5px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.ls-borderlesslight .ls-thumbnail {
|
||||
top: 15px;
|
||||
}
|
||||
|
||||
.ls-borderlesslight .ls-thumbnail-inner {
|
||||
padding: 2px;
|
||||
margin-left: -2px;
|
||||
background: #fff;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.ls-borderlesslight .ls-thumbnail-slide a {
|
||||
margin-right: 2px;
|
||||
}
|
||||
|
||||
.ls-borderlesslight .ls-nothumb {
|
||||
background: #eee;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.ls-borderlesslight .ls-shadow {
|
||||
display: block;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.ls-borderlesslight .ls-loading-container {
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
margin-left: -25px;
|
||||
margin-top: -22px;
|
||||
background-position: -450px -150px;
|
||||
}
|
||||
|
||||
.ls-borderlesslight .ls-loading-indicator {
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
margin-top: 11px;
|
||||
background-image: url(loading.gif);
|
||||
}
|
||||
|
||||
|
||||
|
||||
.ls-borderlesslight .ls-fullscreen {
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
right: 10px;
|
||||
top: 10px;
|
||||
background-position: -525px -150px;
|
||||
}
|
||||
|
||||
.ls-borderlesslight .ls-fullscreen:hover {
|
||||
background-position: -525px -190px;
|
||||
}
|
After Width: | Height: | Size: 12 KiB |
After Width: | Height: | Size: 4.1 KiB |
After Width: | Height: | Size: 4.9 KiB |
After Width: | Height: | Size: 8.0 KiB |
@ -0,0 +1,223 @@
|
||||
/* LayerSlider Borderless Light 3D Skin */
|
||||
|
||||
|
||||
|
||||
.ls-borderlesslight3d .ls-playvideo {
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
margin-left: -25px;
|
||||
margin-top: -25px;
|
||||
}
|
||||
|
||||
.ls-borderlesslight3d .ls-playvideo,
|
||||
.ls-borderlesslight3d .ls-nav-sides,
|
||||
.ls-borderlesslight3d .ls-bottom-slidebuttons a,
|
||||
.ls-borderlesslight3d .ls-nav-prev,
|
||||
.ls-borderlesslight3d .ls-nav-next,
|
||||
.ls-borderlesslight3d .ls-nav-start,
|
||||
.ls-borderlesslight3d .ls-nav-stop,
|
||||
.ls-borderlesslight3d .ls-fullscreen,
|
||||
.ls-borderlesslight3d .ls-loading-container {
|
||||
background-image: url(skin.png);
|
||||
}
|
||||
|
||||
.ls-borderlesslight3d .ls-playvideo {
|
||||
background-position: -300px -150px;
|
||||
}
|
||||
|
||||
.ls-borderlesslight3d .ls-playvideo:hover,
|
||||
.ls-borderlesslight3d .ls-vpcontainer:hover .ls-playvideo {
|
||||
background-position: -375px -150px;
|
||||
}
|
||||
|
||||
.ls-borderlesslight3d .ls-nav-prev {
|
||||
background-position: 0px 0px;
|
||||
}
|
||||
|
||||
.ls-borderlesslight3d .ls-nav-prev:hover {
|
||||
background-position: 0px -75px;
|
||||
}
|
||||
|
||||
.ls-borderlesslight3d .ls-nav-next {
|
||||
background-position: -150px 0px;
|
||||
}
|
||||
|
||||
.ls-borderlesslight3d .ls-nav-next:hover {
|
||||
background-position: -150px -75px;
|
||||
}
|
||||
|
||||
.ls-borderlesslight3d .ls-nav-start {
|
||||
background-position: -300px 0px;
|
||||
}
|
||||
|
||||
.ls-borderlesslight3d .ls-nav-start:hover,
|
||||
.ls-borderlesslight3d .ls-nav-start-active {
|
||||
background-position: -300px -75px;
|
||||
}
|
||||
|
||||
.ls-borderlesslight3d .ls-nav-stop {
|
||||
background-position: -450px 0px;
|
||||
}
|
||||
|
||||
.ls-borderlesslight3d .ls-nav-stop:hover,
|
||||
.ls-borderlesslight3d .ls-nav-stop-active {
|
||||
background-position: -450px -75px;
|
||||
}
|
||||
|
||||
.ls-borderlesslight3d .ls-bottom-slidebuttons a {
|
||||
background-position: 0px -150px;
|
||||
}
|
||||
|
||||
.ls-borderlesslight3d .ls-bottom-slidebuttons a.ls-nav-active,
|
||||
.ls-borderlesslight3d .ls-bottom-slidebuttons a:hover {
|
||||
background-position: -75px -150px;
|
||||
}
|
||||
|
||||
.ls-borderlesslight3d .ls-nav-sideleft {
|
||||
background-position: -150px -150px;
|
||||
}
|
||||
|
||||
.ls-borderlesslight3d .ls-nav-sideright {
|
||||
background-position: -225px -150px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.ls-borderlesslight3d .ls-nav-prev,
|
||||
.ls-borderlesslight3d .ls-nav-next {
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
z-index: 10000;
|
||||
top: 50%;
|
||||
margin-top: -20px;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.ls-borderlesslight3d .ls-nav-prev {
|
||||
left: 10px;
|
||||
}
|
||||
|
||||
.ls-borderlesslight3d .ls-nav-next {
|
||||
right: 10px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.ls-borderlesslight3d .ls-bottom-slidebuttons,
|
||||
.ls-borderlesslight3d .ls-bottom-slidebuttons a,
|
||||
.ls-borderlesslight3d .ls-nav-start,
|
||||
.ls-borderlesslight3d .ls-nav-stop,
|
||||
.ls-borderlesslight3d .ls-nav-sides {
|
||||
height: 20px;
|
||||
}
|
||||
|
||||
.ls-borderlesslight3d .ls-bottom-slidebuttons,
|
||||
.ls-borderlesslight3d .ls-bottom-slidebuttons a,
|
||||
.ls-borderlesslight3d .ls-nav-start,
|
||||
.ls-borderlesslight3d .ls-nav-stop,
|
||||
.ls-borderlesslight3d .ls-nav-sides {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.ls-borderlesslight3d .ls-bottom-slidebuttons,
|
||||
.ls-borderlesslight3d .ls-nav-start,
|
||||
.ls-borderlesslight3d .ls-nav-stop,
|
||||
.ls-borderlesslight3d .ls-nav-sides {
|
||||
top: -30px;
|
||||
}
|
||||
|
||||
.ls-borderlesslight3d .ls-nav-start,
|
||||
.ls-borderlesslight3d .ls-nav-stop {
|
||||
width: 25px;
|
||||
}
|
||||
|
||||
.ls-borderlesslight3d .ls-bottom-slidebuttons a {
|
||||
width: 20px;
|
||||
}
|
||||
|
||||
.ls-borderlesslight3d .ls-nav-sides {
|
||||
width: 0px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.ls-borderlesslight3d .ls-thumbnail-hover {
|
||||
bottom: 30px;
|
||||
padding: 3px;
|
||||
}
|
||||
|
||||
.ls-borderlesslight3d .ls-thumbnail-hover-bg {
|
||||
background: #eee;
|
||||
box-shadow: 0px 2px 12px -4px black;
|
||||
border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
-webkit-border-radius: 4px;
|
||||
}
|
||||
|
||||
.ls-borderlesslight3d .ls-thumbnail-hover span {
|
||||
border: 5px solid #eee;
|
||||
margin-left: -5px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.ls-borderlesslight3d .ls-thumbnail {
|
||||
top: 10px;
|
||||
}
|
||||
|
||||
.ls-borderlesslight3d .ls-thumbnail-inner {
|
||||
padding: 3px;
|
||||
margin-left: -3px;
|
||||
background: #fff;
|
||||
box-shadow: 0px 3px 15px -5px #000;
|
||||
-moz-box-shadow: 0px 3px 15px -5px #000;
|
||||
-webkit-box-shadow: 0px 3px 15px -5px #000;
|
||||
border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
-webkit-border-radius: 4px;
|
||||
}
|
||||
|
||||
.ls-borderlesslight3d .ls-thumbnail-slide a {
|
||||
margin-right: 3px;
|
||||
}
|
||||
|
||||
.ls-borderlesslight3d .ls-nothumb {
|
||||
background: #eee;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.ls-borderlesslight3d .ls-shadow {
|
||||
display: block;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.ls-borderlesslight3d .ls-loading-container {
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
margin-left: -20px;
|
||||
margin-top: -20px;
|
||||
background-position: -450px -150px;
|
||||
}
|
||||
|
||||
.ls-borderlesslight3d .ls-loading-indicator {
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
margin-top: 9px;
|
||||
background-image: url(loading.gif);
|
||||
}
|
||||
|
||||
|
||||
|
||||
.ls-borderlesslight3d .ls-fullscreen {
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
right: 10px;
|
||||
top: 10px;
|
||||
background-position: -525px -150px;
|
||||
}
|
||||
|
||||
.ls-borderlesslight3d .ls-fullscreen:hover {
|
||||
background-position: -525px -190px;
|
||||
}
|
After Width: | Height: | Size: 9.0 KiB |
After Width: | Height: | Size: 4.1 KiB |
After Width: | Height: | Size: 4.9 KiB |
@ -0,0 +1,219 @@
|
||||
/* LayerSlider Carousel Skin */
|
||||
|
||||
|
||||
|
||||
.ls-carousel .ls-bottom-nav-wrapper {
|
||||
margin: 10px auto;
|
||||
}
|
||||
|
||||
.ls-carousel .ls-playvideo {
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
margin-left: -25px;
|
||||
margin-top: -25px;
|
||||
}
|
||||
|
||||
.ls-carousel .ls-playvideo,
|
||||
.ls-carousel .ls-nav-sides,
|
||||
.ls-carousel .ls-bottom-slidebuttons a,
|
||||
.ls-carousel .ls-nav-prev,
|
||||
.ls-carousel .ls-nav-next,
|
||||
.ls-carousel .ls-nav-start,
|
||||
.ls-carousel .ls-nav-stop,
|
||||
.ls-carousel .ls-fullscreen,
|
||||
.ls-carousel .ls-loading-container {
|
||||
background-image: url(skin.png);
|
||||
}
|
||||
|
||||
.ls-carousel .ls-playvideo {
|
||||
background-position: -300px -150px;
|
||||
}
|
||||
|
||||
.ls-carousel .ls-playvideo:hover,
|
||||
.ls-carousel .ls-vpcontainer:hover .ls-playvideo {
|
||||
background-position: -375px -150px;
|
||||
}
|
||||
|
||||
.ls-carousel .ls-nav-prev {
|
||||
background-position: 0px 0px;
|
||||
}
|
||||
|
||||
.ls-carousel .ls-nav-prev:hover {
|
||||
background-position: 0px -75px;
|
||||
}
|
||||
|
||||
.ls-carousel .ls-nav-next {
|
||||
background-position: -150px 0px;
|
||||
}
|
||||
|
||||
.ls-carousel .ls-nav-next:hover {
|
||||
background-position: -150px -75px;
|
||||
}
|
||||
|
||||
.ls-carousel .ls-nav-start {
|
||||
background-position: -300px 0px;
|
||||
}
|
||||
|
||||
.ls-carousel .ls-nav-start:hover,
|
||||
.ls-carousel .ls-nav-start-active {
|
||||
background-position: -300px -75px;
|
||||
}
|
||||
|
||||
.ls-carousel .ls-nav-stop {
|
||||
background-position: -450px 0px;
|
||||
}
|
||||
|
||||
.ls-carousel .ls-nav-stop:hover,
|
||||
.ls-carousel .ls-nav-stop-active {
|
||||
background-position: -450px -75px;
|
||||
}
|
||||
|
||||
.ls-carousel .ls-bottom-slidebuttons a {
|
||||
background-position: 0px -150px;
|
||||
}
|
||||
|
||||
.ls-carousel .ls-bottom-slidebuttons a.ls-nav-active,
|
||||
.ls-carousel .ls-bottom-slidebuttons a:hover {
|
||||
background-position: -75px -150px;
|
||||
}
|
||||
|
||||
.ls-carousel .ls-nav-sideleft {
|
||||
background-position: -150px -150px;
|
||||
}
|
||||
|
||||
.ls-carousel .ls-nav-sideright {
|
||||
background-position: -225px -150px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.ls-carousel .ls-nav-prev,
|
||||
.ls-carousel .ls-nav-next {
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
z-index: 10000;
|
||||
top: 50%;
|
||||
margin-top: -22px;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.ls-carousel .ls-nav-prev {
|
||||
left: 10px;
|
||||
}
|
||||
|
||||
.ls-carousel .ls-nav-next {
|
||||
right: 10px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.ls-carousel .ls-bottom-slidebuttons,
|
||||
.ls-carousel .ls-bottom-slidebuttons a,
|
||||
.ls-carousel .ls-nav-start,
|
||||
.ls-carousel .ls-nav-stop,
|
||||
.ls-carousel .ls-nav-sides {
|
||||
height: 36px;
|
||||
}
|
||||
|
||||
.ls-carousel .ls-bottom-slidebuttons,
|
||||
.ls-carousel .ls-bottom-slidebuttons a,
|
||||
.ls-carousel .ls-nav-start,
|
||||
.ls-carousel .ls-nav-stop,
|
||||
.ls-carousel .ls-nav-sides {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.ls-carousel .ls-nav-start,
|
||||
.ls-carousel .ls-nav-stop {
|
||||
width: 24px;
|
||||
}
|
||||
|
||||
.ls-carousel .ls-bottom-slidebuttons a {
|
||||
width: 20px;
|
||||
}
|
||||
|
||||
.ls-carousel .ls-nav-sides {
|
||||
width: 13px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.ls-carousel .ls-thumbnail-hover {
|
||||
bottom: 45px;
|
||||
padding: 3px;
|
||||
margin-left: 1px;
|
||||
}
|
||||
|
||||
.ls-carousel .ls-thumbnail-hover-bg {
|
||||
background: #eee;
|
||||
box-shadow: 0px 2px 12px -4px black;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.ls-carousel .ls-thumbnail-hover span {
|
||||
border: 5px solid #eee;
|
||||
margin-left: -5px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.ls-carousel .ls-thumbnail {
|
||||
top: 10px;
|
||||
}
|
||||
|
||||
.ls-carousel .ls-thumbnail-inner {
|
||||
padding: 4px;
|
||||
margin-left: -4px;
|
||||
background: #eee;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.ls-carousel .ls-thumbnail-slide a {
|
||||
margin-right: 4px;
|
||||
}
|
||||
|
||||
.ls-carousel .ls-nothumb {
|
||||
background: #eee;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.ls-carousel .ls-above-thumbnails {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.ls-carousel .ls-below-thumbnails {
|
||||
display: block;
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.ls-carousel .ls-loading-container {
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
margin-left: -25px;
|
||||
margin-top: -22px;
|
||||
background-position: -450px -150px;
|
||||
}
|
||||
|
||||
.ls-carousel .ls-loading-indicator {
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
margin-top: 11px;
|
||||
background-image: url(loading.gif);
|
||||
}
|
||||
|
||||
|
||||
|
||||
.ls-carousel .ls-fullscreen {
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
right: 10px;
|
||||
top: 10px;
|
||||
background-position: -525px -150px;
|
||||
}
|
||||
|
||||
.ls-carousel .ls-fullscreen:hover {
|
||||
background-position: -525px -190px;
|
||||
}
|
After Width: | Height: | Size: 12 KiB |
After Width: | Height: | Size: 6.0 KiB |
After Width: | Height: | Size: 3.3 KiB |
@ -0,0 +1,240 @@
|
||||
/* LayerSlider Dark Skin */
|
||||
|
||||
|
||||
|
||||
.ls-darkskin {
|
||||
padding: 5px;
|
||||
background: #222;
|
||||
box-shadow: 0px 3px 15px -5px #000;
|
||||
-moz-box-shadow: 0px 3px 15px -5px #000;
|
||||
-webkit-box-shadow: 0px 3px 15px -5px #000;
|
||||
border-radius: 6px;
|
||||
-moz-border-radius: 6px;
|
||||
-webkit-border-radius: 6px;
|
||||
}
|
||||
|
||||
.ls-darkskin .ls-ct-half {
|
||||
background: #444;
|
||||
}
|
||||
|
||||
.ls-darkskin .ls-ct-center {
|
||||
background: white;
|
||||
}
|
||||
|
||||
.ls-darkskin .ls-playvideo {
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
margin-left: -25px;
|
||||
margin-top: -25px;
|
||||
}
|
||||
|
||||
.ls-darkskin .ls-playvideo,
|
||||
.ls-darkskin .ls-nav-sides,
|
||||
.ls-darkskin .ls-bottom-slidebuttons a,
|
||||
.ls-darkskin .ls-nav-prev,
|
||||
.ls-darkskin .ls-nav-next,
|
||||
.ls-darkskin .ls-nav-start,
|
||||
.ls-darkskin .ls-nav-stop,
|
||||
.ls-darkskin .ls-fullscreen,
|
||||
.ls-darkskin .ls-loading-container {
|
||||
background-image: url(skin.png);
|
||||
}
|
||||
|
||||
.ls-darkskin .ls-playvideo {
|
||||
background-position: -300px -150px;
|
||||
}
|
||||
|
||||
.ls-darkskin .ls-playvideo:hover,
|
||||
.ls-darkskin .ls-vpcontainer:hover .ls-playvideo {
|
||||
background-position: -375px -150px;
|
||||
}
|
||||
|
||||
.ls-darkskin .ls-nav-prev {
|
||||
background-position: 0px 0px;
|
||||
}
|
||||
|
||||
.ls-darkskin .ls-nav-prev:hover {
|
||||
background-position: 0px -75px;
|
||||
}
|
||||
|
||||
.ls-darkskin .ls-nav-next {
|
||||
background-position: -150px 0px;
|
||||
}
|
||||
|
||||
.ls-darkskin .ls-nav-next:hover {
|
||||
background-position: -150px -75px;
|
||||
}
|
||||
|
||||
.ls-darkskin .ls-nav-start {
|
||||
background-position: -300px 0px;
|
||||
}
|
||||
|
||||
.ls-darkskin .ls-nav-start:hover,
|
||||
.ls-darkskin .ls-nav-start-active {
|
||||
background-position: -300px -75px;
|
||||
}
|
||||
|
||||
.ls-darkskin .ls-nav-stop {
|
||||
background-position: -450px 0px;
|
||||
}
|
||||
|
||||
.ls-darkskin .ls-nav-stop:hover,
|
||||
.ls-darkskin .ls-nav-stop-active {
|
||||
background-position: -450px -75px;
|
||||
}
|
||||
|
||||
.ls-darkskin .ls-bottom-slidebuttons a {
|
||||
background-position: 0px -150px;
|
||||
}
|
||||
|
||||
.ls-darkskin .ls-bottom-slidebuttons a.ls-nav-active,
|
||||
.ls-darkskin .ls-bottom-slidebuttons a:hover {
|
||||
background-position: -75px -150px;
|
||||
}
|
||||
|
||||
.ls-darkskin .ls-nav-sideleft {
|
||||
background-position: -150px -150px;
|
||||
}
|
||||
|
||||
.ls-darkskin .ls-nav-sideright {
|
||||
background-position: -225px -150px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.ls-darkskin .ls-nav-prev,
|
||||
.ls-darkskin .ls-nav-next {
|
||||
width: 27px;
|
||||
height: 75px;
|
||||
z-index: 10000;
|
||||
top: 50%;
|
||||
margin-top: -37px;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.ls-darkskin .ls-nav-prev {
|
||||
left: 5px;
|
||||
}
|
||||
|
||||
.ls-darkskin .ls-nav-next {
|
||||
right: 5px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.ls-darkskin .ls-bottom-slidebuttons,
|
||||
.ls-darkskin .ls-bottom-slidebuttons a,
|
||||
.ls-darkskin .ls-nav-start,
|
||||
.ls-darkskin .ls-nav-stop,
|
||||
.ls-darkskin .ls-nav-sides {
|
||||
height: 28px;
|
||||
}
|
||||
|
||||
.ls-darkskin .ls-bottom-slidebuttons,
|
||||
.ls-darkskin .ls-bottom-slidebuttons a,
|
||||
.ls-darkskin .ls-nav-start,
|
||||
.ls-darkskin .ls-nav-stop,
|
||||
.ls-darkskin .ls-nav-sides {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.ls-darkskin .ls-bottom-slidebuttons,
|
||||
.ls-darkskin .ls-nav-start,
|
||||
.ls-darkskin .ls-nav-stop,
|
||||
.ls-darkskin .ls-nav-sides {
|
||||
top: -28px;
|
||||
}
|
||||
|
||||
.ls-darkskin .ls-nav-start,
|
||||
.ls-darkskin .ls-nav-stop {
|
||||
width: 54px;
|
||||
}
|
||||
|
||||
.ls-darkskin .ls-bottom-slidebuttons a {
|
||||
width: 18px;
|
||||
}
|
||||
|
||||
.ls-darkskin .ls-nav-sides {
|
||||
width: 44px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.ls-darkskin .ls-thumbnail-hover {
|
||||
padding: 4px;
|
||||
}
|
||||
|
||||
.ls-darkskin .ls-thumbnail-hover {
|
||||
bottom: 40px;
|
||||
margin-left: 1px;
|
||||
}
|
||||
|
||||
.ls-darkskin .ls-thumbnail-hover-bg {
|
||||
background: #222;
|
||||
box-shadow: 0px 2px 12px -4px black;
|
||||
border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
-webkit-border-radius: 4px;
|
||||
}
|
||||
|
||||
.ls-darkskin .ls-thumbnail-hover span {
|
||||
border: 5px solid #222;
|
||||
margin-left: -5px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.ls-darkskin .ls-thumbnail {
|
||||
padding-top: 15px;
|
||||
}
|
||||
|
||||
.ls-darkskin .ls-thumbnail-inner {
|
||||
padding: 5px;
|
||||
margin-left: -5px;
|
||||
background: #222;
|
||||
box-shadow: 0px 3px 15px -5px #000;
|
||||
-moz-box-shadow: 0px 3px 15px -5px #000;
|
||||
-webkit-box-shadow: 0px 3px 15px -5px #000;
|
||||
border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
-webkit-border-radius: 4px;
|
||||
}
|
||||
|
||||
.ls-darkskin .ls-thumbnail-slide a {
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
.ls-darkskin .ls-nothumb {
|
||||
background: #333;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.ls-darkskin .ls-loading-container {
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
margin-left: -20px;
|
||||
margin-top: -20px;
|
||||
background-position: -450px -150px;
|
||||
}
|
||||
|
||||
.ls-darkskin .ls-loading-indicator {
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
margin-top: 9px;
|
||||
background-image: url(loading.gif);
|
||||
}
|
||||
|
||||
|
||||
|
||||
.ls-darkskin .ls-fullscreen {
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
right: 10px;
|
||||
top: 10px;
|
||||
background-position: -525px -150px;
|
||||
}
|
||||
|
||||
.ls-darkskin .ls-fullscreen:hover {
|
||||
background-position: -525px -190px;
|
||||
}
|
After Width: | Height: | Size: 12 KiB |
After Width: | Height: | Size: 4.3 KiB |
After Width: | Height: | Size: 4.9 KiB |
@ -0,0 +1,231 @@
|
||||
/* LayerSlider Default Skin */
|
||||
|
||||
|
||||
|
||||
.ls-defaultskin {
|
||||
padding: 5px;
|
||||
background: #f7f7f7;
|
||||
box-shadow: 0px 3px 15px -5px #000;
|
||||
-moz-box-shadow: 0px 3px 15px -5px #000;
|
||||
-webkit-box-shadow: 0px 3px 15px -5px #000;
|
||||
border-radius: 6px;
|
||||
-moz-border-radius: 6px;
|
||||
-webkit-border-radius: 6px;
|
||||
}
|
||||
|
||||
.ls-defaultskin .ls-bottom-nav-wrapper {
|
||||
margin: 15px auto 0px auto;
|
||||
}
|
||||
|
||||
.ls-defaultskin .ls-playvideo {
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
margin-left: -25px;
|
||||
margin-top: -25px;
|
||||
}
|
||||
|
||||
.ls-defaultskin .ls-playvideo,
|
||||
.ls-defaultskin .ls-nav-sides,
|
||||
.ls-defaultskin .ls-bottom-slidebuttons a,
|
||||
.ls-defaultskin .ls-nav-prev,
|
||||
.ls-defaultskin .ls-nav-next,
|
||||
.ls-defaultskin .ls-nav-start,
|
||||
.ls-defaultskin .ls-nav-stop,
|
||||
.ls-defaultskin .ls-fullscreen,
|
||||
.ls-defaultskin .ls-loading-container {
|
||||
background-image: url(skin.png);
|
||||
}
|
||||
|
||||
.ls-defaultskin .ls-playvideo {
|
||||
background-position: -300px -150px;
|
||||
}
|
||||
|
||||
.ls-defaultskin .ls-playvideo:hover,
|
||||
.ls-defaultskin .ls-vpcontainer:hover .ls-playvideo {
|
||||
background-position: -375px -150px;
|
||||
}
|
||||
|
||||
.ls-defaultskin .ls-nav-prev {
|
||||
background-position: 0px 0px;
|
||||
}
|
||||
|
||||
.ls-defaultskin .ls-nav-prev:hover {
|
||||
background-position: 0px -75px;
|
||||
}
|
||||
|
||||
.ls-defaultskin .ls-nav-next {
|
||||
background-position: -150px 0px;
|
||||
}
|
||||
|
||||
.ls-defaultskin .ls-nav-next:hover {
|
||||
background-position: -150px -75px;
|
||||
}
|
||||
|
||||
.ls-defaultskin .ls-nav-start {
|
||||
background-position: -300px 0px;
|
||||
}
|
||||
|
||||
.ls-defaultskin .ls-nav-start:hover,
|
||||
.ls-defaultskin .ls-nav-start-active {
|
||||
background-position: -300px -75px;
|
||||
}
|
||||
|
||||
.ls-defaultskin .ls-nav-stop {
|
||||
background-position: -450px 0px;
|
||||
}
|
||||
|
||||
.ls-defaultskin .ls-nav-stop:hover,
|
||||
.ls-defaultskin .ls-nav-stop-active {
|
||||
background-position: -450px -75px;
|
||||
}
|
||||
|
||||
.ls-defaultskin .ls-bottom-slidebuttons a {
|
||||
background-position: 0px -150px;
|
||||
}
|
||||
|
||||
.ls-defaultskin .ls-bottom-slidebuttons a.ls-nav-active,
|
||||
.ls-defaultskin .ls-bottom-slidebuttons a:hover {
|
||||
background-position: -75px -150px;
|
||||
}
|
||||
|
||||
.ls-defaultskin .ls-nav-sideleft {
|
||||
background-position: -150px -150px;
|
||||
}
|
||||
|
||||
.ls-defaultskin .ls-nav-sideright {
|
||||
background-position: -225px -150px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.ls-defaultskin .ls-nav-prev,
|
||||
.ls-defaultskin .ls-nav-next {
|
||||
width: 45px;
|
||||
height: 55px;
|
||||
z-index: 10000;
|
||||
top: 50%;
|
||||
margin-top: -27px;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.ls-defaultskin .ls-nav-prev {
|
||||
left: 5px;
|
||||
}
|
||||
|
||||
.ls-defaultskin .ls-nav-next {
|
||||
right: 5px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.ls-defaultskin .ls-bottom-slidebuttons,
|
||||
.ls-defaultskin .ls-bottom-slidebuttons a,
|
||||
.ls-defaultskin .ls-nav-start,
|
||||
.ls-defaultskin .ls-nav-stop,
|
||||
.ls-defaultskin .ls-nav-sides {
|
||||
height: 28px;
|
||||
}
|
||||
|
||||
.ls-defaultskin .ls-bottom-slidebuttons,
|
||||
.ls-defaultskin .ls-bottom-slidebuttons a,
|
||||
.ls-defaultskin .ls-nav-start,
|
||||
.ls-defaultskin .ls-nav-stop,
|
||||
.ls-defaultskin .ls-nav-sides {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.ls-defaultskin .ls-nav-start,
|
||||
.ls-defaultskin .ls-nav-stop {
|
||||
width: 24px;
|
||||
}
|
||||
|
||||
.ls-defaultskin .ls-bottom-slidebuttons a {
|
||||
width: 20px;
|
||||
}
|
||||
|
||||
.ls-defaultskin .ls-nav-sides {
|
||||
width: 6px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.ls-defaultskin .ls-thumbnail-hover {
|
||||
bottom: 55px;
|
||||
padding: 4px;
|
||||
margin-left: 1px;
|
||||
}
|
||||
|
||||
.ls-defaultskin .ls-thumbnail-hover-bg {
|
||||
background: white;
|
||||
box-shadow: 0px 2px 12px -4px black;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.ls-defaultskin .ls-thumbnail-hover span {
|
||||
border: 5px solid white;
|
||||
margin-left: -5px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.ls-defaultskin .ls-thumbnail {
|
||||
top: -20px;
|
||||
}
|
||||
|
||||
.ls-defaultskin .ls-thumbnail-inner {
|
||||
padding: 5px;
|
||||
margin-left: -5px;
|
||||
background: white;
|
||||
box-shadow: 0px 3px 35px -10px black;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.ls-defaultskin .ls-thumbnail-slide a {
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
.ls-defaultskin .ls-nothumb {
|
||||
background: #eee;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.ls-defaultskin .ls-above-thumbnails {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.ls-defaultskin .ls-below-thumbnails {
|
||||
display: block;
|
||||
margin-top: -20px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.ls-defaultskin .ls-loading-container {
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
margin-left: -20px;
|
||||
margin-top: -20px;
|
||||
background-position: -450px -150px;
|
||||
}
|
||||
|
||||
.ls-defaultskin .ls-loading-indicator {
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
margin-top: 9px;
|
||||
background-image: url(loading.gif);
|
||||
}
|
||||
|
||||
|
||||
|
||||
.ls-defaultskin .ls-fullscreen {
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
right: 10px;
|
||||
top: 10px;
|
||||
background-position: -525px -150px;
|
||||
}
|
||||
|
||||
.ls-defaultskin .ls-fullscreen:hover {
|
||||
background-position: -525px -190px;
|
||||
}
|
After Width: | Height: | Size: 7.8 KiB |
After Width: | Height: | Size: 4.3 KiB |
After Width: | Height: | Size: 4.9 KiB |
@ -0,0 +1,208 @@
|
||||
/* LayerSlider Full Width Skin */
|
||||
|
||||
|
||||
|
||||
.ls-fullwidth .ls-playvideo {
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
margin-left: -25px;
|
||||
margin-top: -25px;
|
||||
}
|
||||
|
||||
.ls-fullwidth .ls-playvideo,
|
||||
.ls-fullwidth .ls-nav-sides,
|
||||
.ls-fullwidth .ls-bottom-slidebuttons a,
|
||||
.ls-fullwidth .ls-nav-prev,
|
||||
.ls-fullwidth .ls-nav-next,
|
||||
.ls-fullwidth .ls-nav-start,
|
||||
.ls-fullwidth .ls-nav-stop,
|
||||
.ls-fullwidth .ls-fullscreen,
|
||||
.ls-fullwidth .ls-loading-container {
|
||||
background-image: url(skin.png);
|
||||
}
|
||||
|
||||
.ls-fullwidth .ls-playvideo {
|
||||
background-position: -300px -150px;
|
||||
}
|
||||
|
||||
.ls-fullwidth .ls-playvideo:hover,
|
||||
.ls-fullwidth .ls-vpcontainer:hover .ls-playvideo {
|
||||
background-position: -375px -150px;
|
||||
}
|
||||
|
||||
.ls-fullwidth .ls-nav-prev {
|
||||
background-position: 0px 0px;
|
||||
}
|
||||
|
||||
.ls-fullwidth .ls-nav-prev:hover {
|
||||
background-position: 0px -75px;
|
||||
}
|
||||
|
||||
.ls-fullwidth .ls-nav-next {
|
||||
background-position: -150px 0px;
|
||||
}
|
||||
|
||||
.ls-fullwidth .ls-nav-next:hover {
|
||||
background-position: -150px -75px;
|
||||
}
|
||||
|
||||
.ls-fullwidth .ls-nav-start {
|
||||
background-position: -300px 0px;
|
||||
}
|
||||
|
||||
.ls-fullwidth .ls-nav-start:hover,
|
||||
.ls-fullwidth .ls-nav-start-active {
|
||||
background-position: -300px -75px;
|
||||
}
|
||||
|
||||
.ls-fullwidth .ls-nav-stop {
|
||||
background-position: -450px 0px;
|
||||
}
|
||||
|
||||
.ls-fullwidth .ls-nav-stop:hover,
|
||||
.ls-fullwidth .ls-nav-stop-active {
|
||||
background-position: -450px -75px;
|
||||
}
|
||||
|
||||
.ls-fullwidth .ls-bottom-slidebuttons a {
|
||||
background-position: 0px -150px;
|
||||
}
|
||||
|
||||
.ls-fullwidth .ls-bottom-slidebuttons a.ls-nav-active,
|
||||
.ls-fullwidth .ls-bottom-slidebuttons a:hover {
|
||||
background-position: -75px -150px;
|
||||
}
|
||||
|
||||
.ls-fullwidth .ls-nav-sideleft {
|
||||
background-position: -150px -150px;
|
||||
}
|
||||
|
||||
.ls-fullwidth .ls-nav-sideright {
|
||||
background-position: -225px -150px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.ls-fullwidth .ls-nav-prev,
|
||||
.ls-fullwidth .ls-nav-next {
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
z-index: 10000;
|
||||
top: 50%;
|
||||
margin-top: -20px;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.ls-fullwidth .ls-nav-prev {
|
||||
left: 10px;
|
||||
}
|
||||
|
||||
.ls-fullwidth .ls-nav-next {
|
||||
right: 10px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.ls-fullwidth .ls-bottom-slidebuttons,
|
||||
.ls-fullwidth .ls-bottom-slidebuttons a,
|
||||
.ls-fullwidth .ls-nav-start,
|
||||
.ls-fullwidth .ls-nav-stop,
|
||||
.ls-fullwidth .ls-nav-sides {
|
||||
height: 20px;
|
||||
}
|
||||
|
||||
.ls-fullwidth .ls-bottom-slidebuttons,
|
||||
.ls-fullwidth .ls-bottom-slidebuttons a,
|
||||
.ls-fullwidth .ls-nav-start,
|
||||
.ls-fullwidth .ls-nav-stop,
|
||||
.ls-fullwidth .ls-nav-sides {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.ls-fullwidth .ls-bottom-slidebuttons,
|
||||
.ls-fullwidth .ls-nav-start,
|
||||
.ls-fullwidth .ls-nav-stop,
|
||||
.ls-fullwidth .ls-nav-sides {
|
||||
top: -30px;
|
||||
}
|
||||
|
||||
.ls-fullwidth .ls-nav-start,
|
||||
.ls-fullwidth .ls-nav-stop {
|
||||
width: 25px;
|
||||
}
|
||||
|
||||
.ls-fullwidth .ls-bottom-slidebuttons a {
|
||||
width: 20px;
|
||||
}
|
||||
|
||||
.ls-fullwidth .ls-nav-sides {
|
||||
width: 0px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.ls-fullwidth .ls-thumbnail-hover {
|
||||
bottom: 30px;
|
||||
padding: 2px;
|
||||
margin-left: 1px;
|
||||
}
|
||||
|
||||
.ls-fullwidth .ls-thumbnail-hover-bg {
|
||||
background: #eee;
|
||||
}
|
||||
|
||||
.ls-fullwidth .ls-thumbnail-hover span {
|
||||
border: 5px solid #eee;
|
||||
margin-left: -5px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.ls-fullwidth .ls-thumbnail {
|
||||
top: 10px;
|
||||
}
|
||||
|
||||
.ls-fullwidth .ls-thumbnail-inner {
|
||||
padding: 2px;
|
||||
margin-left: -2px;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.ls-fullwidth .ls-thumbnail-slide a {
|
||||
margin-right: 2px;
|
||||
}
|
||||
|
||||
.ls-fullwidth .ls-nothumb {
|
||||
background: #eee;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.ls-fullwidth .ls-loading-container {
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
margin-left: -20px;
|
||||
margin-top: -20px;
|
||||
background-position: -450px -150px;
|
||||
}
|
||||
|
||||
.ls-fullwidth .ls-loading-indicator {
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
margin-top: 9px;
|
||||
background-image: url(loading.gif);
|
||||
}
|
||||
|
||||
|
||||
|
||||
.ls-fullwidth .ls-fullscreen {
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
right: 10px;
|
||||
top: 10px;
|
||||
background-position: -525px -150px;
|
||||
}
|
||||
|
||||
.ls-fullwidth .ls-fullscreen:hover {
|
||||
background-position: -525px -190px;
|
||||
}
|
After Width: | Height: | Size: 9.0 KiB |
After Width: | Height: | Size: 6.0 KiB |
After Width: | Height: | Size: 4.9 KiB |
@ -0,0 +1,216 @@
|
||||
/* LayerSlider Full Width Dark Skin */
|
||||
|
||||
|
||||
|
||||
.ls-fullwidthdark .ls-ct-half {
|
||||
background: #444;
|
||||
}
|
||||
|
||||
.ls-fullwidthdark .ls-ct-center {
|
||||
background: white;
|
||||
}
|
||||
|
||||
.ls-fullwidthdark .ls-playvideo {
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
margin-left: -25px;
|
||||
margin-top: -25px;
|
||||
}
|
||||
|
||||
.ls-fullwidthdark .ls-playvideo,
|
||||
.ls-fullwidthdark .ls-nav-sides,
|
||||
.ls-fullwidthdark .ls-bottom-slidebuttons a,
|
||||
.ls-fullwidthdark .ls-nav-prev,
|
||||
.ls-fullwidthdark .ls-nav-next,
|
||||
.ls-fullwidthdark .ls-nav-start,
|
||||
.ls-fullwidthdark .ls-nav-stop,
|
||||
.ls-fullwidthdark .ls-fullscreen,
|
||||
.ls-fullwidthdark .ls-loading-container {
|
||||
background-image: url(skin.png);
|
||||
}
|
||||
|
||||
.ls-fullwidthdark .ls-playvideo {
|
||||
background-position: -300px -150px;
|
||||
}
|
||||
|
||||
.ls-fullwidthdark .ls-playvideo:hover,
|
||||
.ls-fullwidthdark .ls-vpcontainer:hover .ls-playvideo {
|
||||
background-position: -375px -150px;
|
||||
}
|
||||
|
||||
.ls-fullwidthdark .ls-nav-prev {
|
||||
background-position: 0px 0px;
|
||||
}
|
||||
|
||||
.ls-fullwidthdark .ls-nav-prev:hover {
|
||||
background-position: 0px -75px;
|
||||
}
|
||||
|
||||
.ls-fullwidthdark .ls-nav-next {
|
||||
background-position: -150px 0px;
|
||||
}
|
||||
|
||||
.ls-fullwidthdark .ls-nav-next:hover {
|
||||
background-position: -150px -75px;
|
||||
}
|
||||
|
||||
.ls-fullwidthdark .ls-nav-start {
|
||||
background-position: -300px 0px;
|
||||
}
|
||||
|
||||
.ls-fullwidthdark .ls-nav-start:hover,
|
||||
.ls-fullwidthdark .ls-nav-start-active {
|
||||
background-position: -300px -75px;
|
||||
}
|
||||
|
||||
.ls-fullwidthdark .ls-nav-stop {
|
||||
background-position: -450px 0px;
|
||||
}
|
||||
|
||||
.ls-fullwidthdark .ls-nav-stop:hover,
|
||||
.ls-fullwidthdark .ls-nav-stop-active {
|
||||
background-position: -450px -75px;
|
||||
}
|
||||
|
||||
.ls-fullwidthdark .ls-bottom-slidebuttons a {
|
||||
background-position: 0px -150px;
|
||||
}
|
||||
|
||||
.ls-fullwidthdark .ls-bottom-slidebuttons a.ls-nav-active,
|
||||
.ls-fullwidthdark .ls-bottom-slidebuttons a:hover {
|
||||
background-position: -75px -150px;
|
||||
}
|
||||
|
||||
.ls-fullwidthdark .ls-nav-sideleft {
|
||||
background-position: -150px -150px;
|
||||
}
|
||||
|
||||
.ls-fullwidthdark .ls-nav-sideright {
|
||||
background-position: -225px -150px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.ls-fullwidthdark .ls-nav-prev,
|
||||
.ls-fullwidthdark .ls-nav-next {
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
z-index: 10000;
|
||||
top: 50%;
|
||||
margin-top: -20px;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.ls-fullwidthdark .ls-nav-prev {
|
||||
left: 10px;
|
||||
}
|
||||
|
||||
.ls-fullwidthdark .ls-nav-next {
|
||||
right: 10px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.ls-fullwidthdark .ls-bottom-slidebuttons,
|
||||
.ls-fullwidthdark .ls-bottom-slidebuttons a,
|
||||
.ls-fullwidthdark .ls-nav-start,
|
||||
.ls-fullwidthdark .ls-nav-stop,
|
||||
.ls-fullwidthdark .ls-nav-sides {
|
||||
height: 20px;
|
||||
}
|
||||
|
||||
.ls-fullwidthdark .ls-bottom-slidebuttons,
|
||||
.ls-fullwidthdark .ls-bottom-slidebuttons a,
|
||||
.ls-fullwidthdark .ls-nav-start,
|
||||
.ls-fullwidthdark .ls-nav-stop,
|
||||
.ls-fullwidthdark .ls-nav-sides {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.ls-fullwidthdark .ls-bottom-slidebuttons,
|
||||
.ls-fullwidthdark .ls-nav-start,
|
||||
.ls-fullwidthdark .ls-nav-stop,
|
||||
.ls-fullwidthdark .ls-nav-sides {
|
||||
top: -30px;
|
||||
}
|
||||
|
||||
.ls-fullwidthdark .ls-nav-start,
|
||||
.ls-fullwidthdark .ls-nav-stop {
|
||||
width: 25px;
|
||||
}
|
||||
|
||||
.ls-fullwidthdark .ls-bottom-slidebuttons a {
|
||||
width: 20px;
|
||||
}
|
||||
|
||||
.ls-fullwidthdark .ls-nav-sides {
|
||||
width: 0px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.ls-fullwidthdark .ls-thumbnail-hover {
|
||||
bottom: 30px;
|
||||
padding: 2px;
|
||||
margin-left: 1px;
|
||||
}
|
||||
|
||||
.ls-fullwidthdark .ls-thumbnail-hover-bg {
|
||||
background: #222;
|
||||
}
|
||||
|
||||
.ls-fullwidthdark .ls-thumbnail-hover span {
|
||||
border: 5px solid #222;
|
||||
margin-left: -5px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.ls-fullwidthdark .ls-thumbnail {
|
||||
top: 10px;
|
||||
}
|
||||
|
||||
.ls-fullwidthdark .ls-thumbnail-inner {
|
||||
padding: 2px;
|
||||
margin-left: -2px;
|
||||
background: #222;
|
||||
}
|
||||
|
||||
.ls-fullwidthdark .ls-thumbnail-slide a {
|
||||
margin-right: 2px;
|
||||
}
|
||||
|
||||
.ls-fullwidthdark .ls-nothumb {
|
||||
background: #333;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.ls-fullwidthdark .ls-loading-container {
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
margin-left: -20px;
|
||||
margin-top: -20px;
|
||||
background-position: -450px -150px;
|
||||
}
|
||||
|
||||
.ls-fullwidthdark .ls-loading-indicator {
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
margin-top: 9px;
|
||||
background-image: url(loading.gif);
|
||||
}
|
||||
|
||||
|
||||
|
||||
.ls-fullwidthdark .ls-fullscreen {
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
right: 10px;
|
||||
top: 10px;
|
||||
background-position: -525px -150px;
|
||||
}
|
||||
|
||||
.ls-fullwidthdark .ls-fullscreen:hover {
|
||||
background-position: -525px -190px;
|
||||
}
|
After Width: | Height: | Size: 9.2 KiB |
After Width: | Height: | Size: 4.3 KiB |
After Width: | Height: | Size: 4.9 KiB |
After Width: | Height: | Size: 7.3 KiB |
@ -0,0 +1,232 @@
|
||||
/* LayerSlider Glass Skin */
|
||||
|
||||
|
||||
|
||||
.ls-glass {
|
||||
padding: 10px;
|
||||
background: #fff;
|
||||
border-radius: 6px;
|
||||
}
|
||||
|
||||
.ls-glass .ls-bottom-nav-wrapper {
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.ls-glass .ls-playvideo {
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
margin-left: -25px;
|
||||
margin-top: -25px;
|
||||
}
|
||||
|
||||
.ls-glass .ls-playvideo,
|
||||
.ls-glass .ls-nav-sides,
|
||||
.ls-glass .ls-bottom-slidebuttons a,
|
||||
.ls-glass .ls-nav-prev,
|
||||
.ls-glass .ls-nav-next,
|
||||
.ls-glass .ls-nav-start,
|
||||
.ls-glass .ls-nav-stop,
|
||||
.ls-glass .ls-fullscreen,
|
||||
.ls-glass .ls-loading-container {
|
||||
background-image: url(skin.png);
|
||||
}
|
||||
|
||||
.ls-glass .ls-playvideo {
|
||||
background-position: -300px -150px;
|
||||
}
|
||||
|
||||
.ls-glass .ls-playvideo:hover,
|
||||
.ls-glass .ls-vpcontainer:hover .ls-playvideo {
|
||||
background-position: -375px -150px;
|
||||
}
|
||||
|
||||
.ls-glass .ls-nav-prev {
|
||||
background-position: 0px 0px;
|
||||
}
|
||||
|
||||
.ls-glass .ls-nav-prev:hover {
|
||||
background-position: 0px -75px;
|
||||
}
|
||||
|
||||
.ls-glass .ls-nav-next {
|
||||
background-position: -150px 0px;
|
||||
}
|
||||
|
||||
.ls-glass .ls-nav-next:hover {
|
||||
background-position: -150px -75px;
|
||||
}
|
||||
|
||||
.ls-glass .ls-nav-start {
|
||||
background-position: -300px 0px;
|
||||
}
|
||||
|
||||
.ls-glass .ls-nav-start:hover,
|
||||
.ls-glass .ls-nav-start-active {
|
||||
background-position: -300px -75px;
|
||||
}
|
||||
|
||||
.ls-glass .ls-nav-stop {
|
||||
background-position: -450px 0px;
|
||||
}
|
||||
|
||||
.ls-glass .ls-nav-stop:hover,
|
||||
.ls-glass .ls-nav-stop-active {
|
||||
background-position: -450px -75px;
|
||||
}
|
||||
|
||||
.ls-glass .ls-bottom-slidebuttons a {
|
||||
background-position: 0px -150px;
|
||||
}
|
||||
|
||||
.ls-glass .ls-bottom-slidebuttons a.ls-nav-active,
|
||||
.ls-glass .ls-bottom-slidebuttons a:hover {
|
||||
background-position: -75px -150px;
|
||||
}
|
||||
|
||||
.ls-glass .ls-nav-sideleft {
|
||||
background-position: -150px -150px;
|
||||
}
|
||||
|
||||
.ls-glass .ls-nav-sideright {
|
||||
background-position: -225px -150px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.ls-glass .ls-nav-prev,
|
||||
.ls-glass .ls-nav-next {
|
||||
width: 22px;
|
||||
height: 50px;
|
||||
z-index: 10000;
|
||||
top: 50%;
|
||||
margin-top: -25px;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.ls-glass .ls-nav-prev {
|
||||
left: -22px;
|
||||
}
|
||||
|
||||
.ls-glass .ls-nav-next {
|
||||
right: -22px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.ls-glass .ls-bottom-slidebuttons,
|
||||
.ls-glass .ls-bottom-slidebuttons a,
|
||||
.ls-glass .ls-nav-start,
|
||||
.ls-glass .ls-nav-stop,
|
||||
.ls-glass .ls-nav-sides {
|
||||
height: 30px;
|
||||
}
|
||||
|
||||
.ls-glass .ls-bottom-slidebuttons,
|
||||
.ls-glass .ls-bottom-slidebuttons a,
|
||||
.ls-glass .ls-nav-start,
|
||||
.ls-glass .ls-nav-stop,
|
||||
.ls-glass .ls-nav-sides {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.ls-glass .ls-nav-start,
|
||||
.ls-glass .ls-nav-stop {
|
||||
width: 28px;
|
||||
}
|
||||
|
||||
.ls-glass .ls-bottom-slidebuttons a {
|
||||
width: 18px;
|
||||
}
|
||||
|
||||
.ls-glass .ls-nav-sides {
|
||||
width: 9px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.ls-glass .ls-thumbnail-hover {
|
||||
bottom: 50px;
|
||||
padding: 4px;
|
||||
margin-left: 1px;
|
||||
}
|
||||
|
||||
.ls-glass .ls-thumbnail-hover-bg {
|
||||
background: white;
|
||||
box-shadow: 0px 2px 12px -4px black;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.ls-glass .ls-thumbnail-hover span {
|
||||
border: 5px solid white;
|
||||
margin-left: -5px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.ls-glass .ls-thumbnail {
|
||||
top: -20px;
|
||||
}
|
||||
|
||||
.ls-glass .ls-thumbnail-inner {
|
||||
padding: 5px;
|
||||
margin-left: -5px;
|
||||
background: white;
|
||||
box-shadow: 0px 3px 35px -10px black;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.ls-glass .ls-thumbnail-slide a {
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
.ls-glass .ls-nothumb {
|
||||
background: #eee;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.ls-glass .ls-above-thumbnails {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.ls-glass .ls-below-thumbnails {
|
||||
display: block;
|
||||
margin-top: -20px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.ls-glass .ls-shadow {
|
||||
display: block;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.ls-glass .ls-loading-container {
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
margin-left: -20px;
|
||||
margin-top: -20px;
|
||||
background-position: -450px -150px;
|
||||
}
|
||||
|
||||
.ls-glass .ls-loading-indicator {
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
margin-top: 9px;
|
||||
background-image: url(loading.gif);
|
||||
}
|
||||
|
||||
|
||||
|
||||
.ls-glass .ls-fullscreen {
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
right: 10px;
|
||||
top: 10px;
|
||||
background-position: -525px -150px;
|
||||
}
|
||||
|
||||
.ls-glass .ls-fullscreen:hover {
|
||||
background-position: -525px -190px;
|
||||
}
|
After Width: | Height: | Size: 12 KiB |
After Width: | Height: | Size: 4.3 KiB |
After Width: | Height: | Size: 4.9 KiB |
@ -0,0 +1,232 @@
|
||||
/* LayerSlider Light Skin */
|
||||
|
||||
|
||||
|
||||
.ls-lightskin {
|
||||
padding: 5px;
|
||||
background: #f7f7f7;
|
||||
box-shadow: 0px 3px 15px -5px #000;
|
||||
-moz-box-shadow: 0px 3px 15px -5px #000;
|
||||
-webkit-box-shadow: 0px 3px 15px -5px #000;
|
||||
border-radius: 6px;
|
||||
-moz-border-radius: 6px;
|
||||
-webkit-border-radius: 6px;
|
||||
}
|
||||
|
||||
.ls-lightskin .ls-playvideo {
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
margin-left: -25px;
|
||||
margin-top: -25px;
|
||||
}
|
||||
|
||||
.ls-lightskin .ls-playvideo,
|
||||
.ls-lightskin .ls-nav-sides,
|
||||
.ls-lightskin .ls-bottom-slidebuttons a,
|
||||
.ls-lightskin .ls-nav-prev,
|
||||
.ls-lightskin .ls-nav-next,
|
||||
.ls-lightskin .ls-nav-start,
|
||||
.ls-lightskin .ls-nav-stop,
|
||||
.ls-lightskin .ls-fullscreen,
|
||||
.ls-lightskin .ls-loading-container {
|
||||
background-image: url(skin.png);
|
||||
}
|
||||
|
||||
.ls-lightskin .ls-playvideo {
|
||||
background-position: -300px -150px;
|
||||
}
|
||||
|
||||
.ls-lightskin .ls-playvideo:hover,
|
||||
.ls-lightskin .ls-vpcontainer:hover .ls-playvideo {
|
||||
background-position: -375px -150px;
|
||||
}
|
||||
|
||||
.ls-lightskin .ls-nav-prev {
|
||||
background-position: 0px 0px;
|
||||
}
|
||||
|
||||
.ls-lightskin .ls-nav-prev:hover {
|
||||
background-position: 0px -75px;
|
||||
}
|
||||
|
||||
.ls-lightskin .ls-nav-next {
|
||||
background-position: -150px 0px;
|
||||
}
|
||||
|
||||
.ls-lightskin .ls-nav-next:hover {
|
||||
background-position: -150px -75px;
|
||||
}
|
||||
|
||||
.ls-lightskin .ls-nav-start {
|
||||
background-position: -300px 0px;
|
||||
}
|
||||
|
||||
.ls-lightskin .ls-nav-start:hover,
|
||||
.ls-lightskin .ls-nav-start-active {
|
||||
background-position: -300px -75px;
|
||||
}
|
||||
|
||||
.ls-lightskin .ls-nav-stop {
|
||||
background-position: -450px 0px;
|
||||
}
|
||||
|
||||
.ls-lightskin .ls-nav-stop:hover,
|
||||
.ls-lightskin .ls-nav-stop-active {
|
||||
background-position: -450px -75px;
|
||||
}
|
||||
|
||||
.ls-lightskin .ls-bottom-slidebuttons a {
|
||||
background-position: 0px -150px;
|
||||
}
|
||||
|
||||
.ls-lightskin .ls-bottom-slidebuttons a.ls-nav-active,
|
||||
.ls-lightskin .ls-bottom-slidebuttons a:hover {
|
||||
background-position: -75px -150px;
|
||||
}
|
||||
|
||||
.ls-lightskin .ls-nav-sideleft {
|
||||
background-position: -150px -150px;
|
||||
}
|
||||
|
||||
.ls-lightskin .ls-nav-sideright {
|
||||
background-position: -225px -150px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.ls-lightskin .ls-nav-prev,
|
||||
.ls-lightskin .ls-nav-next {
|
||||
width: 27px;
|
||||
height: 75px;
|
||||
z-index: 10000;
|
||||
top: 50%;
|
||||
margin-top: -37px;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.ls-lightskin .ls-nav-prev {
|
||||
left: 5px;
|
||||
}
|
||||
|
||||
.ls-lightskin .ls-nav-next {
|
||||
right: 5px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.ls-lightskin .ls-bottom-slidebuttons,
|
||||
.ls-lightskin .ls-bottom-slidebuttons a,
|
||||
.ls-lightskin .ls-nav-start,
|
||||
.ls-lightskin .ls-nav-stop,
|
||||
.ls-lightskin .ls-nav-sides {
|
||||
height: 28px;
|
||||
}
|
||||
|
||||
.ls-lightskin .ls-bottom-slidebuttons,
|
||||
.ls-lightskin .ls-bottom-slidebuttons a,
|
||||
.ls-lightskin .ls-nav-start,
|
||||
.ls-lightskin .ls-nav-stop,
|
||||
.ls-lightskin .ls-nav-sides {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.ls-lightskin .ls-bottom-slidebuttons,
|
||||
.ls-lightskin .ls-nav-start,
|
||||
.ls-lightskin .ls-nav-stop,
|
||||
.ls-lightskin .ls-nav-sides {
|
||||
top: -28px;
|
||||
}
|
||||
|
||||
.ls-lightskin .ls-nav-start,
|
||||
.ls-lightskin .ls-nav-stop {
|
||||
width: 54px;
|
||||
}
|
||||
|
||||
.ls-lightskin .ls-bottom-slidebuttons a {
|
||||
width: 18px;
|
||||
}
|
||||
|
||||
.ls-lightskin .ls-nav-sides {
|
||||
width: 44px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.ls-lightskin .ls-thumbnail-hover {
|
||||
padding: 4px;
|
||||
}
|
||||
|
||||
.ls-lightskin .ls-thumbnail-hover {
|
||||
bottom: 40px;
|
||||
margin-left: 1px;
|
||||
}
|
||||
|
||||
.ls-lightskin .ls-thumbnail-hover-bg {
|
||||
background: #f7f7f7;
|
||||
box-shadow: 0px 2px 12px -4px black;
|
||||
border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
-webkit-border-radius: 4px;
|
||||
}
|
||||
|
||||
.ls-lightskin .ls-thumbnail-hover span {
|
||||
border: 5px solid #f7f7f7;
|
||||
margin-left: -5px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.ls-lightskin .ls-thumbnail {
|
||||
padding-top: 15px;
|
||||
}
|
||||
|
||||
.ls-lightskin .ls-thumbnail-inner {
|
||||
padding: 5px;
|
||||
margin-left: -5px;
|
||||
background: #f7f7f7;
|
||||
box-shadow: 0px 1px 15px -5px #000;
|
||||
-moz-box-shadow: 0px 1px 15px -5px #000;
|
||||
-webkit-box-shadow: 0px 1px 15px -5px #000;
|
||||
border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
-webkit-border-radius: 4px;
|
||||
}
|
||||
|
||||
.ls-lightskin .ls-thumbnail-slide a {
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
.ls-lightskin .ls-nothumb {
|
||||
background: #e3e3e3;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.ls-lightskin .ls-loading-container {
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
margin-left: -20px;
|
||||
margin-top: -20px;
|
||||
background-position: -450px -150px;
|
||||
}
|
||||
|
||||
.ls-lightskin .ls-loading-indicator {
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
margin-top: 9px;
|
||||
background-image: url(loading.gif);
|
||||
}
|
||||
|
||||
|
||||
|
||||
.ls-lightskin .ls-fullscreen {
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
right: 10px;
|
||||
top: 10px;
|
||||
background-position: -525px -150px;
|
||||
}
|
||||
|
||||
.ls-lightskin .ls-fullscreen:hover {
|
||||
background-position: -525px -190px;
|
||||
}
|
After Width: | Height: | Size: 12 KiB |
After Width: | Height: | Size: 4.3 KiB |
After Width: | Height: | Size: 4.9 KiB |
@ -0,0 +1,224 @@
|
||||
/* LayerSlider Minimal Skin */
|
||||
|
||||
|
||||
|
||||
.ls-minimal {
|
||||
padding: 10px;
|
||||
background: #fff;
|
||||
box-shadow: 0px 10px 150px -50px #000;
|
||||
}
|
||||
|
||||
.ls-minimal .ls-bottom-nav-wrapper {
|
||||
text-align: center;
|
||||
margin: 10px auto 0px auto;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.ls-minimal .ls-playvideo {
|
||||
width: 75px;
|
||||
height: 75px;
|
||||
margin-left: -37px;
|
||||
margin-top: -37px;
|
||||
}
|
||||
|
||||
.ls-minimal .ls-playvideo,
|
||||
.ls-minimal .ls-nav-sides,
|
||||
.ls-minimal .ls-bottom-slidebuttons a,
|
||||
.ls-minimal .ls-nav-prev,
|
||||
.ls-minimal .ls-nav-next,
|
||||
.ls-minimal .ls-nav-start,
|
||||
.ls-minimal .ls-nav-stop,
|
||||
.ls-minimal .ls-fullscreen,
|
||||
.ls-minimal .ls-loading-container {
|
||||
background-image: url(skin.png);
|
||||
}
|
||||
|
||||
.ls-minimal .ls-playvideo {
|
||||
background-position: -300px -150px;
|
||||
}
|
||||
|
||||
.ls-minimal .ls-playvideo:hover,
|
||||
.ls-minimal .ls-vpcontainer:hover .ls-playvideo {
|
||||
background-position: -375px -150px;
|
||||
}
|
||||
|
||||
.ls-minimal .ls-nav-prev {
|
||||
background-position: 0px 0px;
|
||||
}
|
||||
|
||||
.ls-minimal .ls-nav-prev:hover {
|
||||
background-position: 0px -75px;
|
||||
}
|
||||
|
||||
.ls-minimal .ls-nav-next {
|
||||
background-position: -150px 0px;
|
||||
}
|
||||
|
||||
.ls-minimal .ls-nav-next:hover {
|
||||
background-position: -150px -75px;
|
||||
}
|
||||
|
||||
.ls-minimal .ls-nav-start {
|
||||
background-position: -300px 0px;
|
||||
}
|
||||
|
||||
.ls-minimal .ls-nav-start:hover,
|
||||
.ls-minimal .ls-nav-start-active {
|
||||
background-position: -300px -75px;
|
||||
}
|
||||
|
||||
.ls-minimal .ls-nav-stop {
|
||||
background-position: -450px 0px;
|
||||
}
|
||||
|
||||
.ls-minimal .ls-nav-stop:hover,
|
||||
.ls-minimal .ls-nav-stop-active {
|
||||
background-position: -450px -75px;
|
||||
}
|
||||
|
||||
.ls-minimal .ls-bottom-slidebuttons a {
|
||||
background-position: 0px -150px;
|
||||
}
|
||||
|
||||
.ls-minimal .ls-bottom-slidebuttons a.ls-nav-active,
|
||||
.ls-minimal .ls-bottom-slidebuttons a:hover {
|
||||
background-position: -75px -150px;
|
||||
}
|
||||
|
||||
.ls-minimal .ls-nav-sideleft {
|
||||
background-position: -150px -150px;
|
||||
}
|
||||
|
||||
.ls-minimal .ls-nav-sideright {
|
||||
background-position: -225px -150px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.ls-minimal .ls-nav-prev,
|
||||
.ls-minimal .ls-nav-next {
|
||||
width: 25px;
|
||||
height: 50px;
|
||||
z-index: 10000;
|
||||
top: 50%;
|
||||
margin-top: -25px;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.ls-minimal .ls-nav-prev {
|
||||
left: -25px;
|
||||
}
|
||||
|
||||
.ls-minimal .ls-nav-next {
|
||||
right: -25px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.ls-minimal .ls-bottom-slidebuttons,
|
||||
.ls-minimal .ls-bottom-slidebuttons a,
|
||||
.ls-minimal .ls-nav-start,
|
||||
.ls-minimal .ls-nav-stop,
|
||||
.ls-minimal .ls-nav-sides {
|
||||
height: 30px;
|
||||
}
|
||||
|
||||
.ls-minimal .ls-bottom-slidebuttons,
|
||||
.ls-minimal .ls-bottom-slidebuttons a,
|
||||
.ls-minimal .ls-nav-start,
|
||||
.ls-minimal .ls-nav-stop,
|
||||
.ls-minimal .ls-nav-sides {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.ls-minimal .ls-nav-start,
|
||||
.ls-minimal .ls-nav-stop {
|
||||
width: 22px;
|
||||
}
|
||||
|
||||
.ls-minimal .ls-bottom-slidebuttons a {
|
||||
width: 17px;
|
||||
}
|
||||
|
||||
.ls-minimal .ls-nav-sides {
|
||||
width: 4px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.ls-minimal .ls-thumbnail-hover {
|
||||
bottom: 50px;
|
||||
padding: 4px;
|
||||
margin-left: 1px;
|
||||
}
|
||||
|
||||
.ls-minimal .ls-thumbnail-hover-bg {
|
||||
background: white;
|
||||
}
|
||||
|
||||
.ls-minimal .ls-thumbnail-hover span {
|
||||
border: 5px solid white;
|
||||
margin-left: -5px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.ls-minimal .ls-thumbnail {
|
||||
top: -20px;
|
||||
}
|
||||
|
||||
.ls-minimal .ls-thumbnail-inner {
|
||||
padding: 5px;
|
||||
margin-left: -5px;
|
||||
background: white;
|
||||
}
|
||||
|
||||
.ls-minimal .ls-thumbnail-slide a {
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
.ls-minimal .ls-nothumb {
|
||||
background: #eee;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.ls-minimal .ls-above-thumbnails {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.ls-minimal .ls-below-thumbnails {
|
||||
display: block;
|
||||
margin-top: -20px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.ls-minimal .ls-loading-container {
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
margin-left: -20px;
|
||||
margin-top: -20px;
|
||||
background-position: -450px -150px;
|
||||
}
|
||||
|
||||
.ls-minimal .ls-loading-indicator {
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
margin-top: 9px;
|
||||
background-image: url(loading.gif);
|
||||
}
|
||||
|
||||
|
||||
|
||||
.ls-minimal .ls-fullscreen {
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
right: 10px;
|
||||
top: 10px;
|
||||
background-position: -525px -150px;
|
||||
}
|
||||
|
||||
.ls-minimal .ls-fullscreen:hover {
|
||||
background-position: -525px -190px;
|
||||
}
|
After Width: | Height: | Size: 4.8 KiB |
After Width: | Height: | Size: 4.3 KiB |
After Width: | Height: | Size: 4.9 KiB |
@ -0,0 +1,81 @@
|
||||
/* LayerSlider No Skin */
|
||||
|
||||
|
||||
|
||||
.ls-noskin .ls-playvideo {
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
margin-left: -25px;
|
||||
margin-top: -25px;
|
||||
}
|
||||
|
||||
.ls-noskin .ls-nav-sides,
|
||||
.ls-noskin .ls-bottom-nav-wrapper,
|
||||
.ls-noskin .ls-bottom-slidebuttons a,
|
||||
.ls-noskin .ls-nav-prev,
|
||||
.ls-noskin .ls-nav-next,
|
||||
.ls-noskin .ls-nav-start,
|
||||
.ls-noskin .ls-nav-stop {
|
||||
display: none;
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
|
||||
.ls-noskin .ls-playvideo,
|
||||
.ls-noskin .ls-loading-container,
|
||||
.ls-noskin .ls-fullscreen {
|
||||
background-image: url(skin.png);
|
||||
}
|
||||
|
||||
.ls-noskin .ls-playvideo {
|
||||
background-position: -300px -150px;
|
||||
}
|
||||
|
||||
.ls-noskin .ls-playvideo:hover,
|
||||
.ls-noskin .ls-vpcontainer:hover .ls-playvideo {
|
||||
background-position: -375px -150px;
|
||||
}
|
||||
|
||||
.ls-noskin .ls-thumbnail {
|
||||
top: 0px;
|
||||
}
|
||||
|
||||
.ls-noskin .ls-thumbnail-inner {
|
||||
padding: 5px;
|
||||
margin-left: -5px;
|
||||
}
|
||||
|
||||
.ls-noskin .ls-thumbnail-slide a {
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
.ls-noskin .ls-nothumb {
|
||||
background: #eee;
|
||||
}
|
||||
|
||||
.ls-noskin .ls-loading-container {
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
margin-left: -20px;
|
||||
margin-top: -20px;
|
||||
background-position: -450px -150px;
|
||||
}
|
||||
|
||||
.ls-noskin .ls-loading-indicator {
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
margin-top: 9px;
|
||||
background-image: url(loading.gif);
|
||||
}
|
||||
|
||||
.ls-noskin .ls-fullscreen {
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
right: 10px;
|
||||
top: 10px;
|
||||
background-position: -525px -150px;
|
||||
}
|
||||
|
||||
.ls-noskin .ls-fullscreen:hover {
|
||||
background-position: -525px -190px;
|
||||
}
|
After Width: | Height: | Size: 4.4 KiB |
After Width: | Height: | Size: 4.3 KiB |
After Width: | Height: | Size: 4.9 KiB |
208
app/static/global/plugins/slider-layer-slider/skins/v5/skin.css
Normal file
@ -0,0 +1,208 @@
|
||||
/* LayerSlider Full Width Skin */
|
||||
|
||||
|
||||
|
||||
.ls-v5 .ls-playvideo {
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
margin-left: -30px;
|
||||
margin-top: -30px;
|
||||
}
|
||||
|
||||
.ls-v5 .ls-playvideo,
|
||||
.ls-v5 .ls-nav-sides,
|
||||
.ls-v5 .ls-bottom-slidebuttons a,
|
||||
.ls-v5 .ls-nav-prev,
|
||||
.ls-v5 .ls-nav-next,
|
||||
.ls-v5 .ls-nav-start,
|
||||
.ls-v5 .ls-nav-stop,
|
||||
.ls-v5 .ls-fullscreen,
|
||||
.ls-v5 .ls-loading-container {
|
||||
background-image: url(skin.png);
|
||||
}
|
||||
|
||||
.ls-v5 .ls-playvideo {
|
||||
background-position: -300px -150px;
|
||||
}
|
||||
|
||||
.ls-v5 .ls-playvideo:hover,
|
||||
.ls-v5 .ls-vpcontainer:hover .ls-playvideo {
|
||||
background-position: -375px -150px;
|
||||
}
|
||||
|
||||
.ls-v5 .ls-nav-prev {
|
||||
background-position: 0px 0px;
|
||||
}
|
||||
|
||||
.ls-v5 .ls-nav-prev:hover {
|
||||
background-position: 0px -75px;
|
||||
}
|
||||
|
||||
.ls-v5 .ls-nav-next {
|
||||
background-position: -150px 0px;
|
||||
}
|
||||
|
||||
.ls-v5 .ls-nav-next:hover {
|
||||
background-position: -150px -75px;
|
||||
}
|
||||
|
||||
.ls-v5 .ls-nav-start {
|
||||
background-position: -300px 0px;
|
||||
}
|
||||
|
||||
.ls-v5 .ls-nav-start:hover,
|
||||
.ls-v5 .ls-nav-start-active {
|
||||
background-position: -300px -75px;
|
||||
}
|
||||
|
||||
.ls-v5 .ls-nav-stop {
|
||||
background-position: -450px 0px;
|
||||
}
|
||||
|
||||
.ls-v5 .ls-nav-stop:hover,
|
||||
.ls-v5 .ls-nav-stop-active {
|
||||
background-position: -450px -75px;
|
||||
}
|
||||
|
||||
.ls-v5 .ls-bottom-slidebuttons a {
|
||||
background-position: 0px -150px;
|
||||
}
|
||||
|
||||
.ls-v5 .ls-bottom-slidebuttons a.ls-nav-active,
|
||||
.ls-v5 .ls-bottom-slidebuttons a:hover {
|
||||
background-position: -75px -150px;
|
||||
}
|
||||
|
||||
.ls-v5 .ls-nav-sideleft {
|
||||
background-position: -150px -150px;
|
||||
}
|
||||
|
||||
.ls-v5 .ls-nav-sideright {
|
||||
background-position: -225px -150px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.ls-v5 .ls-nav-prev,
|
||||
.ls-v5 .ls-nav-next {
|
||||
width: 40px;
|
||||
height: 50px;
|
||||
z-index: 10000;
|
||||
top: 50%;
|
||||
margin-top: -25px;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.ls-v5 .ls-nav-prev {
|
||||
left: 10px;
|
||||
}
|
||||
|
||||
.ls-v5 .ls-nav-next {
|
||||
right: 10px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.ls-v5 .ls-bottom-slidebuttons,
|
||||
.ls-v5 .ls-bottom-slidebuttons a,
|
||||
.ls-v5 .ls-nav-start,
|
||||
.ls-v5 .ls-nav-stop,
|
||||
.ls-v5 .ls-nav-sides {
|
||||
height: 20px;
|
||||
}
|
||||
|
||||
.ls-v5 .ls-bottom-slidebuttons,
|
||||
.ls-v5 .ls-bottom-slidebuttons a,
|
||||
.ls-v5 .ls-nav-start,
|
||||
.ls-v5 .ls-nav-stop,
|
||||
.ls-v5 .ls-nav-sides {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.ls-v5 .ls-bottom-slidebuttons,
|
||||
.ls-v5 .ls-nav-start,
|
||||
.ls-v5 .ls-nav-stop,
|
||||
.ls-v5 .ls-nav-sides {
|
||||
top: -30px;
|
||||
}
|
||||
|
||||
.ls-v5 .ls-nav-start,
|
||||
.ls-v5 .ls-nav-stop {
|
||||
width: 25px;
|
||||
}
|
||||
|
||||
.ls-v5 .ls-bottom-slidebuttons a {
|
||||
width: 20px;
|
||||
}
|
||||
|
||||
.ls-v5 .ls-nav-sides {
|
||||
width: 0px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.ls-v5 .ls-thumbnail-hover {
|
||||
bottom: 30px;
|
||||
padding: 2px;
|
||||
margin-left: 1px;
|
||||
}
|
||||
|
||||
.ls-v5 .ls-thumbnail-hover-bg {
|
||||
background: #eee;
|
||||
}
|
||||
|
||||
.ls-v5 .ls-thumbnail-hover span {
|
||||
border: 5px solid #eee;
|
||||
margin-left: -5px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.ls-v5 .ls-thumbnail {
|
||||
top: 10px;
|
||||
}
|
||||
|
||||
.ls-v5 .ls-thumbnail-inner {
|
||||
padding: 2px;
|
||||
margin-left: -2px;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.ls-v5 .ls-thumbnail-slide a {
|
||||
margin-right: 2px;
|
||||
}
|
||||
|
||||
.ls-v5 .ls-nothumb {
|
||||
background: #eee;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.ls-v5 .ls-loading-container {
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
margin-left: -20px;
|
||||
margin-top: -20px;
|
||||
background-position: -450px -150px;
|
||||
}
|
||||
|
||||
.ls-v5 .ls-loading-indicator {
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
margin-top: 9px;
|
||||
background-image: url(loading.gif);
|
||||
}
|
||||
|
||||
|
||||
|
||||
.ls-v5 .ls-fullscreen {
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
right: 10px;
|
||||
top: 10px;
|
||||
background-position: -525px -150px;
|
||||
}
|
||||
|
||||
.ls-v5 .ls-fullscreen:hover {
|
||||
background-position: -525px -190px;
|
||||
}
|
BIN
app/static/global/plugins/slider-layer-slider/skins/v5/skin.png
Normal file
After Width: | Height: | Size: 6.6 KiB |