visual changes

[edumed.git] / catalogue / static / catalogue / css / carousel.css

diff --git a/catalogue/static/catalogue/css/carousel.css b/catalogue/static/catalogue/css/carousel.css
index 3392bb2..49fe461 100644 (file)
--- a/catalogue/static/catalogue/css/carousel.css
+++ b/catalogue/static/catalogue/css/carousel.css
@@ -17,7 +17,6 @@
       top: 0;
       left: 0;
       height: 100%;
-      /* background-image: url(/static/test.jpg);  set real background image */
       background-size: 100% 100%;
       border-top-left-radius: 0.938em 6.38%;
       border-bottom-left-radius: 0.938em 6.38%; }
@@ -26,10 +25,27 @@
         overflow: hidden;
         width: 28.75em;
         height: 100%;
-        background-image: url(/static/catalogue/img/carousel-left.png);
-        background-position: 100% 0;
-        background-repeat: no-repeat;
+        background: url(/static/catalogue/img/carousel-left.png) 100% 0 no-repeat;
         background-size: 4.375em 100%; }
+        #catalogue-carousel #catalogue-carousel-links li a .catalogue-carousel-note {
+          height: 100%;
+          margin-left: 50%;
+          background-color: black;
+          color: white;
+          opacity: 0.6;
+          background-image: url(/static/catalogue/img/carousel-left.png);
+          background-position: 100% 0;
+          background-repeat: no-repeat;
+          background-size: 4.375em 100%; }
+          #catalogue-carousel #catalogue-carousel-links li a .catalogue-carousel-note p {
+            padding: 6em 2em 0 1.6em;
+            margin: 0; }
+            #catalogue-carousel #catalogue-carousel-links li a .catalogue-carousel-note p em {
+              display: block;
+              font-style: normal;
+              font-size: 1.5em; }
+            #catalogue-carousel #catalogue-carousel-links li a .catalogue-carousel-note p strong {
+              font-size: 2em; }
   #catalogue-carousel #catalogue-carousel-switcher {
     margin: 0;
     padding: 3.125em 0 0 3.625em;