« Modèle:Header/styles.css » : différence entre les versions
De Nefald
Autres actions
mAucun résumé des modifications Balise : Révoqué |
mAucun résumé des modifications Balise : Révoqué |
||
| Ligne 1 : | Ligne 1 : | ||
/* ============================================================================= | /* ============================================================================= | ||
HEADER COMPONENT - Bandeau horizontal pleine largeur | HEADER COMPONENT - Bandeau horizontal pleine largeur | ||
Sort complètement de .mw-parser-output et .mw-content-text | |||
============================================================================= */ | ============================================================================= */ | ||
.home-header { | .home-header { | ||
/* | /* Sortir du conteneur MediaWiki */ | ||
position: relative; | position: relative !important; | ||
left: 50%; | left: 50% !important; | ||
right: 50%; | right: 50% !important; | ||
margin-left: -50vw !important; | margin-left: -50vw !important; | ||
margin-right: -50vw !important; | margin-right: -50vw !important; | ||
margin-top: -1em !important; /* Compense le padding parent */ | |||
margin-bottom: 1.5rem !important; | |||
padding: 0 !important; | |||
/* Largeur forcée */ | |||
width: 100vw !important; | width: 100vw !important; | ||
max-width: | max-width: none !important; | ||
display: flex; | /* Layout */ | ||
display: flex !important; | |||
min-height: 70px; | min-height: 70px; | ||
overflow: visible; | overflow: visible; | ||
box-sizing: border-box !important; | |||
/* Style */ | /* Style */ | ||
background: var(--color-surface-1, #f8f9fa); | background: var(--color-surface-1, #f8f9fa); | ||
border-radius: 0; | border-radius: 0 !important; | ||
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); | box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); | ||
border: none !important; | |||
/* Transition */ | /* Transition */ | ||
transition: box-shadow 0.2s ease, transform 0.2s ease; | 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; | |||
} | } | ||
| Ligne 61 : | Ligne 74 : | ||
padding: 16px 20px; | padding: 16px 20px; | ||
flex-wrap: wrap; | flex-wrap: wrap; | ||
box-sizing: border-box; | |||
} | } | ||
| Ligne 94 : | Ligne 108 : | ||
color: var(--color-base, #202122); | color: var(--color-base, #202122); | ||
flex-shrink: 0; | flex-shrink: 0; | ||
margin: 0; | |||
} | } | ||
| Ligne 106 : | Ligne 121 : | ||
color: var(--color-subtle, #54595d); | color: var(--color-subtle, #54595d); | ||
flex-grow: 1; | flex-grow: 1; | ||
margin: 0; | |||
} | } | ||
| Ligne 117 : | Ligne 133 : | ||
line-height: 1.5; | line-height: 1.5; | ||
color: var(--color-base, #202122); | color: var(--color-base, #202122); | ||
margin: 0; | |||
} | } | ||