45 lines
2.8 KiB
CSS
45 lines
2.8 KiB
CSS
/* slick */
|
|
|
|
/* Slider */
|
|
|
|
.slick-slider { position: relative; display: block; margin-bottom: 30px;}
|
|
.slick-slider .slick-list { overflow: hidden; display: block; margin: 0px; padding: 0px; }
|
|
.slick-slider .slick-track { position: relative; left: 0px; top: 0px; }
|
|
.slick-slider .slide { float: left; min-height: 1px; }
|
|
.slick-slider .slide img { display: block; }
|
|
.slick-slider .slide { display: none; }
|
|
.slick-initialized .slide { display: block; }
|
|
|
|
/* Loading States */
|
|
|
|
.slick-loading .slick-track { visibility: hidden; }
|
|
.slick-loading .slick-list { background: #fff url(../img/ajax-loader.gif) center center no-repeat; }
|
|
.slick-loading .slide { visibility: hidden; }
|
|
|
|
/* Arrows */
|
|
|
|
.slick-slider .slick-prev { position: absolute; background: url('../img/sprite.png') -50px -40px no-repeat; display: block; height: 40px; width: 30px; text-indent: -9999px; top: 50%; margin-top: -20px; left: -25px; padding: 0px; }
|
|
.slick-slider .slick-next { position: absolute; background: url('../img/sprite.png') -90px -40px no-repeat; display: block; height: 40px; width: 30px; text-indent: -9999px; top: 50%; margin-top: -20px; right: -25px; padding: 0px; }
|
|
.slick-slider .slick-prev:focus { outline: none }
|
|
.slick-slider .slick-next:focus { outline: none }
|
|
.slick-slider .slick-next.disabled { background-position: -90px -90px }
|
|
.slick-slider .slick-prev.disabled { background-position: -50px -90px }
|
|
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-resolution: 240dpi) {
|
|
.slick-slider .slick-next { background: url('../img/sprite@2x.png') -90px -40px no-repeat; background-size: 900px 200px; }
|
|
.slick-slider .slick-prev { background: url('../img/sprite@2x.png') -50px -40px no-repeat; background-size: 900px 200px; -webkit-background-size: 900px 200px; }
|
|
}
|
|
|
|
/* Dots */
|
|
|
|
.slick-dots { position: absolute; bottom: -30px; list-style: none; display: block; text-align: center; padding: 0px; width: 100%;}
|
|
.slick-dots li { position: relative; display: inline-block; background: url('../img/sprite.png') -200px -50px no-repeat; height: 5px; width: 5px; text-indent: -9999px; margin: 0px 10px; padding: 0px; }
|
|
.slick-dots li.active { background-position: -150px -50px }
|
|
.slick-dots li a { display: block; height: 10px; width: 10px; }
|
|
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-resolution: 240dpi) {
|
|
.slick-dots li { background: url('../img/sprite@2x.png') -200px -50px no-repeat; background-size: 900px 200px; }
|
|
}
|
|
|
|
/* Draggable */
|
|
|
|
.slick-list.draggable { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
|
|
.slick-list.dragging { cursor: pointer; cursor: hand; } |