change carousel layout

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

diff --git a/catalogue/static/catalogue/css/carousel.scss b/catalogue/static/catalogue/css/carousel.scss
index 56e0591..2885fac 100755 (executable)
--- a/catalogue/static/catalogue/css/carousel.scss
+++ b/catalogue/static/catalogue/css/carousel.scss
@@ -33,10 +33,40 @@ $ciemny: #363a3e;
                 overflow: hidden;
                 width: 460*$px;
                 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: 70*$px 100%;
+                
+                .catalogue-carousel-note {
+                    position: relative;
+                    height: 100%;
+                    color: white;
+                    margin-top: 12em;
+
+                    p:before {
+                        content: " ";
+                        display: block;
+                        position: absolute;
+                        height: 100%;
+                        width: 100%;
+                        z-index: -1;
+                        background-color: black;
+                        opacity: 0.6;
+                    }
+
+                    p {
+                        margin: 0;
+                        em {
+                            margin: 0 .2em 0 .5em;
+                            font-style: normal;
+                            font-size: 1.5em;
+                        }
+                        strong {
+                            margin-left: .5em;
+                            font-size: 2em;
+                        }
+                        
+                    }
+                }
             }
         }
     }