« MediaWiki:Vaulttec.css » : différence entre les versions

Navigation interactive dans l’historique
Modification suivante →
Kims (discussion | contributions)
Bureaucrate, commentadmin, emailconfirmed, flow-bot, Administrateurs d’interface, Modérateurs, staff, Masqueurs de modifications, Administrateur
49 847 modifications
Kims (discussion | contributions)
Bureaucrate, commentadmin, emailconfirmed, flow-bot, Administrateurs d’interface, Modérateurs, staff, Masqueurs de modifications, Administrateur
49 847 modifications
 
Kims (discussion | contributions)
Bureaucrate, commentadmin, emailconfirmed, flow-bot, Administrateurs d’interface, Modérateurs, staff, Masqueurs de modifications, Administrateur
49 847 modifications
Aucun résumé des modifications
Ligne 1 : Ligne 1 :
/*
/*
  * MediaWiki:Vaulttec.css
  * MediaWiki:Vaulttec.css — v2
  * Chargé uniquement pour les utilisateurs du skin VaultTec.
  * Chargé uniquement pour les utilisateurs du skin VaultTec.
* Neutralise les conflits avec Common.css sans toucher à Vector.
*
* À coller dans : https://fallout-wiki.com/wiki/MediaWiki:Vaulttec.css
  */
  */
 
/* ============================================================
/* ============================================================
   1. VARIABLES — remplacement de la palette bleue par phosphore
   1. VARIABLES
   ============================================================ */
   ============================================================ */
:root {
:root {
Ligne 21 : Ligne 18 :
   --background-color-dp-16: #214531;
   --background-color-dp-16: #214531;
   --background-color-dp-24: #254c36;
   --background-color-dp-24: #254c36;
 
   --background-img:         none;
   --background-img:   none;         /* supprime le fond Mojave */
   --background-main:       transparent;
   --background-main: transparent;   /* supprime le fond blanc */
   --box-background-color:   rgba(12, 24, 18, 0.85);
 
   --box-shadow:             0 0 10px rgba(125, 255, 156, 0.12);
   --box-background-color: rgba(12, 24, 18, 0.85);
   --color-base:             #cce8d4;
   --box-shadow:       0 0 10px rgba(125, 255, 156, 0.12);
   --color-warning:         #f5c84a;
 
   --color-link:             #4ab06a;
   --color-base:       #cce8d4;
   --color-link-visited:     #357a4d;
   --color-warning:   #f5c84a;
   --border-color-base:     rgba(125, 255, 156, 0.15);
   --color-link:       #4ab06a;
   --color-link-visited: #357a4d;
 
   --border-color-base: rgba(125, 255, 156, 0.15);
}
}
 
/* ============================================================
/* ============================================================
   2. BODY & CONTAINERS — fond sombre, pas d'image
   2. BODY & CONTAINERS
   ============================================================ */
   ============================================================ */
body {
body {
Ligne 43 : Ligne 36 :
   background-image: none !important;
   background-image: none !important;
}
}
 
.mw-page-container {
.mw-page-container {
   background: transparent !important;
   background: transparent !important;
   border-left: 1px solid rgba(125, 255, 156, 0.13) !important;
   border: none !important;
   border-right: 1px solid rgba(125, 255, 156, 0.13) !important;
  max-width: 100% !important;
   padding: 0 !important;
}
}
 
/* ============================================================
/* ============================================================
   3. INFOBOX — harmonisation avec le thème sombre
   3. LAYOUT — sidebar + contenu pleine largeur
  ============================================================ */
.vt-page-container {
  display: flex !important;
  width: 100% !important;
  align-items: flex-start !important;
  min-height: calc(100vh - 54px) !important;
}
.vt-sidebar,
#mw-panel {
  width: 220px !important;
  flex-shrink: 0 !important;
}
.vt-content-container,
#content {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  width: 0 !important;
}
#bodyContent {
  max-width: none !important;
  width: 100% !important;
  padding: 28px 36px 60px !important;
}
/* ============================================================
  4. TOC — repositionné à droite, sticky
  ============================================================ */
