Revize d668e889

Issue #7848 @2h
[+] Oprava vizualizace homepage

resources/sass/_custom.scss

@@ -14 +14 @@
 
     .carousel {
         .carousel-inner {
-            img {
-                filter: grayscale(100%);
+            .museum-logo {
+                display: flex;
+                justify-content: center;
+                position: absolute;
+                top: 5%;
+                width: 100%;
+                z-index: 1;
+            }
+
+            .social-logo {
+                text-align: center;
+                justify-content: space-between;
+                flex-wrap: nowrap;
+                position: absolute;
+                top: 25%;
+                padding-left: 25px;
+                width: 100%;
+                z-index: 1;
+            }
+
+            .carousel-button {
+                bottom: 10%;
+                left: 50%;
+                transform: translateX(-50%);
+                position: absolute;
+                z-index: 1;
+            }
+
+            .carousel-item {
+                height: 100vh;
+                min-height: 350px;
+                background: no-repeat center center scroll;
+                -webkit-background-size: cover;
+                -moz-background-size: cover;
+                -o-background-size: cover;
+                background-size: cover;
             }
         }
 
         .carousel-caption {
-            top: 20%;
-            bottom: 20%;
+            top: 50%;
+            bottom: auto;
+            transform: translateY(-50%);
             background-color:  rgba(239, 218, 179, 0.5);
 
             h2 {
+                font-family: Avenir Black;
                 font-size: 11pt;
                 letter-spacing: 3pt;
                 color: $white;
@@ -32 +68 @@
             }
 
             p {
-                font-size: 9pt;
+                font-size: 8pt;
                 color: $black;
             }
         }
@@ -107 +143 @@
     }
 
     .button-square {
-        background-color: $black;
+        font-size: 8pt;
+        background-color: $cusBlack;
         color: $white;
-        border: 1pt solid $white;
+        border: 0.5pt solid $white;
         border-radius: 0;
+        width: 28mm;
+        height: 8mm;
     }
 
     .button-image {
@@ -237 +276 @@
     }
 }
 
-
-
 @media only screen and (max-width: 540px)
 {
     .head-title.text-center h1
@@ -264 +301 @@
         height: 180px;
     }
 }
+
+@media only screen and (max-width: 540px)
+{
+    body{
+        .carousel {
+            .carousel-inner {
+                .social-logo {
+                    padding-left: 30px;
+                    top: 20%;
+                }
+            }
+        }
+    }
+}
+
+@media (min-width: 330px) and (max-height: 900px)
+{
+    body{
+        .carousel {
+            .carousel-inner {
+                .social-logo {
+                    top: 25%;
+                }
+            }
+        }
+    }
+}