« MediaWiki:Citizen.css » : différence entre les versions
Page de l’interface de MediaWiki
Autres actions
Aucun résumé des modifications |
Aucun résumé des modifications |
||
(20 versions intermédiaires par le même utilisateur non affichées) | |||
Ligne 1 : | Ligne 1 : | ||
/* La totalité du CSS placé ici s’appliquera aux utilisateurs de l’habillage Citizen. */ | /* La totalité du CSS placé ici s’appliquera aux utilisateurs de l’habillage Citizen. */ | ||
:root { | |||
--color-progressive-oklch__h: 230; | |||
--color-progressive-hsl__h: 205; | |||
} | } | ||
h1, | |||
h2, | |||
h3, | |||
h4, | |||
h5, | |||
h6, | |||
.mw-logo-wordmark, | |||
.citizen-sticky-header-page-title { | |||
font-weight: var( --font-weight-medium ); | |||
} | |||
h4, | |||
h5, | |||
h6 { | |||
letter-spacing: 0.0125em; | |||
} | |||
/* Align icon opacity with skin default */ | |||
/* Main Logo */ | |||
.citizen-header__logo { | |||
} | |||
.mw-logo-icon { | |||
opacity: var( --opacity-icon-base ); | |||
filter: var( --filter-invert ); | |||
} | |||
/* === Couleurs de tableaux modernes === */ | |||
/* Transition douce au survol */ | |||
.table-color-cell { | |||
transition: all 0.2s ease; | |||
} | |||
/* Effet au survol - légèrement plus foncé */ | |||
.wikitable tr:hover .table-color-cell { | |||
filter: brightness(0.95); | |||
} | |||
/* Support du mode sombre Citizen */ | |||
@media (prefers-color-scheme: dark) { | |||
.table-color-success { background-color: #1b4332 !important; color: #95d5b2 !important; } | |||
.table-color-danger { background-color: #641220 !important; color: #ffccd5 !important; } | |||
.table-color-warning { background-color: #664d03 !important; color: #ffe69c !important; } | |||
.table-color-info { background-color: #052c65 !important; color: #9ec5fe !important; } | |||
.table-color-secondary { background-color: #41464b !important; color: #e2e3e5 !important; } | |||
} | |||
/* Bordures subtiles */ | |||
.wikitable .table-color-cell { | |||
border-left: 3px solid rgba(0,0,0,0.1); | |||
} | |||
/* Accessibilité - focus clavier */ | |||
.table-color-cell:focus-within { | |||
outline: 2px solid currentColor; | |||
outline-offset: -2px; | |||
} | |||
/* Style pour les balises code dans les cellules colorées */ | |||
[style*="background-color"] code { | |||
background-color: rgba(0, 0, 0, 0.1) !important; | |||
color: inherit !important; | |||
border: 1px solid rgba(0, 0, 0, 0.15); | |||
padding: 2px 6px; | |||
border-radius: 3px; | |||
font-family: 'Courier New', Consolas, monospace; | |||
font-size: 0.9em; | |||
} | |||
/* Variante plus contrastée pour les fonds clairs */ | |||
[style*="background-color: #f8f9fa"] code, | |||
[style*="background-color: #e3f2fd"] code, | |||
[style*="background-color: #e8f5e9"] code, | |||
[style*="background-color: #fffde7"] code, | |||
[style*="background-color: #ffebee"] code { | |||
background-color: rgba(0, 0, 0, 0.08) !important; | |||
} | |||
/* Variante pour les fonds foncés */ | |||
[style*="background-color: #ced4da"] code, | |||
[style*="background-color: #e2e3e5"] code { | |||
background-color: rgba(0, 0, 0, 0.15) !important; | |||
} | |||
/* | /* | ||
Ligne 78 : | Ligne 162 : | ||
#n-sidebar-icon-discord a:before { | #n-sidebar-icon-discord a:before { | ||
mask-image: url( https:// | mask-image: url( https://wiki.nefald.fr/images/9/9c/Discord_Icons.svg ); | ||
} | } | ||
#n-sidebar-icon-twitter a:before { | #n-sidebar-icon-twitter a:before { | ||
mask-image: url( https:// | mask-image: url( https://commons.wikimedia.org/wiki/File:X_logo_2023.svg ); | ||
} | } | ||
#n-sidebar-icon-patreon a:before { | #n-sidebar-icon-patreon a:before { | ||
mask-image: url( | mask-image: url( ); | ||
} | } | ||
Ligne 123 : | Ligne 183 : | ||
} | } | ||
.citizen-footer__sitetitle | .citizen-footer__sitetitle mw-logo-icon { | ||
display: none; | display: none; | ||
} | } | ||
/*.citizen-footer__sitetitle .mw-logo-wordmark { | |||
display: none; | |||
}*/ | |||
/* | /* |