.ism-slider > ol, .ism-slider > ol > li, .ism-slider > ol > li > img { width: 100%; list-style: none; margin: 0; padding: 0; }
.ism-slider {
overflow: hidden;
position: relative;
padding: 0 !important;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
cursor: default;
z-index: 2;
background-color: rgba(0, 0, 0, 0.1);
-webkit-animation: ism-fadein 3s;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
}
@-webkit-keyframes ism-fadein {
from { opacity: 0; }
to { opacity: 1; }
}
@-webkit-keyframes ism-loading {
50% { left: 120px; }
}
.ism-slider .ism-slides {
list-style: none;
position: absolute;
height: 100%;
top: 0;
padding: 0 !important;
margin-top: 0;
margin-bottom: 0;
z-index: 1;
}
.ism-slider li.ism-slide {
height: 100%;
overflow: hidden;
position: absolute;
display: block;
top: 0;
bottom: 0;
margin: 0 !important;
padding: 0 !important;
background-color: #d5d5d5;
text-align: center;
}
.ism-slider .ism-img-frame {
display: block;
position: absolute;
width: 100%;
height: 100%;
}
.ism-slider a.ism-image-link {
position: absolute;
color: inherit;
text-decoration: none;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.ism-slider .ism-img {
display: block;
border: none;
position: absolute;
pointer-events: none;
}
.ism-button, .ism-pause-button {
position: absolute;
display: block;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
border: none;
outline: none;
text-align:center;
z-index: 6;
cursor: pointer;
padding: 0;
background-repeat: no-repeat;
background-position: center center;
}
.ism-pause-button {
display: none;
left: 50%;
}
.ism-slider:hover .ism-pause-button {
display: block;
}
.ism-caption {
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
padding: 0 1em;
text-shadow: none;
line-height: 1.2em;
padding: 0.25em 0.5em;
width: auto;
height: auto;
text-align: center;
visibility: hidden;
}
a.ism-image-link .ism-caption, a.ism-caption {
text-decoration: none;
font-weight: normal;
}
a.ism-caption:hover {
text-decoration: underline;
}
.ism-caption-0 {
z-index: 3;
}
.ism-caption-1 {
z-index: 4;
}
.ism-caption-2 {
z-index: 5;
}
.ism-radios {
margin: 0;
padding: 0;
list-style: none;
color: #fff;
font-size: 1px;
}
.ism-slider .ism-radios {
position: absolute;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
z-index: 6;
bottom: 5px;
left: 0;
right: 0;
width: auto;
background-color: rgba(255, 255, 255, 0.0);
padding: 0 7px;
height: 0;
overflow: visible;
}
.ism-slider .ism-radios.ism-radios-as-thumbnails {
bottom: 5px;
}
.ism-radios li {
position: relative;
display: inline-block;
margin: 0 3px;
padding: 0;
}
.ism-radios input.ism-radio {
display: none;
}
.ism-radios label {
display: block;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
margin: 0;
text-decoration: none;
cursor: pointer;
}
.ism-radios-as-thumbnails label {
-webkit-background-size: 120% auto; -moz-background-size: 120% auto; -o-background-size: 120% auto; background-size: 120% auto;
background-position: center center;
background-repeat: no-repeat;
border: 2px solid rgba(255, 255, 255, 0.6);
opacity: 0.8;
}
.ism-radios-as-thumbnails label:hover {
border: 2px solid #fff;
opacity: 1;
}
.ism-radios-as-thumbnails li.active label {
border: 2px solid rgba(255, 255, 255, 1.0);
opacity: 1;
}
Comments
Post a Comment