#mw-content-text .toc,
#mw-content-text #toc {
  float: right !important;
  clear: right !important;
  margin: 0 0 24px 28px !important;
  min-width: 200px !important;
  max-width: 240px !important;
  position: sticky !important;
  top: 74px !important;
  max-height: calc(100vh - 100px) !important;
  overflow-y: auto !important;
  background: rgba(12, 24, 18, 0.9) !important;
  border: 1px solid rgba(125, 255, 156, 0.15) !important;
  padding: 14px 0 10px !important;
}
#mw-content-text .toctitle h2,
#mw-content-text .toc .toctitle {
  font-family: 'IBM Plex Mono', monospace !important;
  font-size: 9px !important;
  letter-spacing: 0.28em !important;
  text-transform: uppercase !important;
  color: rgba(125, 255, 156, 0.5) !important;
  padding: 0 16px 10px !important;
  border-bottom: 1px dashed rgba(125, 255, 156, 0.13) !important;
  margin-bottom: 6px !important;
}
#mw-content-text .toc ul {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
#mw-content-text .toc li a {
  display: flex !important;
  padding: 5px 16px !important;
  font-size: 11px !important;
  color: #7aaa88 !important;
  font-family: 'IBM Plex Mono', monospace !important;
  border-left: 2px solid transparent !important;
  transition: all 0.15s !important;
  text-decoration: none !important;
}
#mw-content-text .toc li a:hover {
  color: #7dff9c !important;
  background: rgba(125, 255, 156, 0.08) !important;
  border-left-color: #4ab06a !important;
}
#mw-content-text .toc li li a {
  padding-left: 28px !important;
  font-size: 10px !important;
  color: rgba(125, 255, 156, 0.4) !important;
}
.tocnumber {
  color: rgba(125, 255, 156, 0.35) !important;
  margin-right: 6px !important;
}
/* ============================================================
  5. INFOBOX
   ============================================================ */
   ============================================================ */
.avt-infobox {
.avt-infobox {
Ligne 59 : Ligne 147 :
   color: #cce8d4 !important;
   color: #cce8d4 !important;
}
}
.avt-infobox-header {
.avt-infobox-header {
   background-color: #142b1e !important;
   background-color: #142b1e !important;
Ligne 65 : Ligne 152 :
   color: #7dff9c !important;
   color: #7dff9c !important;
}
}
.avt-infobox p.bloc,
.avt-infobox p.bloc,
.avt-infobox caption {
.avt-infobox caption {
Ligne 71 : Ligne 157 :
   color: #7dff9c !important;
   color: #7dff9c !important;
}
}
 
.avt-infobox th[scope="row"] { color: #4ab06a !important; }
.avt-infobox th[scope="row"] {
.avt-infobox td { color: #cce8d4 !important; }
  color: #4ab06a !important;
}
 
.avt-infobox td {
  color: #cce8d4 !important;
}
 
/* Image par défaut en mode VaultTec */
.infobox-default-image {
.infobox-default-image {
   background-image: url("/images/1/11/Logo_wiki_LAVT_vert.png") !important;
   background-image: url("/images/1/11/Logo_wiki_LAVT_vert.png") !important;
}
}
 
/* ============================================================
/* ============================================================
   4. WIKITABLE — palette sombre
   6. WIKITABLE
   ============================================================ */
   ============================================================ */
.wikitable,
.wikitable,
Ligne 93 : Ligne 171 :
   background-color: rgba(12, 24, 18, 0.85) !important;
   background-color: rgba(12, 24, 18, 0.85) !important;
   border-color: rgba(125, 255, 156, 0.15) !important;
   border-color: rgba(125, 255, 156, 0.15) !important;
  box-shadow: 0 0 10px rgba(125, 255, 156, 0.08) !important;
   color: #cce8d4 !important;
   color: #cce8d4 !important;
}
}
.wikitable > tr > th,
.wikitable > tr > th,
.wikitable > * > tr > th,
.wikitable > * > tr > th,
Ligne 103 : Ligne 179 :
   background-color: #0f2015 !important;
   background-color: #0f2015 !important;
   color: #7dff9c !important;
   color: #7dff9c !important;
  border-color: rgba(125, 255, 156, 0.15) !important;
}
}
.wikitable > tr > td,
.wikitable > tr > td,
.wikitable > * > tr > td,
.wikitable > * > tr > td,
Ligne 113 : Ligne 187 :
   color: #cce8d4 !important;
   color: #cce8d4 !important;
}
}
.mw-datatable tr:hover td,
.wikitable tr:hover td {
.wikitable tr:hover td {
   background-color: rgba(125, 255, 156, 0.06) !important;
   background-color: rgba(125, 255, 156, 0.06) !important;
}
}
 
/* ============================================================
/* ============================================================
   5. PALETTES & NAVBOXES
   7. PALETTES & NAVBOXES
   ============================================================ */
   ============================================================ */
