« Modèle:Header/styles.css » : différence entre les versions

Navigation interactive dans l’historique

← Modification précédente Modification suivante →

@@ Ligne 1 : / Ligne 1 : @@
 /* =============================================================================
-    HEADER COMPONENT - Bandeau horizontal pleine largeur
+    HEADER WRAPPER - Sort du flux normal
-   Sort complètement de .mw-parser-output et .mw-content-text
     ============================================================================= */
-.home-header {
+.home-header-wrapper {
-     /* Sortir du conteneur MediaWiki */
+     position: relative;
-     position: relative !important;
+     width: 100vw;
-     left: 50% !important;
+     left: 50%;
-     right: 50% !important;
+     right: 50%;
      margin-left: -50vw !important;
      margin-right: -50vw !important;
-     margin-top: -1em !important; /* Compense le padding parent */
+     margin-top: 0 !important;
      margin-bottom: 1.5rem !important;
      padding: 0 !important;
+     overflow: visible;
-    /* Largeur forcée */
+}
-    width: 100vw !important;
-     max-width: none !important;
+/* Override MediaWiki */
+.mw-parser-output > .home-header-wrapper:first-child {
+     margin-top: -1em !important;
+}
+/* =============================================================================
+   HEADER COMPONENT
+   ============================================================================= */
+.home-header {
      /* Layout */
-     display: flex !important;
+     display: flex;
      min-height: 70px;
-     overflow: visible;
+     width: 100%;
-    box-sizing: border-box !important;
      /* Style */
      background: var(--color-surface-1, #f8f9fa);
-     border-radius: 0 !important;
+     border-radius: 0;
      box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
-    border: none !important;
      /* Transition */
      transition: box-shadow 0.2s ease, transform 0.2s ease;
-}
-/* Override des styles MediaWiki qui pourraient interférer */
-.mw-parser-output .home-header {
-    margin-left: -50vw !important;
-    margin-right: -50vw !important;
-    max-width: none !important;
 }