2 lines
3.1 KiB
CSS
2 lines
3.1 KiB
CSS
.product-miniature .thumbnails-rollover{display:inline-block;margin:0 auto;position:relative;overflow:hidden}.product-miniature .thumbnails-rollover img{-webkit-transition:all 0.5s ease;transition:all 0.5s ease;opacity:1}.product-miniature .thumbnails-rollover img:nth-child(2){position:absolute;left:0;top:0;opacity:0}.product-miniature .thumbnails-rollover.horizontal_slide img{-webkit-transform:translateX(0);transform:translateX(0)}.product-miniature .thumbnails-rollover.horizontal_slide img:nth-child(2){-webkit-transform:translateX(100%);transform:translateX(100%)}.product-miniature .thumbnails-rollover.vertical_slide img{-webkit-transform:translateY(0);transform:translateY(0)}.product-miniature .thumbnails-rollover.vertical_slide img:nth-child(2){-webkit-transform:translateY(100%);transform:translateY(100%)}.product-miniature:hover .thumbnails-rollover img{opacity:0}.product-miniature:hover .thumbnails-rollover img:nth-child(2){opacity:1}.product-miniature:hover .thumbnails-rollover.horizontal_slide img{-webkit-transform:translateX(-100%);transform:translateX(-100%)}.product-miniature:hover .thumbnails-rollover.horizontal_slide img:nth-child(2){-webkit-transform:translateX(0);transform:translateX(0)}.product-miniature:hover .thumbnails-rollover.vertical_slide img{-webkit-transform:translateY(-100%);transform:translateY(-100%)}.product-miniature:hover .thumbnails-rollover.vertical_slide img:nth-child(2){-webkit-transform:translateY(0);transform:translateY(0)}.product-miniature .thumbnails-carousel{position:relative}.product-miniature .thumbnails-carousel .carousel-control{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.product-miniature .thumbnails-carousel .carousel-indicators{white-space:nowrap;display:-webkit-box;display:-ms-flexbox;display:flex;left:50%;right:auto;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;margin:0;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:auto;-webkit-transition:bottom .3s;transition:bottom .3s;overflow:hidden}.product-miniature .thumbnails-carousel .carousel-indicators li{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0 4px;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:20px;height:20px;-webkit-transition:.5s;transition:.5s;text-indent:inherit;background-clip:inherit}.product-miniature .thumbnails-carousel .carousel-indicators li img{margin:0}.product-miniature .thumbnails-carousel.gallery .carousel-indicators{width:calc(100% - 8px)}.product-miniature .thumbnails-carousel.gallery .carousel-indicators li{border:none;background:none;height:auto;margin:0;padding:0 4px}.product-miniature .thumbnails-carousel.gallery .carousel-indicators li img{opacity:0.3;border:3px solid white}.product-miniature .thumbnails-carousel.gallery .carousel-indicators li.active img{opacity:1;border:3px solid black}.product-miniature:hover .thumbnails-carousel .carousel-indicators{bottom:80px}
|
|
/*# sourceMappingURL=jxproductlistgallery.css.map */ |