.palette {
.palette {
Ligne 127 : Ligne 199 :
   color: #cce8d4 !important;
   color: #cce8d4 !important;
}
}
.palette-titre,
.palette-titre,
.palette-banniere,
.palette-banniere,
Ligne 134 : Ligne 205 :
   background-color: #0f2015 !important;
   background-color: #0f2015 !important;
   color: #7dff9c !important;
   color: #7dff9c !important;
  border-color: rgba(125, 255, 156, 0.1) !important;
}
}
 
.palette-pair { background-color: transparent !important; }
.palette-pair {
.va-infobox-title, .va-navbox-title {
  background-color: transparent !important;
}
 
.va-infobox-title,
.va-navbox-title {
   background: #0f2015 !important;
   background: #0f2015 !important;
   color: #7dff9c !important;
   color: #7dff9c !important;
}
}
 
/* ============================================================
/* ============================================================
   6. BOÎTES GÉNÉRIQUES (bandeau, dropdown, etc.)
   8. BOÎTES GÉNÉRIQUES
   ============================================================ */
   ============================================================ */
.avt-warn-banner,
.avt-warn-banner,
Ligne 162 : Ligne 227 :
   color: #cce8d4 !important;
   color: #cce8d4 !important;
}
}
.avt-dropdown-box-title {
.avt-dropdown-box-title {
   background-color: #0f2015 !important;
   background-color: #0f2015 !important;
   color: #7dff9c !important;
   color: #7dff9c !important;
}
}
 
/* ============================================================
/* ============================================================
   7. LIENS
   9. LIENS
   ============================================================ */
   ============================================================ */
.mw-parser-output a,
.mw-parser-output a { color: #4ab06a; }
a {
.mw-parser-output a:visited { color: #357a4d; }
  color: #4ab06a;
.mw-parser-output a:hover { color: #7dff9c; }
}
.new, a.new { color: #ff5e5e !important; }
 
.mw-parser-output a:visited,
a:visited {
  color: #357a4d;
}
 
.mw-parser-output a:hover,
a:hover {
  color: #7dff9c;
}
 
/* Liens rouges (articles manquants) */
.new,
a.new {
  color: #ff5e5e !important;
}
 
/* ============================================================
/* ============================================================
   8. TOC (Sommaire)
   10. TOC VECTOR 2022 (sidebar-toc)
   ============================================================ */
   ============================================================ */
.sidebar-toc,
.sidebar-toc,
Ligne 200 : Ligne 248 :
   border-color: rgba(125, 255, 156, 0.15) !important;
   border-color: rgba(125, 255, 156, 0.15) !important;
}
}
.vector-toc .vector-toc-link,
.vector-toc .vector-toc-link,
.sidebar-toc .sidebar-toc-link {
.sidebar-toc .sidebar-toc-link { color: #4ab06a !important; }
  color: #4ab06a !important;
}
 
.vector-toc .vector-toc-link:hover,
.vector-toc .vector-toc-link:hover,
.sidebar-toc .sidebar-toc-link:hover {
.sidebar-toc .sidebar-toc-link:hover { color: #7dff9c !important; }
  color: #7dff9c !important;
}
 
/* ============================================================
/* ============================================================
   9. PORTAILS & PAGE D'ACCUEIL
   11. PORTAILS & ACCUEIL
   ============================================================ */
   ============================================================ */
.homepage-welcome-title,
.homepage-welcome-title,
Ligne 219 : Ligne 261 :
.spinoff-box-title,
.spinoff-box-title,
.canceled-box-title,
.canceled-box-title,
.fangame-box-title {
.fangame-box-title,
  color: #7dff9c !important;
  text-shadow: 0 0 8px rgba(125, 255, 156, 0.4) !important;
  border-color: rgba(125, 255, 156, 0.15) !important;
}
 
.homepage-presentation-title,
.homepage-presentation-title,
.homepage-participation-title,
.homepage-participation-title,
Ligne 230 : Ligne 267 :
   color: #7dff9c !important;
   color: #7dff9c !important;
   text-shadow: 0 0 8px rgba(125, 255, 156, 0.4) !important;
   text-shadow: 0 0 8px rgba(125, 255, 156, 0.4) !important;
  border-color: rgba(125, 255, 156, 0.15) !important;
}
}
 
/* ============================================================
/* ============================================================
   10. SITENOTICE
   12. SITENOTICE
   ============================================================ */
   ============================================================ */
.avt-sitenotice {
.avt-sitenotice {
   background-color: rgba(12, 24, 18, 0.9) !important;
   background-color: rgba(12, 24, 18, 0.9) !important;
   border-color: rgba(125, 255, 156, 0.2) !important;
   border-color: rgba(125, 255, 156, 0.2) !important;
  box-shadow: 0 0 10px rgba(125, 255, 156, 0.1) !important;
   color: #cce8d4 !important;
   color: #cce8d4 !important;
}
}

Version du 8 mai 2026 à 11:15

/*
 * MediaWiki:Vaulttec.css — v2
 * Chargé uniquement pour les utilisateurs du skin VaultTec.
 */
 
/* ============================================================
   1. VARIABLES
   ============================================================ */
:root {
  --background-color-dp-00: #06100b;
  --background-color-dp-01: #0a1a0f;
  --background-color-dp-02: #0f2015;
  --background-color-dp-03: #11251a;
  --background-color-dp-04: #142b1e;
  --background-color-dp-06: #173122;
  --background-color-dp-08: #1a3727;
  --background-color-dp-12: #1e3f2c;
  --background-color-dp-16: #214531;
  --background-color-dp-24: #254c36;
  --background-img:         none;
  --background-main:        transparent;
  --box-background-color:   rgba(12, 24, 18, 0.85);
  --box-shadow:             0 0 10px rgba(125, 255, 156, 0.12);
  --color-base:             #cce8d4;
  --color-warning:          #f5c84a;
  --color-link:             #4ab06a;
  --color-link-visited:     #357a4d;
  --border-color-base:      rgba(125, 255, 156, 0.15);
}
 
/* ============================================================
   2. BODY & CONTAINERS
   ============================================================ */
body {
  background: #06100b !important;
  background-image: none !important;
}
 
.mw-page-container {
  background: transparent !important;
  border: none !important;
  max-width: 100% !important;
  padding: 0 !important;
}
 
/* ============================================================
   3. LAYOUT — sidebar + contenu pleine largeur
   ============================================================ */
.vt-page-container {
  display: flex !important;
  width: 100% !important;
  align-items: flex-start !important;
  min-height: calc(100vh - 54px) !important;
}
 
.vt-sidebar,
#mw-panel {
  width: 220px !important;
  flex-shrink: 0 !important;
}
 
.vt-content-container,
#content {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  width: 0 !important;
}
 
