Les Archives de Vault-Tec

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

MediaWiki:Vector.css (voir la source)

Version du 10 mars 2024 à 14:18

11 161 octets ajoutés ,  10 mars
aucun résumé des modifications
← Modification précédenteModification suivante →
Kharmitch (discussion | contributions)
Bureaucrate, commentadmin, emailconfirmed, Administrateurs d’interface, staff, Administrateur
62 734 modifications
mAucun résumé des modifications
Aucun résumé des modifications
(147 versions intermédiaires par 3 utilisateurs non affichées)
Ligne 1 : Ligne 1 :
/*
/*Alerte (0)
Notification (0)
Liste de suivi
 
Outils personnels
Discussion
Brouillon
Préférences
Contributions
Se déconnecter
 
     ---------------------------------------------------  
     ---------------------------------------------------  
     Variables
     Variables
Ligne 21 : Ligne 31 :
   --background-img: no-repeat url(avt-main-25-background.jpg);
   --background-img: no-repeat url(avt-main-25-background.jpg);
   --background-main: #fff;
   --background-main: #fff;
   --box-background-color: #f6fafc;
   --box-background-color: #ffffff00;
   --box-shadow: 0 0 10px #a9ceea;
   --box-shadow: 0 0 10px #a9ceea;
   --color-base: black;
   --color-base: black;
   --color-warning: #ffcc33;
   --color-warning: #ffcc33;
   --color-link: #0645ad;
   --color-link: #0645ad;
   --border-color-base: rgba(0, 0, 0, 0.3);
  --color-link-visited: #3c88ff;
   --border-color-base: #f0f0f0;
}
}


Ligne 38 : Ligne 49 :


:root.client-darkmode {
:root.client-darkmode {
   --background-color-dp-00: #020601;
   --background-color-dp-00: #03100000;
   --background-color-dp-01: #040d02;
   --background-color-dp-01: #040d02;
   --background-color-dp-02: #e5f4e0;
   --background-color-dp-02: #e5f4e0;
   --background-color-dp-03: #d4eccc;
   --background-color-dp-03: #d4eccc;
   --background-color-dp-04: #0c2205;
   --background-color-dp-04: #d4eccc;
   --background-color-dp-06: #0e2806;
   --background-color-dp-06: #d4eccc;
   --background-color-dp-08: #102f07;
   --background-color-dp-08: #102f07;
   --background-color-dp-12: #133608;
   --background-color-dp-12: #133608;
   --background-color-dp-16: #153d09;
   --background-color-dp-16: #153d09;
   --background-color-dp-24: #18440b;
   --background-color-dp-24: #18440b;
   --background-img: no-repeat url(avt-necropolis-background.jpg);
   --background-img: no-repeat url(avt-main-25-background.jpg);
   --background-main: #fff;
   --background-main: #fff;
   --box-background-color: #fafffa;
   --box-background-color: #ffffff00;
   --box-shadow: 0 0 10px #f1fff2;
   --box-shadow: 0 0 10px #f1fff2;
   --color-base: black;
   --color-base: black;
   --color-warning: #ffcc33;
   --color-warning: #ffcc33;
   --color-link: green;
   --color-link: green;
   --color-link-visited: #144905;
   --color-link-visited: #0D590D;
   --border-color-base: rgba(0, 0, 0, 0.1);
   --border-color-base: #e6e6e6;
}
}
.client-darkmode {
.client-darkmode .cdx-thumbnail__image, .client-darkmode #main-content img, .client-darkmode .cdx-thumbnail__image:hover {
  background: none;
   filter: none
}
.client-darkmode .cdx-thumbnail__image {
   filter: none;
  -webkit-filter: none;
}
}
.client-darkmode a,
.client-darkmode a,
.vector-main-menu-group .vector-menu-content li a,
.client-darkmode .vector-main-menu-group .vector-menu-content li a,
.client-darkmode .toctogglelabel,
.client-darkmode .toctogglelabel,
.client-darkmode .mw-parser-output a.external,
.client-darkmode .mw-parser-output a.external,
Ligne 73 : Ligne 80 :
.client-darkmode .vector-menu-portal .vector-menu-content li a,
.client-darkmode .vector-menu-portal .vector-menu-content li a,
.client-darkmode .vector-menu-tabs li a,
.client-darkmode .vector-menu-tabs li a,
.client-darkmode .vector-toc .vector-toc-link {
    color: var(--color-link);
}
.client-darkmode .vector-toc .vector-toc-level-1-active:not(.vector-toc-list-item-active) > .vector-toc-link {
    color: var(--color-link);
}
.client-darkmode .sidebar-toc .sidebar-toc-link,
.client-darkmode .sidebar-toc .sidebar-toc-link,
.client-darkmode .vector-pinnable-header-toggle-button,
.client-darkmode .vector-pinnable-header-toggle-button,
Ligne 81 : Ligne 94 :
}
}
.client-darkmode a:visited,
.client-darkmode a:visited,
.vector-main-menu-group .vector-menu-content li a:visited,
.client-darkmode .vector-main-menu-group .vector-menu-content li a:visited,
.client-darkmode .toctogglelabel:visited,
.client-darkmode .toctogglelabel:visited,
.client-darkmode .mw-parser-output a.external:visited,
.client-darkmode .mw-parser-output a.external:visited,
.client-darkmode .mw-parser-output a.extiw:visited,
.client-darkmode .mw-parser-output a.extiw:visited,
.mw-collapsible-toggle-default .mw-collapsible-text {
    color: var(--color-link-visited);
}
.client-darkmode .vector-menu-portal .vector-menu-content li a:visited,
.client-darkmode .vector-menu-portal .vector-menu-content li a:visited,
.client-darkmode .vector-menu-tabs li a:visited,
.client-darkmode .vector-menu-tabs li a:visited,
Ligne 92 : Ligne 108 :
.client-darkmode .vector-dropdown .mw-list-item a:visited,
.client-darkmode .vector-dropdown .mw-list-item a:visited,
.client-darkmode .vector-menu-dropdown > .vector-menu-content .mw-list-item a:visited {
.client-darkmode .vector-menu-dropdown > .vector-menu-content .mw-list-item a:visited {
   color: var(--color-link-visited);
   color: var(--color-link);
}
}
.client-darkmode .infobox,
.client-darkmode .infobox,
Ligne 108 : Ligne 124 :
   border-color: var(--border-color-base);
   border-color: var(--border-color-base);
}
}
 
.client-darkmode .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
/*
     color: #fff;
    ---------------------------------------------------  
     background-color: #2cb22c;
     Legacy
    border-color: #2cb22c;
     ---------------------------------------------------
    border-top-color: #2cb22c;
     le style ci-dessous doit être maintenu tant         
    border-right-color: #2cb22c;
     que les modèles associés sont encore utilisés.
    border-bottom-color: #2cb22c;
    Ces classes doivent être supprimées.    
    border-left-color: #2cb22c;
    ---------------------------------------------------
}
*/
.client-darkmode .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:focus + span {
 
    border-color: #228922;
/* Arrière-plan partagé */
     box-shadow: inset 0 0 0 1px #228922;
.va-infobox-title,.va-navbox-title{background-color:#383020;background-image:none;background:url(/skins/Vector/images/background/foggy.png)!important}
     outline: 1px solid transparent
 
}
/* Modèle:Docparam */
.client-darkmode .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:hover + span {
.va-docparam{background:#678e6c;border:1px dotted #d9d9d9;margin-bottom:3px;overflow:auto;padding:0 2px 0 20px;text-indent:-20px}.va-docparam-icon{float:left;margin:0;padding:0;width:20px}.va-docparam-default{float:right;font-size:10px}.va-docparam-params{font-family:monospace;color:#000}.va-docparam-desc{margin:0;padding:0 0 5px 20px}
    border-color: #228922
 
}
/* Modèle:Console */
.client-darkmode .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:active + span {
.va-console{background-color:#cfc;color:#000;font-family:consolas;padding:2px}.va-console-cmd{color:#555}
    background-color: #228922;
 
    border-color: #228922;
/* Modèle:Introduction */
    box-shadow: inset 0 0 0 1px #228922
.va-intro-image{padding-left:2px;padding-right:2px}.va-intro td{padding-bottom:2px}.va-intro-header{font-size:16px;font-weight:700}.va-intro-bullets{font-size:11px;line-height:16px;vertical-align:top;font-family:sans-serif}
}
 
.client-darkmode .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked + span,.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate + span {
/* Modèle:Plus */
    background-color: #228922;
.va-more{margin-top:.5em}.va-more-link{font-size:10px;line-height:15px}
    border-color: #228922
 
}
/* MediaWiki:Newarticle */
.client-darkmode .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:focus + span,.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate:focus + span {
.mw-newarticletext,.mw-newarticletextanon{border:1px solid #383838;margin-bottom:10px;padding:10px;background-color:rgba(58,58,58,.2)}.mw-newarticletext h2,.mw-newarticletextanon h2{border:none;color:#51e527;padding:0;margin:10px 0 13px 0}.new-article-game{color:#51e527}
    background-color: #228922;
 
    border-color: #228922;
/*
    box-shadow: inset 0 0 0 1px #228922,inset 0 0 0 2px #fff
    ---------------------------------------------------  
}
     Extension override
.client-darkmode .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:hover + span,.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate:hover + span {
     ---------------------------------------------------
    background-color: #228922;
     le style ci-dessous écrase les classes ajoutées
    border-color: #228922
    par les extensions MediaWiki
}
    ---------------------------------------------------
.client-darkmode .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:active + span,.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate:active + span {
*/
    background-color: #228922;
 
    border-color: #228922;
/* ------------------------------ */
    box-shadow: inset 0 0 0 1px #228922
/* Extension:TabberNeue          */
}
/* ------------------------------ */
.client-darkmode .oo-ui-radioInputWidget [type='radio']:disabled + span {
 
    background-color: #228922;
.tabber__header {
    border-color: #228922
  box-shadow: none;
}
.client-darkmode .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:hover + span {
    border-color: #228922
}
.client-darkmode .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:active + span {
    background-color: #228922;
    border-color: #228922
}
.client-darkmode .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked + span {
    border-color: #228922
}
.client-darkmode .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked:hover + span {
    border-color: #228922
}
.client-darkmode .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked:active + span {
    border-color: #228922;
    box-shadow: inset 0 0 0 1px #228922
}
.client-darkmode .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked:active + span::before {
    border-color: #228922
}
.client-darkmode .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive {
    background-color: #2cb22c;
     color: #fff;
     border-color: #2cb22c;
}
.client-darkmode .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover {
background-color: #228922;
border-color: #228922
}
.client-darkmode .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button {
    background-color: #228922;
     border-color: #f8f9fa;
}
.client-darkmode .mw-rcfilters-ui-changesListWrapperWidget:not(.mw-rcfilters-ui-changesListWrapperWidget-highlighted) .mw-changeslist-watchedseen div.mw-rcfilters-ui-highlights-color-none {
    background-color: #ffffff;
    border: 1px solid #228922;
}
.client-darkmode .mw-rcfilters-ui-changesListWrapperWidget:not(.mw-rcfilters-ui-changesListWrapperWidget-highlighted) .mw-changeslist-watchedunseen div.mw-rcfilters-ui-highlights-color-none {
    background-color: #228922;
    border: 1px solid #228922;
}
.client-darkmode .oo-ui-optionWidget-selected .mw-echo-ui-pageNotificationsOptionWidget-label-count {
    color: #228922;
}
.client-darkmode .mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-selected {
    background-color: #e3ffe5;
    color: var(--color-link);
}
.client-darkmode .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-tool-link {
    color: #fff;
    background-color: #2cb22c;
}
.client-darkmode .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-tool-link:hover {
    background-color: #228922;
}
.client-darkmode .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive {
    color: var(--color-link);
}
.client-darkmode .cdx-text-input__input:enabled:focus {
    border-color: #228922;
    box-shadow: inset 0 0 0 1px #228922;
    outline: 1px solid transparent
}
}
.tabber__tabs {
.client-darkmode .cdx-button:enabled:focus:not(:active):not(.cdx-button--is-active),.cdx-button.cdx-button--fake-button--enabled:focus:not(:active):not(.cdx-button--is-active) {
  margin-bottom: 1em;
    border-color: #228922;
    box-shadow: inset 0 0 0 1px #228922
}
}
 
.client-darkmode .vector-pinnable-element .mw-list-item a {
/*
color: #228922
    ---------------------------------------------------
    Vector override
    ---------------------------------------------------
    le style ci-dessous écrase les classes par défaut
    de l'habillage Vector.
    ---------------------------------------------------
*/
 
/* Fond principal */
body {
  background: var(--background-img);
  background-size: cover;
  background-attachment: fixed;
}
}
/* Cadre central */
.client-darkmode .vector-pinnable-element .mw-list-item a:not(.mw-selflink):visited, .vector-dropdown-content .mw-list-item a:not(.mw-selflink):visited {
.mw-page-container {
    color: var(--color-link-visited);
  background: var(--background-main);
  border-left: 1px solid var(--border-color-base);
  border-right: 1px solid var(--border-color-base);
}
}
/* Cadre de la barre latéral gauche */
.client-darkmode #mediauploader-steps li.head {
#vector-main-menu {
    color: var(--color-link);
  background: var(--background-main);
    background-color: #ceefd4;
    font-weight: bold;
}
}
/* Barre latérale gauche + sommaire sticky */
.client-darkmode fieldset {
.sidebar-toc,
    border: 1px solid #ffffff;
.vector-toc-enabled .mw-sidebar {
    margin: 1em 0 1em 0;
  background-color: var(--background-main);
    padding: 0 1em 1em;
  border-width: 0px;
}
}
/* Cacher l'option permettant de switcher vers l'ancien Vector */
.client-darkmode :focus {
.vector-main-menu-action-opt-out {
    outline-color: var(--color-link);
  display: none;
}
.client-darkmode .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
    color: var(--color-link);
}
}
 
.client-darkmode    input:focus:not(:active) + .cdx-button:not(.cdx-button--action-progressive) {
/* ------------------------------ */
        border-color: #228922;
/* MediaWiki:Sitenotice          */
        box-shadow: inset 0 0 0 1px #228922
/* ------------------------------ */
    }
 
.client-darkmode .client-js .mw-rcfilters-spinner .mw-rcfilters-spinner-bounce, .client-js .mw-rcfilters-spinner::before, .client-js .mw-rcfilters-spinner::after {
.avt-sitenotice {
    content: '';
  border: 1px solid var(--border-color-base);
    background-color: #228922;
  background-color: var(--box-background-color);
    display: block;
  box-shadow: var(--box-shadow);
    float: left;
  padding: 5px;
    width: 12px;
  display: flex;
    height: 12px;
  align-items: center;
    border-radius: 50%;
  justify-content: center;
    animation: rcfiltersBouncedelay 1600ms ease-in-out -160ms infinite both;
  gap: 10px;
}
}
 
.client-darkmode .ve-init-mw-progressBarWidget {
/* ----------------------- */
    background-color: #fff;
/* Galerie pages-listes    */
    box-sizing: border-box;
/* ----------------------- */
    height: 0.875em;
 
    border: 1px solid #228922;
.avt-gallery-list-page {
    border-radius: 0.875em;
  text-align: center;
    box-shadow: 0 1px 1px rgba(0,0,0,0.15);
  margin: 0.3em 0 0 0 !important;
}
}
.avt-gallery-list-page li.gallerybox div.thumb {
.client-darkmode .ve-init-mw-progressBarWidget {
  border: none;
    background-color: #fff;
  background-color: transparent;
    box-sizing: border-box;
    height: 0.875em;
    border: 1px solid #228922;
    border-radius: 0.875em;
    box-shadow: 0 1px 1px rgba(0,0,0,0.15);
}
.client-darkmode .ve-ce-focusableNode-highlight {
    background: #25ff007a;
    box-shadow: inset 0 0 0 1px #39bd49;
    position: absolute;
    overflow: hidden;
}
.client-darkmode input:active + .cdx-button.cdx-button--action-progressive {
    background-color: #60ea60;
    color: #ffffff;
    border-color: #60ea60
}
}
.avt-gallery-list-page li.gallerybox div.thumb img {
.client-darkmode input:focus:not(:active) + .cdx-button.cdx-button--action-progressive {
  transition: transform 0.2s;
    border-color: #228922;
    box-shadow: inset 0 0 0 1px #228922 inset 0 0 0 2px #ffffff
}
}
.avt-gallery-list-page li.gallerybox div.thumb img:hover {
.client-darkmode .cdx-menu-item--enabled.cdx-menu-item--active {
  transform: scale(1.5);
    background-color: #eaf3ff;
    color: var(--color-link)
}
}
 
.client-darkmode .cdx-menu-item--enabled.cdx-menu-item--active .cdx-menu-item__content,.cdx-menu-item--enabled.cdx-menu-item--active .cdx-menu-item__text__description {
/* ----------------------- */
    color: var(--color-link);
/* Tables MediaWiki        */
/* ----------------------- */
 
.wikitable,
.mw-datatable,
.mw_metadata {
  box-shadow: var(--box-shadow);
  background-color: var(--box-background-color);
  font-size: 12px;
  line-height: 16px;
  margin-bottom: 5px;
  font-family: sans-serif;
  overflow: auto;
  color: var(--color-base);
}
}
.mw-datatable tr:hover td {
.client-darkmode .cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--highlighted,.cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--highlighted .cdx-menu-item__content,.cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--highlighted .cdx-menu-item__text__description {
  background-color: var(--background-color-dp-04);
    color: var(--color-link)
}
}
.wikitable > tr > td,
.client-darkmode .mwe-popups .mwe-popups-extract {
.wikitable > * > tr > td,
    color: var(--color-link);
.wikitable > tr > th,
}
.wikitable > * > tr > th,
.client-darkmode .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus {
.mw-datatable > tr > td,
    border-color: var(--color-link);
.mw-datatable > * > tr > td,
    box-shadow: inset 0 0 0 1px var(--color-link)
.mw-datatable > tr > th,
}
.mw-datatable > * > tr > th,
.client-darkmode .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:focus {
.mw_metadata > tr > td,
    border-color: var(--color-link);
.mw_metadata > * > tr > td,
    box-shadow: inset 0 0 0 1px var(--color-link),inset 0 0 0 2px #fff;
.mw_metadata > tr > th,
    outline: 1px solid transparent
.mw_metadata > * > tr > th {
}
  border: 1px solid var(--border-color-base);
.client-darkmode .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input:focus {
  padding: 4px 8px;
    border-color: var(--color-link);
    outline: 1px solid transparent;
    box-shadow: inset 0 0 0 1px var(--color-link)
}
.client-darkmode .oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input:focus {
    border-color: var(--color-link)
}
}
.wikitable > tr > th,
.client-darkmode .ve-init-mw-progressBarWidget-bar {
.wikitable > * > tr > th,
    background-color: #228922;
.mw-datatable > tr > th,
    height: 0.875em;
.mw-datatable > * > tr > th,
.mw_metadata > tr > th,
.mw_metadata > * > tr > th {
  background-color: var(--background-color-dp-02);
  font-weight: bold;
  text-align: center;
}
}


.mw-datatable td,
/*
.mw_metadata td {
    ---------------------------------------------------
  background-color: var(--box-background-color);
    Legacy
}
    ---------------------------------------------------
    le style ci-dessous doit être maintenu tant         
    que les modèles associés sont encore utilisés.
    Ces classes doivent être supprimées.   
    ---------------------------------------------------
*/
 
/* Arrière-plan partagé */
.va-infobox-title,.va-navbox-title{background-color:#383020;background-image:none;background:url(/skins/Vector/images/background/foggy.png)!important}


/* ----------------------- */
/* Modèle:Docparam */
/* Tables personnalisées  */
.va-docparam{background:#678e6c;border:1px dotted #d9d9d9;margin-bottom:3px;overflow:auto;padding:0 2px 0 20px;text-indent:-20px}.va-docparam-icon{float:left;margin:0;padding:0;width:20px}.va-docparam-default{float:right;font-size:10px}.va-docparam-params{font-family:monospace;color:#000}.va-docparam-desc{margin:0;padding:0 0 5px 20px}
/* ----------------------- */


.avt-table-large {
/* Modèle:Console */
  table-layout: fixed;
.va-console{background-color:#cfc;color:#000;font-family:consolas;padding:2px}.va-console-cmd{color:#555}
  width: 100%;
 
  word-break: break-word;
/* Modèle:Introduction */
}
.va-intro-image{padding-left:2px;padding-right:2px}.va-intro td{padding-bottom:2px}.va-intro-header{font-size:16px;font-weight:700}.va-intro-bullets{font-size:11px;line-height:16px;vertical-align:top;font-family:sans-serif}
.va-table {
 
  box-shadow: var(--box-shadow);
/* Modèle:Plus */
  background-color: var(--box-background-color);
.va-more{margin-top:.5em}.va-more-link{font-size:10px;line-height:15px}
  border-collapse: collapse;
 
  empty-cells: show;
/* MediaWiki:Newarticle */
  font-size: 12px;
.mw-newarticletext,.mw-newarticletextanon{border:1px solid #383838;margin-bottom:10px;padding:10px;background-color:rgba(58,58,58,.2)}.mw-newarticletext h2,.mw-newarticletextanon h2{border:none;color:#51e527;padding:0;margin:10px 0 13px 0}.new-article-game{color:#51e527}
  line-height: 16px;
 
  margin-bottom: 5px;
/*
  font-family: sans-serif;
    ---------------------------------------------------
  overflow: auto;
    Extension override
}
    ---------------------------------------------------
.va-table > tr > td,
    le style ci-dessous écrase les classes ajoutées
.va-table > * > tr > td,
    par les extensions MediaWiki
.va-table > tr > th,
    ---------------------------------------------------
.va-table > * > tr > th {
*/
  border: 1px solid var(--border-color-base);
 
   padding: 4px 8px;
/* ------------------------------ */
/* Extension:TabberNeue          */
/* ------------------------------ */
 
.tabber__header {
   box-shadow: none;
}
}
.va-table > tr > th,
.tabber__tabs {
.va-table > * > tr > th {
   margin-bottom: 1em;
   background-color: var(--background-color-dp-02);
  font-weight: bold;
  text-align: center;
}
}
/* Adapting lists & paragraphs */
 
.va-table ul,
/*
.va-table ol,
    ---------------------------------------------------
.va-table p {
    Vector override
   line-height: 16px;
    ---------------------------------------------------  
   margin-bottom: 0;
    le style ci-dessous écrase les classes par défaut
    de l'habillage Vector.
    ---------------------------------------------------
*/
 
/* Fond principal */
body {
   background: var(--background-img);
  background-size: cover;
   background-attachment: fixed;
}
}
.va-table ul,
/* Cadre central */
.va-table ol {
.mw-page-container {
   margin-left: 20px;
  background: var(--background-main);
   margin-top: 0;
   border-left: 1px solid var(--border-color-base);
   border-right: 1px solid var(--border-color-base);
}
}
.va-table p,
/* Cadre de la barre latéral gauche */
.va-table * + ul,
#vector-main-menu {
.va-table * + ol {
    margin-left: -14px;
  margin-top: 3px;
    margin-top: 11px;
    padding: 6px 14px;
    background-color: #f8f9fa;
 
}
}
.va-table ul li,
/* Barre latérale gauche + sommaire sticky */
.va-table ol li {
.sidebar-toc,
   margin-bottom: 0;
.vector-toc-enabled .mw-sidebar {
   background-color: var(--background-main);
  border-width: 0px;
}
}
/* Highlighted rows */
/* Cacher l'option permettant de switcher vers l'ancien Vector */
.va-table > tr.va-table-highlight,
.vector-main-menu-action-opt-out {
.va-table > * > tr.va-table-highlight,
   display: none;
.va-table > tr.va-table-highlight > th,
.va-table > * > tr.va-table-highlight > th {
   background-color: var(--background-color-dp-01);
}
}
/* Tables with specific vertical alignment for cells */
 
.va-table-top > tr > td,
/* ---------------------------------- */
.va-table-top > * > tr > td {
/* Liens interwiki de langue          */
  vertical-align: top;
/* ---------------------------------- */
 
.vector-dropdown .vector-menu-content-list {
    list-style: none;
    margin: 0;
}
}
.va-table-middle > tr > td,
 
.va-table-middle > * > tr > td {
/* ------------------------------ */
   vertical-align: middle;
/* MediaWiki:Sitenotice          */
/* ------------------------------ */
 
.avt-sitenotice {
   border: 1px solid var(--border-color-base);
  background-color: var(--box-background-color);
  box-shadow: var(--box-shadow);
  padding: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
}
.va-table-bottom > tr > td,
 
.va-table-bottom > * > tr > td {
/* ----------------------- */
   vertical-align: bottom;
/* Galerie pages-listes    */
/* ----------------------- */
 
.avt-gallery-list-page {
  text-align: center;
  margin: 0.3em 0 0 0 !important;
}
.avt-gallery-list-page li.gallerybox div.thumb {
   border: none;
  background-color: transparent;
}
.avt-gallery-list-page li.gallerybox div.thumb img {
  transition: transform 0.2s;
}
}
/* Tables with specific horizontal alignment for cells/columns */
.avt-gallery-list-page li.gallerybox div.thumb img:hover {
.va-table-center > tr > td,
  transform: scale(1.5);
.va-table-center > * > tr > td,
}
.va-table-center-col1 > * > tr > td:first-child,
 
.va-table-center-col2 > * > tr > *:first-child + td,
/* ----------------------- */
.va-table-center-col3 > * > tr > *:first-child + * + td,
/* Tables MediaWiki        */
.va-table-center-col4 > * > tr > *:first-child + * + * + td,
/* ----------------------- */
.va-table-center-col5 > * > tr > *:first-child + * + * + * + td,
 
.va-table-center-col6 > * > tr > *:first-child + * + * + * + * + td,
.wikitable,
.va-table-center-col7 > * > tr > *:first-child + * + * + * + * + * + td,
.mw-datatable,
.va-table-center-col8 > * > tr > *:first-child + * + * + * + * + * + * + td,
.mw_metadata {
.va-table-center-col9 > * > tr > *:first-child + * + * + * + * + * + * + * + td,
  box-shadow: var(--box-shadow);
.va-table-center-col10
  background-color: var(--box-background-color);
   > *
  font-size: 12px;
  > tr
  line-height: 16px;
  > *:first-child
  margin-bottom: 5px;
  + *
  font-family: sans-serif;
  + *
  overflow: auto;
  + *
  color: var(--color-base);
   + *
}
   + *
.mw-datatable tr:hover td {
   + *
  background-color: var(--background-color-dp-04);
  + *
}
  + *
.wikitable > tr > td,
  + td,
.wikitable > * > tr > td,
.va-table-center-col11
.wikitable > tr > th,
  > *
.wikitable > * > tr > th,
  > tr
.mw-datatable > tr > td,
  > *:first-child
.mw-datatable > * > tr > td,
  + *
.mw-datatable > tr > th,
   + *
.mw-datatable > * > tr > th,
  + *
.mw_metadata > tr > td,
  + *
.mw_metadata > * > tr > td,
  + *
.mw_metadata > tr > th,
  + *
.mw_metadata > * > tr > th {
   + *
  border: 1px solid var(--border-color-base);
   + *
   padding: 4px 8px;
   + *
}
  + td,
.wikitable > tr > th,
.va-table-center-col12
.wikitable > * > tr > th,
   > *
.mw-datatable > tr > th,
  > tr
.mw-datatable > * > tr > th,
  > *:first-child
.mw_metadata > tr > th,
   + *
.mw_metadata > * > tr > th {
   + *
   background-color: var(--background-color-dp-02);
   + *
   font-weight: bold;
   + *
   text-align: center;
   + *
}
   + *
 
   + *
.mw-datatable td,
  + *
.mw_metadata td {
  + *
  background-color: var(--box-background-color);
  + *
}
  + td,
 
.va-table-center-col13
/* ----------------------- */
  > *
/* Tables personnalisées   */
  > tr
/* ----------------------- */
  > *:first-child
 
  + *
.avt-table-large {
  + *
   table-layout: fixed;
  + *
   width: 100%;
  + *
   word-break: break-word;
  + *
}
  + *
.va-table {
  + *
  box-shadow: var(--box-shadow);
  + *
   background-color: var(--box-background-color);
  + *
   border-collapse: collapse;
  + *
   empty-cells: show;
  + *
   font-size: 12px;
  + td,
   line-height: 16px;
.va-table-center-col14
   margin-bottom: 5px;
  > *
   font-family: sans-serif;
  > tr
   overflow: auto;
   > *:first-child
}
   + *
.va-table > tr > td,
  + *
.va-table > * > tr > td,
  + *
.va-table > tr > th,
  + *
.va-table > * > tr > th {
  + *
   border: 1px solid var(--border-color-base);
  + *
   padding: 4px 8px;
  + *
}
  + *
.va-table > tr > th,
  + *
.va-table > * > tr > th {
  + *
   background-color: var(--background-color-dp-02);
  + *
   font-weight: bold;
  + *
   text-align: center;
  + td,
}
.va-table-center-col15
/* Adapting lists & paragraphs */
  > *
.va-table ul,
  > tr
.va-table ol,
   > *:first-child
.va-table p {
   + *
   line-height: 16px;
   + *
   margin-bottom: 0;
  + *
  + *
  + *
  + *
  + *
  + *
   + *
  + *
   + *
  + *
  + *
  + td {
  text-align: center;
}
}
.va-table-left > tr > td,
.va-table ul,
.va-table-left > * > tr > td,
.va-table ol {
.va-table-left-col1 > * > tr > td:first-child,
  margin-left: 20px;
.va-table-left-col2 > * > tr > *:first-child + td,
  margin-top: 0;
.va-table-left-col3 > * > tr > *:first-child + * + td,
}
.va-table-left-col4 > * > tr > *:first-child + * + * + td,
.va-table p,
.va-table-left-col5 > * > tr > *:first-child + * + * + * + td,
.va-table * + ul,
.va-table-left-col6 > * > tr > *:first-child + * + * + * + * + td,
.va-table * + ol {
.va-table-left-col7 > * > tr > *:first-child + * + * + * + * + * + td,
  margin-top: 3px;
.va-table-left-col8 > * > tr > *:first-child + * + * + * + * + * + * + td,
}
.va-table-left-col9 > * > tr > *:first-child + * + * + * + * + * + * + * + td,
.va-table ul li,
.va-table-left-col10
.va-table ol li {
  > *
  margin-bottom: 0;
  > tr
}
  > *:first-child
/* Highlighted rows */
  + *
.va-table > tr.va-table-highlight,
  + *
.va-table > * > tr.va-table-highlight,
  + *
.va-table > tr.va-table-highlight > th,
  + *
.va-table > * > tr.va-table-highlight > th {
  + *
  background-color: var(--background-color-dp-01);
  + *
}
  + *
/* Tables with specific vertical alignment for cells */
  + *
.va-table-top > tr > td,
  + td,
.va-table-top > * > tr > td {
.va-table-left-col11
  vertical-align: top;
   > *
}
   > tr
.va-table-middle > tr > td,
   > *:first-child
.va-table-middle > * > tr > td {
  + *
  vertical-align: middle;
}
.va-table-bottom > tr > td,
.va-table-bottom > * > tr > td {
  vertical-align: bottom;
}
/* Tables with specific horizontal alignment for cells/columns */
.va-table-center > tr > td,
.va-table-center > * > tr > td,
.va-table-center-col1 > * > tr > td:first-child,
.va-table-center-col2 > * > tr > *:first-child + td,
.va-table-center-col3 > * > tr > *:first-child + * + td,
.va-table-center-col4 > * > tr > *:first-child + * + * + td,
.va-table-center-col5 > * > tr > *:first-child + * + * + * + td,
.va-table-center-col6 > * > tr > *:first-child + * + * + * + * + td,
.va-table-center-col7 > * > tr > *:first-child + * + * + * + * + * + td,
.va-table-center-col8 > * > tr > *:first-child + * + * + * + * + * + * + td,
.va-table-center-col9 > * > tr > *:first-child + * + * + * + * + * + * + * + td,
.va-table-center-col10
   > *
   > tr
   > *:first-child
   + *
   + *
   + *
   + *
Ligne 496 : Ligne 617 :
   + *
   + *
   + td,
   + td,
.va-table-left-col12
.va-table-center-col11
   > *
   > *
   > tr
   > tr
   > *:first-child
   > *:first-child
  + *
   + *
   + *
   + *
   + *
Ligne 511 : Ligne 631 :
   + *
   + *
   + td,
   + td,
.va-table-left-col13
.va-table-center-col12
   > *
   > *
   > tr
   > tr
   > *:first-child
   > *:first-child
  + *
   + *
   + *
   + *
   + *
Ligne 527 : Ligne 646 :
   + *
   + *
   + td,
   + td,
.va-table-left-col14
.va-table-center-col13
   > *
   > *
   > tr
   > tr
   > *:first-child
   > *:first-child
  + *
   + *
   + *
   + *
   + *
Ligne 544 : Ligne 662 :
   + *
   + *
   + td,
   + td,
.va-table-left-col15
.va-table-center-col14
   > *
   > *
   > tr
   > tr
Ligne 560 : Ligne 678 :
   + *
   + *
   + *
   + *
   + *
   + td,
  + td {
.va-table-center-col15
  text-align: left;
}
.va-table-right > tr > td,
.va-table-right > * > tr > td,
.va-table-right-col1 > * > tr > td:first-child,
.va-table-right-col2 > * > tr > *:first-child + td,
.va-table-right-col3 > * > tr > *:first-child + * + td,
.va-table-right-col4 > * > tr > *:first-child + * + * + td,
.va-table-right-col5 > * > tr > *:first-child + * + * + * + td,
.va-table-right-col6 > * > tr > *:first-child + * + * + * + * + td,
.va-table-right-col7 > * > tr > *:first-child + * + * + * + * + * + td,
.va-table-right-col8 > * > tr > *:first-child + * + * + * + * + * + * + td,
.va-table-right-col9 > * > tr > *:first-child + * + * + * + * + * + * + * + td,
.va-table-right-col10
   > *
   > *
   > tr
   > tr
Ligne 587 : Ligne 691 :
   + *
   + *
   + *
   + *
  + td,
.va-table-right-col11
  > *
  > tr
  > *:first-child
   + *
   + *
  + *
  + *
  + *
  + *
  + td {
  text-align: center;
}
.va-table-left > tr > td,
.va-table-left > * > tr > td,
.va-table-left-col1 > * > tr > td:first-child,
.va-table-left-col2 > * > tr > *:first-child + td,
.va-table-left-col3 > * > tr > *:first-child + * + td,
.va-table-left-col4 > * > tr > *:first-child + * + * + td,
.va-table-left-col5 > * > tr > *:first-child + * + * + * + td,
.va-table-left-col6 > * > tr > *:first-child + * + * + * + * + td,
.va-table-left-col7 > * > tr > *:first-child + * + * + * + * + * + td,
.va-table-left-col8 > * > tr > *:first-child + * + * + * + * + * + * + td,
.va-table-left-col9 > * > tr > *:first-child + * + * + * + * + * + * + * + td,
.va-table-left-col10
  > *
  > tr
  > *:first-child
   + *
   + *
   + *
   + *
Ligne 602 : Ligne 723 :
   + *
   + *
   + td,
   + td,
.va-table-right-col12
.va-table-left-col11
   > *
   > *
   > tr
   > tr
   > *:first-child
   > *:first-child
  + *
   + *
   + *
   + *
   + *
Ligne 617 : Ligne 737 :
   + *
   + *
   + td,
   + td,
.va-table-right-col13
.va-table-left-col12
   > *
   > *
   > tr
   > tr
   > *:first-child
   > *:first-child
  + *
   + *
   + *
   + *
   + *
Ligne 633 : Ligne 752 :
   + *
   + *
   + td,
   + td,
.va-table-right-col14
.va-table-left-col13
  > *
  > tr
  > *:first-child
  + *
  + *
  + *
  + *
  + *
  + *
  + *
  + *
  + *
  + *
  + *
  + td,
.va-table-left-col14
   > *
   > *
   > tr
   > tr
Ligne 650 : Ligne 785 :
   + *
   + *
   + td,
   + td,
.va-table-right-col15
.va-table-left-col15
   > *
   > *
   > tr
   > tr
Ligne 668 : Ligne 803 :
   + *
   + *
   + td {
   + td {
   text-align: right;
   text-align: left;
}
}
/* Tables which are full width */
.va-table-right > tr > td,
.va-table-full {
.va-table-right > * > tr > td,
  width: 100%;
.va-table-right-col1 > * > tr > td:first-child,
}
.va-table-right-col2 > * > tr > *:first-child + td,
/* Tables which leave enough space for an infobox on the right */
.va-table-right-col3 > * > tr > *:first-child + * + td,
.va-table-full-infobox {
.va-table-right-col4 > * > tr > *:first-child + * + * + td,
  width: 100%; /*960px;*/
.va-table-right-col5 > * > tr > *:first-child + * + * + * + td,
}
.va-table-right-col6 > * > tr > *:first-child + * + * + * + * + td,
/* Tables which are floated */
.va-table-right-col7 > * > tr > *:first-child + * + * + * + * + * + td,
.va-table-float-left {
.va-table-right-col8 > * > tr > *:first-child + * + * + * + * + * + * + td,
  clear: left;
.va-table-right-col9 > * > tr > *:first-child + * + * + * + * + * + * + * + td,
  float: left;
.va-table-right-col10
  margin: 0 10px 10px 0;
  > *
}
  > tr
.va-table-float-right {
  > *:first-child
  clear: right;
  + *
  float: right;
  + *
  margin: 0 0 10px 10px;
  + *
}
  + *
/* Tables in which the first column starts with an icon */
  + *
.va-table-icon > tr > td:first-child,
  + *
.va-table-icon > * > tr > td:first-child {
  + *
  padding-left: 18px;
  + *
  text-indent: -18px;
  + td,
}
.va-table-right-col11
 
  > *
/*
  > tr
    ---------------------------------------------------  
  > *:first-child
    Portals
  + *
    ---------------------------------------------------  
  + *
    Les classes ci-dessous sont utilisées par les
  + *
    portails.
  + *
    ---------------------------------------------------
  + *
*/
  + *
 
  + *
/* On cache le titre des portails */
  + *
body.action-view.page-Accueil #firstHeading,
  + *
body.action-view.page-Portail_Fallout #firstHeading,
  + td,
body.action-view.page-Portail_Fallout_2 #firstHeading,
.va-table-right-col12
body.action-view.page-Portail_Fallout_3 #firstHeading,
  > *
body.action-view.page-Portail_Fallout_4 #firstHeading,
  > tr
body.action-view.page-Portail_Fallout_76 #firstHeading,
  > *:first-child
body.action-view.page-Portail_Fallout_New_Vegas #firstHeading,
  + *
body.action-view.page-Portail_Fallout_Shelter #firstHeading,
  + *
body.action-view.page-Portail_Fallout_Tactics #firstHeading {
  + *
   position: absolute;
  + *
   top: -5000px;
  + *
}
  + *
/* On cache l'en-tete fixe pour le moment sur l'accueil */
  + *
body.action-view.page-Accueil #vector-sticky-header {
  + *
   display: none;
  + *
}
  + *
/* Cadre principale et structure */
  + td,
.homepage {
.va-table-right-col13
   display: grid;
  > *
   grid-gap: 1rem;
   > tr
   grid-template-areas:
   > *:first-child
    "welcome welcome welcome"
  + *
    "anniv anniv anniv"
  + *
    "games games games"
  + *
    "fangames fangames theme"
  + *
    "anecdotes anecdotes presentation"
   + *
    "articleday articleday participation";
  + *
}
  + *
/* Définition des zones */
  + *
.homepage-welcome {
  + *
   grid-area: welcome;
   + *
   background: linear-gradient(to bottom, #fff, var(--box-background-color));
   + *
   border-bottom: solid 1px var(--border-color-base);
   + td,
}
.va-table-right-col14
.homepage-25e {
  > *
   grid-area: anniv;
  > tr
   border: 1px solid var(--border-color-base);
  > *:first-child
   box-shadow: var(--box-shadow);
  + *
}
  + *
.homepage-portal-games {
  + *
   grid-area: games;
  + *
}
  + *
.homepage-portal-fangames {
  + *
   grid-area: fangames;
  + *
}
  + *
.homepage-portal-theme {
  + *
   grid-area: theme;
  + *
}
  + *
.homepage-presentation {
   + *
   grid-area: presentation;
   + td,
.va-table-right-col15
   > *
  > tr
  > *:first-child
   + *
   + *
   + *
  + *
  + *
   + *
  + *
  + *
   + *
  + *
  + *
   + *
  + *
  + td {
   text-align: right;
}
}
.homepage-participation {
/* Tables which are full width */
   grid-area: participation;
.va-table-full {
   width: 100%;
}
}
.homepage-articleday {
/* Tables which leave enough space for an infobox on the right */
   grid-area: articleday;
.va-table-full-infobox {
   width: 100%; /*960px;*/
}
}
.homepage-anecdotes {
/* Tables which are floated */
   grid-area: anecdotes;
.va-table-float-left {
   clear: left;
  float: left;
  margin: 0 10px 10px 0;
}
}
/* Boîte générique */
.va-table-float-right {
.homepage-box {
   clear: right;
  border: 1px solid var(--border-color-base);
   float: right;
   background: var(--box-background-color);
   margin: 0 0 10px 10px;
   box-shadow: var(--box-shadow);
   padding: 1rem;
}
}
.homepage-welcome-subtitle,
/* Tables in which the first column starts with an icon */
.homepage-welcome-links,
.va-table-icon > tr > td:first-child,
.homepage-portal-theme .homepage-box-content {
.va-table-icon > * > tr > td:first-child {
   text-align: center;
  padding-left: 18px;
   text-indent: -18px;
}
}
.homepage-welcome-fogen {
 
   margin-bottom: 1rem;
/*
   text-align: center;
    ---------------------------------------------------
    Portals
    ---------------------------------------------------
    Les classes ci-dessous sont utilisées par les
    portails.
    ---------------------------------------------------
*/
 
/* On cache le titre des portails */
body.action-view.page-Accueil #firstHeading,
body.action-view.page-Portail_Fallout #firstHeading,
body.action-view.page-Portail_Fallout_2 #firstHeading,
body.action-view.page-Portail_Fallout_3 #firstHeading,
body.action-view.page-Portail_Fallout_4 #firstHeading,
body.action-view.page-Portail_Fallout_76 #firstHeading,
body.action-view.page-Portail_Fallout_New_Vegas #firstHeading,
body.action-view.page-Portail_Fallout_Shelter #firstHeading,
body.action-view.page-Portail_Fallout_Tactics #firstHeading {
   position: absolute;
   top: -5000px;
}
}
.homepage-welcome-title {
/* On cache l'en-tete fixe pour le moment sur l'accueil */
  text-align: center;
body.action-view.page-Accueil #vector-sticky-header {
  font-size: 200%;
   display: none;
  margin: 0 50px 5px 50px;
  border-bottom: 1px solid var(--border-color-base);
   text-shadow: 0 0 8px #829fce;
  color: #425b84;
  font-weight: bold;
}
}
.homepage-box-title {
/* Cadre principale et structure */
  text-align: center;
.homepage {
  font-size: 150%;
  border-bottom: 1px solid var(--border-color-base);
  margin-bottom: 20px;
  text-shadow: 0 0 8px #829fce;
  color: #425b84;
}
.homepage-portal-fangames-list {
  list-style: none;
  margin: 0 !important;
   display: grid;
   display: grid;
   grid-template-columns: 1fr 1fr 1fr;
   grid-gap: 1rem;
   grid-gap: 30px 0;
   grid-template-areas:
    "welcome welcome welcome"
    "serie serie serie"
    "games games games"
    "autres autres theme"
    "anecdotes anecdotes presentation"
    "articleday articleday participation";
}
}
.homepage-portal-games-list {
/* Définition des zones */
   list-style: none;
.homepage-welcome {
   margin: 0 !important;
   grid-area: welcome;
   display: grid;
   background: linear-gradient(to bottom, #fff, var(--box-background-color));
   grid-template-columns: 1fr 1fr 1fr 1fr;
   border-bottom: solid 1px var(--border-color-base);
   grid-template-rows: 1fr 1fr;
}
   grid-gap: 30px 0;
.grande-annonce {
   grid-area: serie;
   border: 1px solid var(--border-color-base);
   box-shadow: var(--box-shadow);
}
}
.homepage-portal-games-item {
.homepage-portal-games {
   text-align: center;
   grid-area: games;
  font-size: 0.85em;
}
}
.homepage-portal-games-logo {
.homepage-portal-autres {
   height: 60px;
   grid-area: autres;
}
}
.homepage-presentation-title,
.homepage-portal-theme {
.homepage-participation-title,
  grid-area: theme;
.homepage-articleday-title,
}
.homepage-imageday-title {
.homepage-presentation {
   border-bottom: 1px solid var(--border-color-base);
   grid-area: presentation;
  margin-bottom: 20px;
}
   text-shadow: 0 0 8px var(--color-link);
.homepage-participation {
  color: var(--color-link);
   grid-area: participation;
}
}
.homepage-presentation-content,
.homepage-articleday {
.homepage-participation-content,
   grid-area: articleday;
.homepage-articleday-content,
.homepage-imageday-content {
   font-size: 0.85em;
}
}
 
.homepage-anecdotes {
/*
   grid-area: anecdotes;
    ---------------------------------------------------
    Cross classes
    ---------------------------------------------------
    Les classes ci-dessous sont utilisées par plusieurs
    modèles ou modules
    ---------------------------------------------------
*/
 
/* Pour créer des listes simples, souvent appelées
dans des modèles ou des tables */
.avt-simple-list {
  margin: 0 !important;
  list-style: none;
}
/* Séparateur <hr/> */
.separator {
   background-color: var(--border-color-base);
}
}
/* Boîte générique */
/* Boîte générique */
.avt-genericbox {
.homepage-box {
   border: 1px solid var(--border-color-base);
   border: 1px solid var(--border-color-base);
   background: var(--box-background-color);
   background: var(--box-background-color);
  box-shadow: var(--box-shadow);
  padding: 1rem;
}
}
 
.homepage-welcome-subtitle,
/*
.homepage-welcome-links,
    ---------------------------------------------------  
.homepage-portal-theme .homepage-box-content {
    Templates & Modules
  text-align: center;
    ---------------------------------------------------
}
    le style ci-dessous défini l'apparence des modèles
.homepage-welcome-fogen {
    et des modules.
   margin-bottom: 1rem;
    Les modèles doivent être rangés dans l'ordre
   text-align: center;
    alphabétique.
    ---------------------------------------------------
*/
 
/* ------------------------------ */
/* Modèle:Bandeau d'avertissement  */
/* ------------------------------ */
 
.avt-warn-banner {
   margin: 0.5em 90px;
  display: grid;
  grid-template-columns: max-content auto;
  gap: 8px;
  padding: 0 10px;
  border-style: solid;
  border-width: 1px 1px 1px 12px;
   background-color: var(--box-background-color);
}
}
.avt-warn-banner-header {
.homepage-welcome-title {
   font-weight: bold;
  text-align: center;
  font-size: 200%;
  margin: 0 50px 5px 50px;
  border-bottom: 1px solid var(--border-color-base);
  text-shadow: 0 0 3px var(--color-link);
  color: var(--color-link);
   font-weight: bold;
}
}
.avt-warn-banner-img {
.homepage-box-title {
   margin: auto;
  text-align: center;
  font-size: 150%;
  border-bottom: 1px solid var(--border-color-base);
   margin-bottom: 20px;
  text-shadow: 0 0 6px var(--color-link);
  color: var(--color-link);
}
}
.avt-warn-banner-text {
.homepage-portal-autres-list {
   padding: 5px;
   list-style: none;
  margin: 0 !important;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 30px 0;
}
}
.avt-warn-banner-desc,
.homepage-portal-games-list {
.avt-warn-banner-note {
  list-style: none;
   font-size: 0.8em;
   margin: 0 !important;
}
  display: grid;
/* Types de bandeau */
  grid-template-columns: 1fr 1fr 1fr 1fr;
.avt-warn-banner-maintenance {
  grid-template-rows: 1fr 1fr;
   border-color: var(--color-warning);
   grid-gap: 30px 0;
}
}
.avt-warn-banner-info {
.homepage-portal-games-item {
   border-color: #77ccff;
   text-align: center;
  font-size: 0.85em;
}
}
.avt-warn-banner-license {
.homepage-portal-games-logo {
   border-color: #c0c0ff;
   height: 60px;
}
}
 
.homepage-presentation-title,
/* ------------------------------ */
.homepage-participation-title,
/* Modèle:Bandeau de note        */
.homepage-articleday-title,
/* ------------------------------ */
.homepage-imageday-title {
 
   border-bottom: 1px solid var(--border-color-base);
.avt-note-banner {
   margin-bottom: 20px;
   margin-top: 0.5em;
   text-shadow: 0 0 8px var(--color-link);
  padding-left: 2em;
   color: var(--color-link);
   padding-bottom: 0.5em;
   margin-bottom: 0.5em;
  background: var(--background-main);
   font-style: italic;
  border-bottom: 1px solid var(--border-color-base);
  display: flex;
  align-items: center;
  gap: 10px;
}
}
.avt-note-banner + .avt-note-banner {
.homepage-presentation-content,
   margin-top: calc(-0.5em - 1.05px);
.homepage-participation-content,
.homepage-articleday-content,
.homepage-imageday-content {
   font-size: 0.85em;
}
}


/* ------------------------------ */
/*
/* Modèle:Bandeau de rubrique     */
    ---------------------------------------------------  
/* ------------------------------ */
     Cross classes
 
    ---------------------------------------------------  
.avt-section-banner {
    Les classes ci-dessous sont utilisées par plusieurs
  padding: 0.25em 0.5em;
    modèles ou modules
  border-top: 1px solid var(--border-color-base);
    ---------------------------------------------------
  border-bottom: 1px solid var(--border-color-base);
*/
  margin: 0.5em 0 0.5em 2em;
 
  background-color: var(--box-background-color);
/* Pour créer des listes simples, souvent appelées
  font-size: 0.9em;
dans des modèles ou des tables */
   overflow: hidden;
.avt-simple-list {
   display: flex;
   margin: 0 !important;
  align-items: center;
   list-style: none;
  gap: 10px;
}
}
 
/* Séparateur <hr/> */
/* ------------------------------ */
.separator {
/* Modèle:Bandeau de source      */
   background-color: var(--border-color-base);
/* ------------------------------ */
 
.avt-source-banner {
   margin: 0.5em 0;
  display: flex;
  gap: 8px;
  align-items: center;
}
}
.avt-source-banner-text {
/* Boîte générique */
  padding: 5px;
.avt-genericbox {
  font-size: 0.9em;
   border: 1px solid var(--border-color-base);
   border-top: 1px solid var(--border-color-base);
   background: var(--box-background-color);
   border-bottom: 1px solid var(--border-color-base);
}
}
/*
    ---------------------------------------------------
    Templates & Modules
    ---------------------------------------------------
    le style ci-dessous défini l'apparence des modèles
    et des modules.
    Les modèles doivent être rangés dans l'ordre
    alphabétique.
    ---------------------------------------------------
*/


/* ------------------------------ */
/* ------------------------------ */
/* Modèle:Boîte de contenu de jeu */
/* Modèle:Bandeau d'avertissement  */
/* ------------------------------ */
/* ------------------------------ */


.avt-content-game-box {
.avt-warn-banner {
   border: 1px solid var(--border-color-base);
   margin: 0.5em 90px;
   box-shadow: var(--box-shadow);
  display: grid;
   padding: 5px;
  grid-template-columns: max-content auto;
   margin: 0.5em 0;
   gap: 8px;
   font-size: 0.85em;
   padding: 0 10px;
   border-style: solid;
   border-width: 1px 1px 1px 12px;
   background-color: var(--box-background-color);
   background-color: var(--box-background-color);
  overflow: hidden;
}
}
.avt-content-game-box span.mw-collapsible-toggle {
.avt-warn-banner-header {
   float: right;
   font-weight: bold;
   padding: 0.25em 1em;
}
.avt-warn-banner-img {
   margin: auto;
}
}
#avt-content-game-box-title {
.avt-warn-banner-text {
   text-align: center;
  padding: 5px;
  border: 1px solid var(--border-color-base);
}
   background-color: var(--background-color-dp-02);
.avt-warn-banner-desc,
  padding: 3px;
.avt-warn-banner-note {
  padding: 0.25em 8em;
   font-size: 0.8em;
   font-weight: bold;
}
/* Types de bandeau */
.avt-warn-banner-maintenance {
   border-color: var(--color-warning);
}
.avt-warn-banner-info {
   border-color: #77ccff;
}
}
.avt-content-game-box-list {
.avt-warn-banner-license {
   margin: 0 !important;
   border-color: #c0c0ff;
  padding: 5px !important;
  list-style: none;
  column-count: 2;
  column-rule: 1px solid var(--border-color-base);
}
}


