Chapril-banner/v2/chapril-banner.css

@@ -7,82 +7,72 @@
                   |_|                                                 
 */
 
-body {
+body
-   margin-top: 0;
+{
-   padding-top: 42px !important;
+    margin: 0;
+    padding: 0;
 }
 
-.chapril-banniere-Entree {
+
-    font-family: sans-serif;
+.chapril-banniere-Nav
+{
+    background-color: #005184;
+    font-family: 'dejavu_sanscondensed', sans-serif;
     text-transform: uppercase;
     font-size: small;
-}
+    position: relative;
-
-.chapril-banniere-Logo {
-    display: flex;
-}
-
-.chapril-banniere-Logo a {
-    padding-bottom: 4px;
-}
-
-.chapril-banniere-Logo img {
-    display: block;
-    width: auto;
-    height: 28px;    
-}
-
-.chapril-banniere-Menu {
-    display: none;
-}
-
-.chapril-banniere-Nav {
-    position: fixed;
-    top: 0;
-    left: 0;
-    right: 0;
-    min-height: 42px;
-    background-color: #005184;
     display: flex;
     justify-content: space-around;
     align-items: center;
 }
 
-.chapril-banniere-Nav a, .chapril-banniere-Nav a:visited {
+.chapril-banniere-Logo img
+{
+    width: auto;
+    height: 32px;
+}
+
+.chapril-banniere-Nav a, .chapril-banniere-Nav a:visited
+{
     color: #fff;
     text-decoration: none;
 }
 
-.chapril-banniere-Nav a:hover {
+.chapril-banniere-Nav a:hover
+{
     color: #ff9759;
 }
 
-
+.chapril-banniere-Menu
-@media screen and (max-width: 800px) {
+{
-    
-    .chapril-banniere-Entree {
     display: none;
+}
+
+@media screen and (max-width: 800px)
+{
+    .chapril-banniere-Logo
+    {
+        padding-left: 10px;
     }
     
-    .chapril-banniere-Logo {
+    .chapril-banniere-Nav
-        padding-left: 12px;
+    {
-    }
-    
-    .chapril-banniere-Logo a {
-        padding-top: 5px;
-    }
-        
-    .chapril-banniere-Menu {
         display: block;
     }
     
-    .chapril-banniere-Menu summary {
+    .chapril-banniere-Menu
+    {
+        display: block;
+    }
+    
+    .chapril-banniere-Menu summary
+    {
         height: 26px;
         width: 30px;
         display: block;
         position: absolute;
-        top: 8px;
+        top: 5px;
-        right: 12px;
+        right: 10px;
         border-radius: 2px;
         border-style: solid;
         border-width: 1px;
@@ -92,15 +82,18 @@ body {
         padding-top: 1px;
     }
     
-    .chapril-banniere-Menu summary {
+    .chapril-banniere-Menu summary
+    {
         list-style: none;
     }
     
-    .chapril-banniere-Menu summary::-webkit-details-marker {
+    .chapril-banniere-Menu summary::-webkit-details-marker
+    {
         display: none;
     }
     
-    .chapril-banniere-Menu summary span {
+    .chapril-banniere-Menu summary span
+    {
         display: block;
         margin-top: 4px;
         width: 20px;
@@ -109,39 +102,40 @@ body {
         background-color: #fff;
     }
     
-    .chapril-banniere-Menu summary:hover {
+    .chapril-banniere-Menu summary:hover
+    {
         border-color: #ff9759;
         cursor:pointer;
     }
     
-    .chapril-banniere-Menu summary:hover span {
+    .chapril-banniere-Menu summary:hover span
+    {
         background-color: #ff9759;
     }
     
-    .chapril-banniere-Menu div {
+    .chapril-banniere-Menu div
+    {
         padding-top: 8px;
         padding-bottom: 8px;
         text-align: center;
         background-color: #153a6a;
         border-top: 1px solid #005184;
-        font-family: sans-serif;
-        text-transform: uppercase;
-        font-size: small;
     }
     
-    .chapril-banniere-Nav {
+    .chapril-banniere-Entree
-        display: block;
+    {
+        display: none;
     }
-    
 }
 
-
 /* Fixed Dokuwiki. */
-#dokuwiki__usertools {
+#dokuwiki__usertools
+{
     top: 43px !important;
 }
 
 /* Fixed PAD. */
-#editorcontainerbox {
+#editorcontainerbox
+{
     top: 43px !important;
 }