#bodyContent {
  max-width: none !important;
  width: 100% !important;
  padding: 28px 36px 60px !important;
}
 
/* ============================================================
   4. TOC — repositionné à droite, sticky
   ============================================================ */
#mw-content-text .toc,
#mw-content-text #toc {
  float: right !important;
  clear: right !important;
  margin: 0 0 24px 28px !important;
  min-width: 200px !important;
  max-width: 240px !important;
  position: sticky !important;
  top: 74px !important;
  max-height: calc(100vh - 100px) !important;
  overflow-y: auto !important;
  background: rgba(12, 24, 18, 0.9) !important;
  border: 1px solid rgba(125, 255, 156, 0.15) !important;
  padding: 14px 0 10px !important;
}
 
#mw-content-text .toctitle h2,
#mw-content-text .toc .toctitle {
  font-family: 'IBM Plex Mono', monospace !important;
  font-size: 9px !important;
  letter-spacing: 0.28em !important;
  text-transform: uppercase !important;
  color: rgba(125, 255, 156, 0.5) !important;
  padding: 0 16px 10px !important;
  border-bottom: 1px dashed rgba(125, 255, 156, 0.13) !important;
  margin-bottom: 6px !important;
}
 
#mw-content-text .toc ul {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
 
#mw-content-text .toc li a {
  display: flex !important;
  padding: 5px 16px !important;
  font-size: 11px !important;
  color: #7aaa88 !important;
  font-family: 'IBM Plex Mono', monospace !important;
  border-left: 2px solid transparent !important;
  transition: all 0.15s !important;
  text-decoration: none !important;
}
 
#mw-content-text .toc li a:hover {
  color: #7dff9c !important;
  background: rgba(125, 255, 156, 0.08) !important;
  border-left-color: #4ab06a !important;
}
 
#mw-content-text .toc li li a {
  padding-left: 28px !important;
  font-size: 10px !important;
  color: rgba(125, 255, 156, 0.4) !important;
}
 
.tocnumber {
  color: rgba(125, 255, 156, 0.35) !important;
  margin-right: 6px !important;
}
 
/* ============================================================
   5. INFOBOX
   ============================================================ */