/* ------------------------------ */
/* ------------------------------ */
/* Modèle:Boîte déroulante        */
/* Modèle:Bandeau de note        */
/* ------------------------------ */
/* ------------------------------ */


.avt-dropdown-box {
.avt-note-banner {
   margin: 0.5em 0;
   margin-top: 0.5em;
   padding: 3px;
  padding-left: 2em;
   border: 1px solid var(--border-color-base);
  padding-bottom: 0.5em;
   overflow: auto;
  margin-bottom: 0.5em;
  background: var(--background-main);
   font-style: italic;
   border-bottom: 1px solid var(--border-color-base);
   display: flex;
  align-items: center;
  gap: 10px;
}
}
.avt-dropdown-box-title {
.avt-note-banner + .avt-note-banner {
   background-color: var(--background-color-dp-02);
   margin-top: calc(-0.5em - 1.05px);
  border: 1px solid var(--border-color-base);
  font-weight: bold;
  text-align: center;
}
}
.avt-dropdown-box-content {
 
   padding: 0 5px;
/* ------------------------------ */
}
/* Modèle:Bandeau de rubrique    */
.avt-dropdown-box .mw-collapsible-toggle {
/* ------------------------------ */
   padding-right: 0.5em;
 
.avt-section-banner {
   padding: 0.25em 0.5em;
  border-top: 1px solid var(--border-color-base);
  border-bottom: 1px solid var(--border-color-base);
  margin: 0.5em 0 0.5em 2em;
  background-color: var(--box-background-color);
   font-size: 0.9em;
  overflow: hidden;
  display: flex;
  align-items: center;
  gap: 10px;
}
}


