MediaWiki:Vaulttec.css
Note : après avoir publié vos modifications, il se peut que vous deviez forcer le rechargement complet du cache de votre navigateur pour voir les changements.
- Firefox / Safari : maintenez la touche Maj (Shift) en cliquant sur le bouton Actualiser ou appuyez sur Ctrl + F5 ou Ctrl + R (⌘ + R sur un Mac).
- Google Chrome : appuyez sur Ctrl + Maj + R (⌘ + Shift + R sur un Mac).
- Edge : maintenez la touche Ctrl en cliquant sur le bouton Actualiser ou pressez Ctrl + F5.
/* ============================================================
MODE CLAIR — « Parchemin Vault-Tec »
À coller À LA FIN de MediaWiki:Vaulttec.css (ne touche à rien d'autre).
Activé par la classe html.vt-light (voir Vaulttec.js).
Sombre = défaut. Pour tout ajuster : ne modifie que le bloc de
variables ci-dessous.
============================================================ */
html.vt-light {
--vt-bg-0: #e7dec9; /* fond parchemin */
--vt-bg-2: #d8ccae; /* bandeaux / en-têtes */
--vt-bg-3: #cfc09e; /* en-têtes infobox */
--vt-surf: 241, 233, 214; /* surfaces (boîtes) */
--vt-pop: 244, 237, 220; /* popups / menus */
--vt-text: #2c3a22; /* texte */
--vt-text-rgb: 44, 58, 34;
--vt-dim: #6d6a4f; /* texte secondaire */
--vt-acc: #3f6b2f; /* accent / titres */
--vt-acc-rgb: 63, 107, 47;
--vt-acc-bright: #2f5222;
--vt-link: #436f33;
--vt-link-visited: #5a6a3a;
--vt-danger: #a3402b;
--vt-warn: #8a6100;
}
/* ── Fond général ───────────────────────────────────────── */
html.vt-light body { background: var(--vt-bg-0) !important; }
/* ── Surfaces : boîtes, tableaux, panneaux ──────────────── */
html.vt-light .avt-infobox,
html.vt-light .mw-parser-output .avt-infobox,
html.vt-light .wikitable,
html.vt-light .va-table,
html.vt-light .mw-datatable,
html.vt-light .palette,
html.vt-light .avt-warn-banner,
html.vt-light .avt-note-banner,
html.vt-light .avt-section-banner,
html.vt-light .avt-dropdown-box,
html.vt-light .avt-genericbox,
html.vt-light .avt-content-game-box,
html.vt-light .homepage-box,
html.vt-light .spinoff-box,
html.vt-light .avt-sitenotice,
html.vt-light .sidebar-toc,
html.vt-light .vector-toc,
html.vt-light .mw-changeslist-legend,
html.vt-light #editform,
html.vt-light .editOptions,
html.vt-light .wikiEditor-ui,
html.vt-light #userloginForm,
html.vt-light #createaccount,
html.vt-light .mw-tmh-player,
html.vt-light .mediaContainer,
html.vt-light table.filehistory,
html.vt-light .TablePager,
html.vt-light table.mw-statistics-table {
background-color: rgba(var(--vt-surf), 0.92) !important;
border-color: rgba(var(--vt-acc-rgb), 0.22) !important;
color: var(--vt-text) !important;
box-shadow: 0 1px 3px rgba(60, 50, 20, 0.12) !important;
}
/* ── En-têtes / bandeaux (fond plus soutenu, texte accent) ─ */
html.vt-light .avt-infobox-header,
html.vt-light .avt-infobox p.bloc,
html.vt-light .avt-infobox caption,
html.vt-light .palette-titre,
html.vt-light .palette-banniere,
html.vt-light .palette-section,
html.vt-light .palette-groupe,
html.vt-light .va-infobox-title,
html.vt-light .va-navbox-title,
html.vt-light .avt-dropdown-box-title,
html.vt-light .homepage-box-title,
html.vt-light .homepage-welcome-title,
html.vt-light .wikitable > tr > th,
html.vt-light .wikitable > * > tr > th,
html.vt-light .va-table > tr > th,
html.vt-light .va-table > * > tr > th,
html.vt-light .TablePager th,
html.vt-light table.filehistory th,
html.vt-light table.mw-statistics-table th,
html.vt-light .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-top,
html.vt-light .mw-rcfilters-ui-filterWrapperWidget-bottom,
html.vt-light .wikiEditor-ui-toolbar {
background-color: var(--vt-bg-2) !important;
color: var(--vt-acc) !important;
border-color: rgba(var(--vt-acc-rgb), 0.22) !important;
}
html.vt-light .avt-infobox-header { background-color: var(--vt-bg-3) !important; }
/* ── Cellules / texte courant ───────────────────────────── */
html.vt-light .avt-infobox td,
html.vt-light .wikitable > tr > td,
html.vt-light .wikitable > * > tr > td,
html.vt-light .va-table > tr > td,
html.vt-light .va-table > * > tr > td,
html.vt-light .homepage-box-content,
html.vt-light .TablePager td { color: var(--vt-text) !important; }
html.vt-light .avt-infobox th[scope="row"] { color: var(--vt-link) !important; }
html.vt-light .wikitable tr:hover td { background-color: rgba(var(--vt-acc-rgb), 0.08) !important; }
/* ── Liens ──────────────────────────────────────────────── */
html.vt-light .mw-parser-output a,
html.vt-light .homepage-box-content a,
html.vt-light .vector-toc .vector-toc-link,
html.vt-light .sidebar-toc .sidebar-toc-link { color: var(--vt-link) !important; }
html.vt-light .mw-parser-output a:visited { color: var(--vt-link-visited) !important; }
html.vt-light .mw-parser-output a:hover,
html.vt-light .homepage-box-content a:hover,
html.vt-light .vector-toc .vector-toc-link:hover { color: var(--vt-acc) !important; }
html.vt-light .new,
html.vt-light a.new,
html.vt-light .mw-parser-output a.external { color: var(--vt-danger) !important; }
/* ── Titres ─────────────────────────────────────────────── */
html.vt-light .mw-parser-output .mw-heading,
html.vt-light .mw-parser-output > h2 { border-bottom-color: rgba(var(--vt-acc-rgb), 0.18) !important; }
html.vt-light .mw-parser-output .mw-heading h2,
html.vt-light .mw-parser-output > h2 { color: var(--vt-text) !important; }
html.vt-light .homepage-box-title,
html.vt-light .portal-box-title,
html.vt-light .spinoff-box-title,
html.vt-light .homepage-presentation-title,
html.vt-light .homepage-participation-title,
html.vt-light .homepage-articleday-title {
color: var(--vt-acc) !important;
text-shadow: none !important;
border-color: rgba(var(--vt-acc-rgb), 0.18) !important;
}
/* ── TOC repliable (custom) ─────────────────────────────── */
html.vt-light #mw-content-text .toc,
html.vt-light #mw-content-text #toc {
background: rgba(var(--vt-surf), 0.92) !important;
border-color: rgba(var(--vt-acc-rgb), 0.2) !important;
}
html.vt-light #mw-content-text .toctitle h2 { color: var(--vt-acc) !important; }
html.vt-light #mw-content-text .toc li a { color: var(--vt-dim) !important; }
html.vt-light #mw-content-text .toc li a:hover { color: var(--vt-acc) !important; background: rgba(var(--vt-acc-rgb), 0.1) !important; }
html.vt-light .tocnumber { color: rgba(var(--vt-acc-rgb), 0.45) !important; }
/* ── Catégories ─────────────────────────────────────────── */
html.vt-light #catlinks {
background-color: rgba(var(--vt-surf), 0.92) !important;
border-top-color: rgba(var(--vt-acc-rgb), 0.2) !important;
color: var(--vt-dim) !important;
}
html.vt-light #catlinks a { color: var(--vt-link) !important; }
html.vt-light #catlinks a:hover { color: var(--vt-acc) !important; }
/* ── Popups : recherche, aperçus de liens, notifications ── */
html.vt-light .vt-search-dropdown,
html.vt-light .mwe-popups,
html.vt-light .vt-lang-list,
html.vt-light .oo-ui-popupWidget-popup,
html.vt-light .mw-echo-ui-notificationsListWidget,
html.vt-light .mw-notification {
background: rgba(var(--vt-pop), 0.98) !important;
border-color: rgba(var(--vt-acc-rgb), 0.3) !important;
color: var(--vt-text) !important;
}
html.vt-light .vt-search-item,
html.vt-light .mwe-popups .mwe-popups-extract,
html.vt-light .vt-lang-list .interlanguage-link a { color: var(--vt-text) !important; }
html.vt-light .mwe-popups .mwe-popups-title { color: var(--vt-acc) !important; }
/* ── Diff : ajout / suppression ─────────────────────────── */
html.vt-light .diff-addedline { background: rgba(var(--vt-acc-rgb), 0.12) !important; }
html.vt-light .diff-addedline .diffchange { background: rgba(var(--vt-acc-rgb), 0.28) !important; color: var(--vt-acc-bright) !important; }
html.vt-light .diff-deletedline { background: rgba(163, 64, 43, 0.1) !important; }
html.vt-light .diff-deletedline .diffchange { background: rgba(163, 64, 43, 0.25) !important; color: var(--vt-danger) !important; }
html.vt-light .diff-otitle,
html.vt-light .diff-ntitle { background: var(--vt-bg-2) !important; color: var(--vt-text) !important; }
/* ── Références [1][2] ──────────────────────────────────── */
html.vt-light .reference a,
html.vt-light sup.reference a {
color: var(--vt-acc) !important;
background: rgba(var(--vt-acc-rgb), 0.08) !important;
border-color: rgba(var(--vt-acc-rgb), 0.2) !important;
}
/* ── Boutons (édition, connexion) : teinte verte sur papier ─ */
html.vt-light #wpSave,
html.vt-light #wpPreview,
html.vt-light #wpDiff,
html.vt-light #wpLoginAttempt,
html.vt-light #wpCreateaccount,
html.vt-light .editButtons input[type="submit"] {
background-color: rgba(var(--vt-acc-rgb), 0.14) !important;
border-color: rgba(var(--vt-acc-rgb), 0.45) !important;
color: var(--vt-acc) !important;
}
/* ── Champs de saisie ───────────────────────────────────── */
html.vt-light #wpTextbox1,
html.vt-light #wpSummary,
html.vt-light .oo-ui-textInputWidget input,
html.vt-light .oo-ui-inputWidget-input,
html.vt-light .mw-search-box input {
background-color: rgba(var(--vt-surf), 0.6) !important;
border-color: rgba(var(--vt-acc-rgb), 0.25) !important;
color: var(--vt-text) !important;
}
/* ── Garde-fous ─────────────────────────────────────────── */
/* Halo du logo d'accueil coupé */
html.vt-light .logo-accueil img { filter: none !important; }
/* Icônes recolorées en phosphore → vert foncé (ajuste invert/brightness si besoin) */
html.vt-light .oo-ui-iconElement-icon,
html.vt-light .oo-ui-indicatorElement-indicator {
filter: brightness(0) saturate(100%) invert(34%) sepia(18%) saturate(1400%) hue-rotate(75deg) brightness(92%) !important;
}
/* Blocs de code : restent en inset sombre (le surlignage ne tient pas sur papier).
Supprime ce bloc si tu veux du code clair. */
html.vt-light .mw-highlight,
html.vt-light .mw-highlight pre,
html.vt-light .mw-parser-output pre,
html.vt-light .mw-parser-output code,
html.vt-light #wpTextbox1.CodeMirror,
html.vt-light .ve-ui-mwWikitextSurface .CodeMirror,
html.vt-light .ve-ui-mwWikitextSurface .CodeMirror-scroll {
background: #14241a !important;
color: #e8f3ec !important;
}