Initial commit

This commit is contained in:
Khanh Ngo
2015-12-13 16:34:12 +07:00
commit 2dac8205f6
3113 changed files with 514935 additions and 0 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 49 B

View File

@ -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;
}

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 11 KiB

View File

@ -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;
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 12 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.0 KiB

View File

@ -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;
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 11 KiB

View File

@ -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;
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 12 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.0 KiB

View File

@ -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;
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.9 KiB

View File

@ -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;
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 12 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.3 KiB

View File

@ -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;
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 12 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.9 KiB

View File

@ -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;
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.9 KiB

View File

@ -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;
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.9 KiB

View File

@ -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;
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.3 KiB

View File

@ -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;
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 12 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.9 KiB

View File

@ -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;
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 12 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.9 KiB

View File

@ -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;
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.9 KiB

View File

@ -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;
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.9 KiB

View 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;
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.6 KiB