/* ------------------------------ */
/* ------------------------------ */
/* Modèle:Citation                */
/* Modèle:Bandeau de source      */
/* ------------------------------ */
/* ------------------------------ */


.mw-body-content blockquote {
.avt-source-banner {
   border-left: none;
   margin: 0.5em 0;
  display: flex;
  gap: 8px;
  align-items: center;
}
}
blockquote {
.avt-source-banner-text {
   margin: 0 auto;
   padding: 5px;
}
   font-size: 0.9em;
q::before,
   border-top: 1px solid var(--border-color-base);
q::after {
   border-bottom: 1px solid var(--border-color-base);
   content: "";
}
blockquote small {
   margin-bottom: 10px;
   display: block;
  padding-left: 150px;
}
blockquote small,
q small {
  font-size: inherit;
}
blockquote .mediaContainer {
  display: inline-block;
}
}


/* ------------------------------ */
/* ------------------------------ */
/* Modèle:Citation ligne          */
/* Modèle:Boîte de contenu de jeu */
/* ------------------------------ */
/* ------------------------------ */


.np-quote-snd-trigger {
.avt-content-game-box {
  display: inline-block;
  position: relative;
  top: auto;
  left: auto;
  padding: 0px 2px;
}
.np-quote-snd-trigger:hover .np-quote-snd-player {
  display: block;
}
.np-quote-snd-player {
  display: none;
  position: absolute;
  top: -30px;
  left: 100%;
  z-index: 100 !important;
  width: 300px;
  overflow-x: hidden;
  margin: 0px;
  padding: 5px 10px 10px 10px;
   border: 1px solid var(--border-color-base);
   border: 1px solid var(--border-color-base);
   box-shadow: var(--box-shadow);
   box-shadow: var(--box-shadow);
  padding: 5px;
  margin: 0.5em 0;
  font-size: 0.85em;
   background-color: var(--box-background-color);
   background-color: var(--box-background-color);
   text-align: left;
   overflow: hidden;
  font-size: 0.85em;
}
}
.np-quote-snd-player-img {
.avt-content-game-box span.mw-collapsible-toggle {
   float: left;
   float: right;
   width: 55px;
   padding: 0.25em 1em;
}
}
.np-quote-snd-player-title {
#avt-content-game-box-title {
   width: 250px;
   text-align: center;
   height: 50px;
   border: 1px solid var(--border-color-base);
   display: table-cell;
   background-color: var(--background-color-dp-02);
   vertical-align: middle;
  padding: 3px;
   padding: 0.25em 8em;
  font-weight: bold;
}
}
.np-quote-snd-player-title span {
.avt-content-game-box-list {
   font-size: 18px;
   margin: 0 !important;
  padding: 5px !important;
  list-style: none;
  column-count: 2;
  column-rule: 1px solid var(--border-color-base);
}
}


