ajout logo animé

2024-03-18 09:42:29 +01:00
parent 175c589c76
commit 60be60272f
9 changed files with 154 additions and 3 deletions
--- a/web/themes/custom/quartiers_de_demain/css/animated_logo.css
+++ b/web/themes/custom/quartiers_de_demain/css/animated_logo.css
@@ -0,0 +1,66 @@
+#logo-animated-container {
+    width: 60%;
+    margin-left: 20%;
+    margin-right: 20%;
+}
+  @media (max-width:810px) { 
+    #logo-animated-container {
+        width: 74%;
+        margin-left: 13%;
+        margin-right: 13%;
+    }
+  }
+  @media (max-width:640px) { 
+    #logo-animated-container {
+        width: 80%;
+        margin-left: 10%;
+        margin-right: 10%;
+    }
+  }
+#logo-animated {
+    position: relative;
+    top: 0;
+    left: 0;
+    width: 100%;
+    max-width: 1300px;
+    max-height: 1000px;
+    overflow: hidden;
+  }
+
+
+  svg {
+    position: absolute;
+    width: 100%;
+    height: auto;
+    max-width: 1030px;
+    top: 0;
+    left: 0;
+  }
+  img {
+    position: absolute;
+    opacity: 0;
+  }
+  #consultation-couleur {
+    left: min(17%, 180px);
+    top: 0.5%;
+    width: 32%;
+    max-width: 330px;
+  }
+  #consultation-noir {
+    left: min(17%, 180px);
+    top: 0.5%;
+    width: 32%;
+    max-width: 330px;
+  }
+  #quartier-couleur {
+    width: 60%;
+    max-width: 620px;
+    left: min(30%, 310px);
+    top: 3%;
+  }
+  #quartier-noir {
+    width: 60%;
+    max-width: 620px;
+    left: min(30%, 310px);
+    top: 3%;
+  }