Current File : //proc/2891576/root/home/itiffy/public_html/public/css/thumbnail-slider.css |
#thumbnail-slider {
margin: 0 auto;
width: 100%;
max-width: 100%;
padding: 0;
box-sizing: border-box;
position: relative;
-webkit-user-select: none;
user-select: none;
}
#thumbnail-slider div.inner {
position: relative;
overflow: hidden;
padding: 0;
margin: 0;
}
#thumbnail-slider div.inner ul {
white-space: nowrap;
position: relative;
left: 0;
top: 0;
list-style: none;
font-size: 0;
padding: 0;
margin: 0;
float: left!important;
width: auto!important;
height: auto!important;
}
#thumbnail-slider ul li {
display: inline-block;
margin-top: 120px;
margin-bottom: 20px;
margin-left: -25px;
margin-right: -25px;
-webkit-transform: scale(0.5);
transform: scale(0.5);
-webkit-transition: -webkit-transform 0.5s;
transition: transform 0.5s;
box-sizing: content-box;
text-align: center;
vertical-align: middle;
padding: 0;
position: relative;
list-style: none;
backface-visibility: hidden;
/*-webkit-filter: grayscale(100%);
filter: grayscale(100%);*/
-webkit-box-shadow: 0px 10px 15px -5px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 10px 15px -5px rgba(0,0,0,0.75);
box-shadow: 0px 10px 15px -5px rgba(0,0,0,0.75);
}
#thumbnail-slider ul li.active {
-webkit-transform: scale(1);
transform: scale(1);
background-color: transparent;
/*-webkit-filter: initial;
filter: initial;*/
}
#thumbnail-slider .thumb {
width: 100%;
height: 100%;
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
display: block;
position: absolute;
font-size: 12px;
cursor: inherit;
transition: all linear 0.4s;
}
#thumbnail-slider-pause-play {
display: none;
}
#thumbnail-slider-prev, #thumbnail-slider-next {
display: none;
}