/* ------------------------------ */
/* ------------------------------ */
/* Modèle:Documentation          */
/* Modèle:Boîte déroulante        */
/* ------------------------------ */
/* ------------------------------ */


.va-documentation,
.avt-dropdown-box {
.va-documentation-bar-top,
  margin: 0.5em 0;
.va-documentation-bar-bottom {
  padding: 3px;
   border-color: var(--border-color-base);
   border: 1px solid var(--border-color-base);
   border-style: solid;
   overflow: auto;
  clear: both;
}
}
.va-documentation {
.avt-dropdown-box-title {
  border-width: 1px;
  margin: 10px 0;
  box-shadow: var(--box-shadow);
  background: var(--box-background-color);
}
.va-documentation-bar-top,
.va-documentation-bar-bottom {
   background-color: var(--background-color-dp-02);
   background-color: var(--background-color-dp-02);
   margin: 0;
   border: 1px solid var(--border-color-base);
   padding: 10px;
   font-weight: bold;
  text-align: center;
}
}
.va-documentation-bar-top {
.avt-dropdown-box-content {
   border-width: 0 0 1px 0;
   padding: 0 5px;
}
}
.va-documentation-bar-bottom {
.avt-dropdown-box .mw-collapsible-toggle {
   border-width: 1px 0 0 0;
   padding-right: 0.5em;
  text-align: right;
}
}
.va-documentation-links {
 
   float: right;
/* ------------------------------ */
  text-align: right;
/* Modèle:Citation                */
/* ------------------------------ */
 
.mw-body-content blockquote {
   border-left: none;
}
}
.va-documentation-content {
blockquote {
   margin: 0;
   margin: 0 auto;
  padding: 20px;
}
}
.va-documentation-small {
q::before,
   font-size: 0.8em;
q::after {
   content: "";
}
}
.va-documentation-bar-top .external {
blockquote small {
   background: none !important;
  margin-bottom: 10px;
   padding: 0 !important;
  display: block;
}
  padding-left: 150px;
 
}
/* ---------------------------------- */
blockquote small,
/* Modèle:En-tête Aide                */
q small {
/* ---------------------------------- */
  font-size: inherit;
 
}
.avt-help-homepage-title {
blockquote .mediaContainer {
   color: var(--color-warning);
  display: inline-block;
   text-align: center;
}
}
 
