« MediaWiki:Common.css » : différence entre les versions
Branding: accent cyan Numeezy |
Ajout styles encadrés (Note/Astuce/Avertissement) |
||
| (Une version intermédiaire par le même utilisateur non affichée) | |||
| Ligne 1 : | Ligne 1 : | ||
/* Branding Numeezy | /* Branding Numeezy | ||
a, a:link { color: # | Liens : bleu accessible WCAG AA (>=4.5:1 sur blanc et sur les cartes #f4fafd). | ||
a:visited { color: # | Le cyan de marque #27b0e1 reste réservé aux éléments décoratifs (logo, liseré des cartes). */ | ||
a:hover { color: # | a, a:link { color: #0e6c9c; } | ||
a:visited { color: #0b5e87; } | |||
a:hover { color: #155e80; } | |||
#firstHeading, .mw-body h1, .mw-body h2 { color: #263c5c; } | #firstHeading, .mw-body h1, .mw-body h2 { color: #263c5c; } | ||
/* Encadrés (callouts) — modèles {{Note}} {{Astuce}} {{Avertissement}}. | |||
Bordure gauche colorée décorative + fond clair ; le texte reste en couleur par défaut (contraste AA conservé). */ | |||
.numeezy-callout { border-left: 4px solid #0e6c9c; background: #f4fafd; border-radius: 4px; padding: 0.6em 1em; margin: 0.9em 0; } | |||
.numeezy-callout > p:last-child { margin-bottom: 0; } | |||
.numeezy-callout-label { font-weight: 700; } | |||
.numeezy-note { border-left-color: #0e6c9c; background: #f0f7fb; } | |||
.numeezy-astuce { border-left-color: #1f8a4c; background: #eef8f1; } | |||
.numeezy-avertissement { border-left-color: #b35900; background: #fdf4e8; } | |||
Dernière version du 24 mai 2026 à 15:23
/* Branding Numeezy
Liens : bleu accessible WCAG AA (>=4.5:1 sur blanc et sur les cartes #f4fafd).
Le cyan de marque #27b0e1 reste réservé aux éléments décoratifs (logo, liseré des cartes). */
a, a:link { color: #0e6c9c; }
a:visited { color: #0b5e87; }
a:hover { color: #155e80; }
#firstHeading, .mw-body h1, .mw-body h2 { color: #263c5c; }
/* Encadrés (callouts) — modèles {{Note}} {{Astuce}} {{Avertissement}}.
Bordure gauche colorée décorative + fond clair ; le texte reste en couleur par défaut (contraste AA conservé). */
.numeezy-callout { border-left: 4px solid #0e6c9c; background: #f4fafd; border-radius: 4px; padding: 0.6em 1em; margin: 0.9em 0; }
.numeezy-callout > p:last-child { margin-bottom: 0; }
.numeezy-callout-label { font-weight: 700; }
.numeezy-note { border-left-color: #0e6c9c; background: #f0f7fb; }
.numeezy-astuce { border-left-color: #1f8a4c; background: #eef8f1; }
.numeezy-avertissement { border-left-color: #b35900; background: #fdf4e8; }