.avt-infobox {
  background-color: rgba(12, 24, 18, 0.9) !important;
  border-color: rgba(125, 255, 156, 0.2) !important;
  box-shadow: 0 0 10px rgba(125, 255, 156, 0.12) !important;
  color: #cce8d4 !important;
}
.avt-infobox-header {
  background-color: #142b1e !important;
  border-color: rgba(125, 255, 156, 0.2) !important;
  color: #7dff9c !important;
}
.avt-infobox p.bloc,
.avt-infobox caption {
  background-color: #142b1e !important;
  color: #7dff9c !important;
}
.avt-infobox th[scope="row"] { color: #4ab06a !important; }
.avt-infobox td { color: #cce8d4 !important; }
.infobox-default-image {
  background-image: url("/images/1/11/Logo_wiki_LAVT_vert.png") !important;
}
 
/* ============================================================
   6. WIKITABLE
   ============================================================ */
.wikitable,
.va-table,
.mw-datatable {
  background-color: rgba(12, 24, 18, 0.85) !important;
  border-color: rgba(125, 255, 156, 0.15) !important;
  color: #cce8d4 !important;
}
.wikitable > tr > th,
.wikitable > * > tr > th,
.va-table > tr > th,
.va-table > * > tr > th {
  background-color: #0f2015 !important;
  color: #7dff9c !important;
}
.wikitable > tr > td,
.wikitable > * > tr > td,
.va-table > tr > td,
.va-table > * > tr > td {
  border-color: rgba(125, 255, 156, 0.1) !important;
  color: #cce8d4 !important;
}
.wikitable tr:hover td {
  background-color: rgba(125, 255, 156, 0.06) !important;
}
 
/* ============================================================
   7. PALETTES & NAVBOXES
   ============================================================ */
.palette {
  background-color: rgba(12, 24, 18, 0.85) !important;
  border-color: rgba(125, 255, 156, 0.15) !important;
  color: #cce8d4 !important;
}
.palette-titre,
.palette-banniere,
.palette-section,
.palette-groupe {
  background-color: #0f2015 !important;
  color: #7dff9c !important;
}
.palette-pair { background-color: transparent !important; }
.va-infobox-title, .va-navbox-title {
  background: #0f2015 !important;
  color: #7dff9c !important;
}
 
/* ============================================================
   8. BOÎTES GÉNÉRIQUES
   ============================================================ */
.avt-warn-banner,
.avt-note-banner,
.avt-section-banner,
.avt-dropdown-box,
.avt-genericbox,
.homepage-box,
.spinoff-box,
.avt-content-game-box {
  background-color: rgba(12, 24, 18, 0.85) !important;
  border-color: rgba(125, 255, 156, 0.15) !important;
  color: #cce8d4 !important;
}
.avt-dropdown-box-title {
  background-color: #0f2015 !important;
  color: #7dff9c !important;
}
 
/* ============================================================
   9. LIENS
   ============================================================ */
.mw-parser-output a { color: #4ab06a; }
.mw-parser-output a:visited { color: #357a4d; }
.mw-parser-output a:hover { color: #7dff9c; }
.new, a.new { color: #ff5e5e !important; }
 
/* ============================================================
   10. TOC VECTOR 2022 (sidebar-toc)
   ============================================================ */
.sidebar-toc,
.vector-toc {
  background-color: rgba(12, 24, 18, 0.85) !important;
  border-color: rgba(125, 255, 156, 0.15) !important;
}
.vector-toc .vector-toc-link,
.sidebar-toc .sidebar-toc-link { color: #4ab06a !important; }
.vector-toc .vector-toc-link:hover,
.sidebar-toc .sidebar-toc-link:hover { color: #7dff9c !important; }
 
/* ============================================================
   11. PORTAILS & ACCUEIL
   ============================================================ */
.homepage-welcome-title,
.homepage-box-title,
.portal-box-title,
.spinoff-box-title,
.canceled-box-title,
.fangame-box-title,
.homepage-presentation-title,
.homepage-participation-title,
.homepage-articleday-title {
  color: #7dff9c !important;
  text-shadow: 0 0 8px rgba(125, 255, 156, 0.4) !important;
  border-color: rgba(125, 255, 156, 0.15) !important;
}
 
/* ============================================================
   12. SITENOTICE
   ============================================================ */
.avt-sitenotice {
  background-color: rgba(12, 24, 18, 0.9) !important;
  border-color: rgba(125, 255, 156, 0.2) !important;
  color: #cce8d4 !important;
}
Récupérée de "https://fallout-wiki.com/index.php?title=MediaWiki:Vaulttec.css&oldid=174737"