.avt-help-header {
/* ------------------------------ */
   display: grid;
/* Modèle:Citation ligne          */
   gap: 10px;
/* ------------------------------ */
   grid-template-columns: 1fr 1fr;
 
   padding: 20px;
.np-quote-snd-trigger {
   border: 1px solid var(--border-color-base);
  display: inline-block;
   background-color: var(--box-background-color);
  position: relative;
   box-shadow: var(--box-shadow);
  top: auto;
   justify-items: center;
  left: auto;
   align-items: center;
  padding: 0px 2px;
   margin: 1em 0;
}
}
.np-quote-snd-trigger:hover .np-quote-snd-player {
 
  display: block;
/* ---------------------------------- */
}
/* Modèle:Fiche de créatur            */
.np-quote-snd-player {
/* ---------------------------------- */
  display: none;
 
  position: absolute;
.creature-card {
  top: -30px;
   margin: 1em 0 1em 0;
  left: 100%;
   display: grid;
  z-index: 100 !important;
   grid-template-columns: 3fr 2fr;
  width: 300px;
   padding: 1em;
  overflow-x: hidden;
   background-color: var(--box-background-color);
  margin: 0px;
   border: 1px solid var(--border-color-base);
  padding: 5px 10px 10px 10px;
   box-shadow: var(--box-shadow);
  border: 1px solid var(--border-color-base);
}
  box-shadow: var(--box-shadow);
.creature-card-description {
  background-color: var(--box-background-color);
  text-align: left;
  font-size: 0.85em;
}
.np-quote-snd-player-img {
  float: left;
  width: 55px;
}
.np-quote-snd-player-title {
  width: 250px;
  height: 50px;
  display: table-cell;
  vertical-align: middle;
}
.np-quote-snd-player-title span {
  font-size: 18px;
}
 
/* ------------------------------ */
/* Modèle:Documentation          */
/* ------------------------------ */
 
.va-documentation,
.va-documentation-bar-top,
.va-documentation-bar-bottom {
  border-color: var(--border-color-base);
  border-style: solid;
  clear: both;
}
.va-documentation {
  border-width: 1px;
  margin: 10px 0;
  box-shadow: var(--box-shadow);
  background: var(--box-background-color);
}
.va-documentation-bar-top,
.va-documentation-bar-bottom {
  background-color: var(--background-color-dp-02);
  margin: 0;
  padding: 10px;
}
.va-documentation-bar-top {
  border-width: 0 0 1px 0;
}
.va-documentation-bar-bottom {
  border-width: 1px 0 0 0;
  text-align: right;
}
.va-documentation-links {
  float: right;
  text-align: right;
}
.va-documentation-content {
  margin: 0;
  padding: 20px;
}
.va-documentation-small {
  font-size: 0.8em;
}
.va-documentation-bar-top .external {
   background: none !important;
   padding: 0 !important;
}
 
/* ---------------------------------- */
/* Modèle:En-tête Aide                */
/* ---------------------------------- */
 
.avt-help-frame {
  padding: 20px;
  border: 1px solid var(--border-color-base);
  background-color: var(--box-background-color);
  box-shadow: var(--box-shadow);
  margin-bottom: 1em;
}
.avt-help-welcome-title {
  text-align: center;
  font-size: 150%;
  margin: 0 50px 0.5em 50px;
  text-shadow: var(--box-shadow);
  color: #425b84;
  font-weight: bold;
}
.avt-help-search {
  display: grid;
  grid-template-columns: 1fr 1fr;
  justify-items: center;
  align-items: center;
}
.avt-help-rules-first-steps {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1em;
}
/* Partie à revoir */
.avt-help-homepage-title {
   color: var(--color-warning);
   text-align: center;
}
.avt-help-header {
   display: grid;
   gap: 10px;
   grid-template-columns: 1fr 1fr;
   padding: 20px;
   border: 1px solid var(--border-color-base);
   background-color: var(--box-background-color);
   box-shadow: var(--box-shadow);
   justify-items: center;
   align-items: center;
   margin: 1em 0;
}
 
/* ---------------------------------- */
/* Modèle:Fiche de créatur            */
/* ---------------------------------- */
 
.creature-card {
   margin: 1em 0 1em 0;
   display: grid;
   grid-template-columns: 3fr 2fr;
   padding: 1em;
   background-color: var(--box-background-color);
   border: 1px solid var(--border-color-base);
   box-shadow: var(--box-shadow);
}
.creature-card-description {
   padding-right: 1em;
   padding-right: 1em;
}
}
Ligne 1 624 : Ligne 1 892 :
   font-size: 0.8em;
   font-size: 0.8em;
   line-height: 1.6;
   line-height: 1.6;
}
/* ---------------------------------- */
/* Modèle:Référence Dialogue          */
/* ---------------------------------- */
.reference-dial {
  display: table;
}
.reference-dial-character {
  display: table-cell;
  text-align: right;
  white-space: nowrap;
}
.reference-dial-text {
  display: table-cell;
}
.reference-dial-row {
  display: table-row;
}
}


Récupérée de « https://fallout-wiki.com/Spécial:MobileDiff/137803...158572 »