Initial Commit

public/designer/css/one-by-one-slider.css

@@ -0,0 +1,76 @@
+/* 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;
+}