Files
crew_admin/public/designer/css/one-by-one-slider.css
Frank John Begornia d225ff22d4 initial commit
2019-10-29 19:29:28 +08:00

76 lines
1.6 KiB
CSS
Vendored

/* one by one slider */
.multi-item-carousel .carousel-inner>.item,
.multi-item-carousel-clipart .carousel-inner>.item {
-webkit-transition: 200ms ease-in-out left;
transition: 200ms ease-in-out left;
}
.multi-item-carousel .carousel-inner .active.left {
left: -25%;
}
.multi-item-carousel .carousel-inner .active.right,
.multi-item-carousel-clipart .carousel-inner .active.right {
left: 25%;
}
.multi-item-carousel .carousel-inner .next,
.multi-item-carousel-clipart .carousel-inner .next {
left: 25%;
}
.multi-item-carousel .carousel-inner .prev,
.multi-item-carousel-clipart .carousel-inner .prev {
left: -25%;
}
@media all and (transform-3d),
(-webkit-transform-3d) {
.multi-item-carousel .carousel-inner>.item {
-webkit-transition: 200ms ease-in-out all;
transition: 200ms ease-in-out all;
-webkit-backface-visibility: visible;
backface-visibility: visible;
-webkit-transform: none!important;
transform: none!important;
}
}
.multi-item-carousel .carouse-control.left,
.multi-item-carousel .carouse-control.right {
background-image: none;
}
.carousel-inner>.item>a>img,
.carousel-inner>.item>img,
.img-responsive,
.thumbnail a>img,
.thumbnail>img {
margin: auto;
}
.carousel-control.left,
.carousel-control.right {
background: none;
border: none;
}
.carousel-control.left {
margin-left: -35px;
margin-top: 7px;
}
.carousel-control.right {
margin-right: -35px;
margin-top: 7px;
}
.carousel-control {
width: 0%;
}
.custom-chevron-left,
.custom-chevron-right {
color: grey;
}