cute rotating carousel
[edumed.git] / catalogue / static / catalogue / css / carousel.scss
index 245b691..9f1fceb 100755 (executable)
@@ -20,16 +20,20 @@ $px: .0625em;
             position: absolute;
             top: 0;
             left: 0;
-            background: url(/static/test.jpg); /* set real background image */
+            height: 100%;
+            background-image: url(/static/test.jpg); /* set real background image */
+            background-size: 100% 100%;
+            border-top-left-radius: 15*$px 6.38%;
+            border-bottom-left-radius: 15*$px 6.38%;
 
             a {
                 display: block;
                 width: 460*$px;
-                height: 235*$px;
+                height: 100%;
                 background-image: url(/static/catalogue/img/carousel-left.png);
                 background-position: 100% 0;
                 background-repeat: no-repeat;
-                background-size: auto 235*$px;
+                background-size: 70*$px 100%;
 
                 /* left part of mask as background */
             }
@@ -78,4 +82,4 @@ $px: .0625em;
     }
 
 
-}
\ No newline at end of file
+}