Aller au contenu

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

MediaWiki:Vector.css (voir la source)

Version du 10 mars 2024 à 14:18

12 629 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
Aucun résumé des modifications
Aucun résumé des modifications
(158 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 19 : Ligne 29 :
   --background-color-dp-16: #edf5fa;
   --background-color-dp-16: #edf5fa;
   --background-color-dp-24: #f6fafc;
   --background-color-dp-24: #f6fafc;
   --background-img: no-repeat url(avt-main-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 #e9f2f9;
   --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.1);
  --color-link-visited: #3c88ff;
   --border-color-base: #f0f0f0;
}
}


Ligne 37 : Ligne 48 :
*/
*/


:root > .client-dark-mode {
: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-dark-mode a,
.client-darkmode .cdx-thumbnail__image, .client-darkmode #main-content img, .client-darkmode .cdx-thumbnail__image:hover {
.client-dark-mode #mw-panel .portal .body li a,
  filter: none
.client-dark-mode .toctogglelabel,
}
.client-dark-mode .mw-parser-output a.external,
.client-darkmode a,
.client-dark-mode .mw-parser-output a.extiw,
.client-darkmode .vector-main-menu-group .vector-menu-content li a,
.client-dark-mode .mw-parser-output a.extiw:active,
.client-darkmode .toctogglelabel,
.client-dark-mode .vector-menu-portal .vector-menu-content li a,
.client-darkmode .mw-parser-output a.external,
.vector-menu-tabs li a {
.client-darkmode .mw-parser-output a.extiw,
.client-darkmode .mw-parser-output a.extiw:active,
.client-darkmode .vector-menu-portal .vector-menu-content 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 .vector-pinnable-header-toggle-button,
.client-darkmode #pt-userpage-2 a,
.client-darkmode .vector-dropdown .mw-list-item a,
.client-darkmode .vector-menu-dropdown > .vector-menu-content .mw-list-item a {
   color: var(--color-link);
   color: var(--color-link);
}
}
.client-dark-mode a:visited,
.client-darkmode a:visited,
.client-dark-mode #mw-panel .portal .body li a:visited,
.client-darkmode .vector-main-menu-group .vector-menu-content li a:visited,
.client-dark-mode .vector-menu-portal .vector-menu-content li a:visited {
.client-darkmode .toctogglelabel:visited,
   color: var(--color-link-visited);
.client-darkmode .mw-parser-output a.external: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-tabs li a:visited,
.client-darkmode .sidebar-toc .sidebar-toc-link:visited,
.client-darkmode .vector-pinnable-header-toggle-button:visited,
.client-darkmode #pt-userpage-2 a:visited,
.client-darkmode .vector-dropdown .mw-list-item a:visited,
.client-darkmode .vector-menu-dropdown > .vector-menu-content .mw-list-item a:visited {
   color: var(--color-link);
}
}
.client-dark-mode .infobox,
.client-darkmode .infobox,
.client-dark-mode .toc,
.client-darkmode .toc,
.client-dark-mode .thumbinner,
.client-darkmode .thumbinner,
.client-dark-mode #simpleSearch,
.client-darkmode #simpleSearch,
.client-dark-mode #searchInput,
.client-darkmode #searchInput,
.client-dark-mode #searchButton,
.client-darkmode #searchButton,
.client-dark-mode #searchGoButton,
.client-darkmode #searchGoButton,
.client-dark-mode table,
.client-darkmode table,
.client-dark-mode table.toccolours,
.client-darkmode table.toccolours,
.client-dark-mode .wikitable,
.client-darkmode .wikitable,
.client-dark-mode .mw-notification {
.client-darkmode .mw-notification {
   background-color: var(--box-background-color);
   background-color: var(--box-background-color);
   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__tabs {
    border-color: #228922
  margin-bottom: 1em;
}
.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
}
.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) {
    border-color: #228922;
    box-shadow: inset 0 0 0 1px #228922
}
.client-darkmode .vector-pinnable-element .mw-list-item a {
color: #228922
}
.client-darkmode .vector-pinnable-element .mw-list-item a:not(.mw-selflink):visited, .vector-dropdown-content .mw-list-item a:not(.mw-selflink):visited {
    color: var(--color-link-visited);
}
.client-darkmode #mediauploader-steps li.head {
    color: var(--color-link);
    background-color: #ceefd4;
    font-weight: bold;
}
.client-darkmode fieldset {
    border: 1px solid #ffffff;
    margin: 1em 0 1em 0;
    padding: 0 1em 1em;
}
.client-darkmode :focus {
    outline-color: var(--color-link);
}
.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;
        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 {
    content: '';
    background-color: #228922;
    display: block;
    float: left;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    animation: rcfiltersBouncedelay 1600ms ease-in-out -160ms infinite both;
}
.client-darkmode .ve-init-mw-progressBarWidget {
    background-color: #fff;
    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-init-mw-progressBarWidget {
    background-color: #fff;
    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
}
.client-darkmode input:focus:not(:active) + .cdx-button.cdx-button--action-progressive {
    border-color: #228922;
    box-shadow: inset 0 0 0 1px #228922 inset 0 0 0 2px #ffffff
}
.client-darkmode .cdx-menu-item--enabled.cdx-menu-item--active {
    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);
}
.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 {
    color: var(--color-link)
}
.client-darkmode .mwe-popups .mwe-popups-extract {
     color: var(--color-link);
}
.client-darkmode .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus {
    border-color: var(--color-link);
    box-shadow: inset 0 0 0 1px var(--color-link)
}
.client-darkmode .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:focus {
    border-color: var(--color-link);
    box-shadow: inset 0 0 0 1px var(--color-link),inset 0 0 0 2px #fff;
    outline: 1px solid transparent
}
.client-darkmode .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input:focus {
    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)
}
.client-darkmode .ve-init-mw-progressBarWidget-bar {
    background-color: #228922;
    height: 0.875em;
}
}


/*
/*
     ---------------------------------------------------  
     ---------------------------------------------------  
     Vector override
     Legacy
     ---------------------------------------------------  
     ---------------------------------------------------  
     le style ci-dessous écrase les classes par défaut
     le style ci-dessous doit être maintenu tant         
     de l'habillage Vector.
    que les modèles associés sont encore utilisés.
     Ces classes doivent être supprimées.    
     ---------------------------------------------------
     ---------------------------------------------------
*/
*/


/* Fond principal */
/* Arrière-plan partagé */
body {
.va-infobox-title,.va-navbox-title{background-color:#383020;background-image:none;background:url(/skins/Vector/images/background/foggy.png)!important}
  background: var(--background-img);
 
  background-size: cover;
/* Modèle:Docparam */
  background-attachment: fixed;
.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}
}
/* Cadre central */
.mw-page-container {
  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 */
#mw-panel {
  background: var(--background-main);
}


/* ------------------------------ */
/* Modèle:Console */
/* MediaWiki:Sitenotice          */
.va-console{background-color:#cfc;color:#000;font-family:consolas;padding:2px}.va-console-cmd{color:#555}
/* ------------------------------ */


.avt-sitenotice {
/* Modèle:Introduction */
  border: 1px solid var(--border-color-base);
.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}
  background-color: var(--box-background-color);
 
  box-shadow: var(--box-shadow);
/* Modèle:Plus */
  padding: 5px;
.va-more{margin-top:.5em}.va-more-link{font-size:10px;line-height:15px}
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}


/* ----------------------- */
/* MediaWiki:Newarticle */
/* Galerie pages-listes    */
.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}
/* ----------------------- */


.avt-gallery-list-page {
/*
  text-align: center;
    ---------------------------------------------------
  margin: 0.3em 0 0 0 !important;
    Extension override
}
    ---------------------------------------------------
.avt-gallery-list-page li.gallerybox div.thumb {
    le style ci-dessous écrase les classes ajoutées
   border: none;
    par les extensions MediaWiki
  background-color: transparent;
    ---------------------------------------------------
*/
 
/* ------------------------------ */
/* Extension:TabberNeue          */
/* ------------------------------ */
 
.tabber__header {
   box-shadow: none;
}
}
.avt-gallery-list-page li.gallerybox div.thumb img {
.tabber__tabs {
   transition: transform 0.2s;
   margin-bottom: 1em;
}
.avt-gallery-list-page li.gallerybox div.thumb img:hover {
  transform: scale(1.5);
}
}


/* ----------------------- */
/*
/* Tables MediaWiki        */
    ---------------------------------------------------  
/* ----------------------- */
    Vector override
    ---------------------------------------------------
    le style ci-dessous écrase les classes par défaut
    de l'habillage Vector. 
    ---------------------------------------------------
*/


.wikitable,
/* Fond principal */
.mw-datatable,
body {
.mw_metadata {
   background: var(--background-img);
  box-shadow: var(--box-shadow);
   background-size: cover;
   background-color: var(--box-background-color);
   background-attachment: fixed;
   font-size: 12px;
   line-height: 16px;
  margin-bottom: 5px;
  font-family: sans-serif;
  overflow: auto;
  color: var(--color-base);
}
}
.mw-datatable tr:hover td {
/* Cadre central */
   background-color: var(--background-color-dp-04);
.mw-page-container {
   background: var(--background-main);
  border-left: 1px solid var(--border-color-base);
  border-right: 1px solid var(--border-color-base);
}
}
.wikitable > tr > td,
/* Cadre de la barre latéral gauche */
.wikitable > * > tr > td,
#vector-main-menu {
.wikitable > tr > th,
    margin-left: -14px;
.wikitable > * > tr > th,
    margin-top: 11px;
.mw-datatable > tr > td,
    padding: 6px 14px;
.mw-datatable > * > tr > td,
    background-color: #f8f9fa;
.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;
}
}
.wikitable > tr > th,
/* Barre latérale gauche + sommaire sticky */
.wikitable > * > tr > th,
.sidebar-toc,
.mw-datatable > tr > th,
.vector-toc-enabled .mw-sidebar {
.mw-datatable > * > tr > th,
   background-color: var(--background-main);
.mw_metadata > tr > th,
   border-width: 0px;
.mw_metadata > * > tr > th {
   background-color: var(--background-color-dp-02);
   font-weight: bold;
  text-align: center;
}
}
 
/* Cacher l'option permettant de switcher vers l'ancien Vector */
.mw-datatable td,
.vector-main-menu-action-opt-out {
.mw_metadata td {
   display: none;
   background-color: var(--box-background-color);
}
}


/* ----------------------- */
/* ---------------------------------- */
/* Tables personnalisées  */
/* Liens interwiki de langue          */
/* ----------------------- */
/* ---------------------------------- */


.avt-table-large {
.vector-dropdown .vector-menu-content-list {
  table-layout: fixed;
    list-style: none;
  width: 100%;
    margin: 0;
  word-break: break-word;
}
}
.va-table {
 
/* ------------------------------ */
/* MediaWiki:Sitenotice          */
/* ------------------------------ */
 
.avt-sitenotice {
  border: 1px solid var(--border-color-base);
  background-color: var(--box-background-color);
   box-shadow: var(--box-shadow);
   box-shadow: var(--box-shadow);
   background-color: var(--box-background-color);
   padding: 5px;
   border-collapse: collapse;
   display: flex;
   empty-cells: show;
   align-items: center;
   font-size: 12px;
   justify-content: center;
   line-height: 16px;
   gap: 10px;
  margin-bottom: 5px;
}
   font-family: sans-serif;
 
   overflow: auto;
/* ----------------------- */
/* Galerie pages-listes    */
/* ----------------------- */
 
.avt-gallery-list-page {
   text-align: center;
   margin: 0.3em 0 0 0 !important;
}
}
.va-table > tr > td,
.avt-gallery-list-page li.gallerybox div.thumb {
.va-table > * > tr > td,
   border: none;
.va-table > tr > th,
   background-color: transparent;
.va-table > * > tr > th {
   border: 1px solid var(--border-color-base);
   padding: 4px 8px;
}
}
.va-table > tr > th,
.avt-gallery-list-page li.gallerybox div.thumb img {
.va-table > * > tr > th {
   transition: transform 0.2s;
   background-color: var(--background-color-dp-02);
}
  font-weight: bold;
.avt-gallery-list-page li.gallerybox div.thumb img:hover {
   text-align: center;
   transform: scale(1.5);
}
}
/* Adapting lists & paragraphs */
 
.va-table ul,
/* ----------------------- */
.va-table ol,
/* Tables MediaWiki        */
.va-table p {
/* ----------------------- */
 
.wikitable,
.mw-datatable,
.mw_metadata {
  box-shadow: var(--box-shadow);
  background-color: var(--box-background-color);
  font-size: 12px;
   line-height: 16px;
   line-height: 16px;
   margin-bottom: 0;
   margin-bottom: 5px;
  font-family: sans-serif;
  overflow: auto;
  color: var(--color-base);
}
}
.va-table ul,
.mw-datatable tr:hover td {
.va-table ol {
   background-color: var(--background-color-dp-04);
   margin-left: 20px;
  margin-top: 0;
}
}
.va-table p,
.wikitable > tr > td,
.va-table * + ul,
.wikitable > * > tr > td,
.va-table * + ol {
.wikitable > tr > th,
   margin-top: 3px;
.wikitable > * > tr > th,
.mw-datatable > tr > td,
.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;
}
}
.va-table ul li,
.wikitable > tr > th,
.va-table ol li {
.wikitable > * > tr > th,
   margin-bottom: 0;
.mw-datatable > tr > th,
.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;
}
}
/* Highlighted rows */
 
.va-table > tr.va-table-highlight,
.mw-datatable td,
.va-table > * > tr.va-table-highlight,
.mw_metadata td {
.va-table > tr.va-table-highlight > th,
   background-color: var(--box-background-color);
.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 {
/* Tables personnalisées  */
   vertical-align: top;
/* ----------------------- */
}
 
.va-table-middle > tr > td,
.avt-table-large {
.va-table-middle > * > tr > td {
   table-layout: fixed;
   vertical-align: middle;
  width: 100%;
   word-break: break-word;
}
}
.va-table-bottom > tr > td,
.va-table {
.va-table-bottom > * > tr > td {
  box-shadow: var(--box-shadow);
   vertical-align: bottom;
  background-color: var(--box-background-color);
  border-collapse: collapse;
  empty-cells: show;
  font-size: 12px;
  line-height: 16px;
  margin-bottom: 5px;
   font-family: sans-serif;
  overflow: auto;
}
}
/* Tables with specific horizontal alignment for cells/columns */
.va-table > tr > td,
.va-table-center > tr > td,
.va-table > * > tr > td,
.va-table-center > * > tr > td,
.va-table > tr > th,
.va-table-center-col1 > * > tr > td:first-child,
.va-table > * > tr > th {
.va-table-center-col2 > * > tr > *:first-child + td,
  border: 1px solid var(--border-color-base);
.va-table-center-col3 > * > tr > *:first-child + * + td,
  padding: 4px 8px;
.va-table-center-col4 > * > tr > *:first-child + * + * + td,
}
.va-table-center-col5 > * > tr > *:first-child + * + * + * + td,
.va-table > tr > th,
.va-table-center-col6 > * > tr > *:first-child + * + * + * + * + td,
.va-table > * > tr > th {
.va-table-center-col7 > * > tr > *:first-child + * + * + * + * + * + td,
  background-color: var(--background-color-dp-02);
.va-table-center-col8 > * > tr > *:first-child + * + * + * + * + * + * + td,
  font-weight: bold;
.va-table-center-col9 > * > tr > *:first-child + * + * + * + * + * + * + * + td,
  text-align: center;
.va-table-center-col10
}
  > *
/* Adapting lists & paragraphs */
  > tr
.va-table ul,
  > *:first-child
.va-table ol,
  + *
.va-table p {
  + *
  line-height: 16px;
  + *
  margin-bottom: 0;
  + *
}
  + *
.va-table ul,
  + *
.va-table ol {
  + *
  margin-left: 20px;
  + *
  margin-top: 0;
  + td,
}
.va-table-center-col11
.va-table p,
  > *
.va-table * + ul,
  > tr
.va-table * + ol {
  > *:first-child
  margin-top: 3px;
  + *
}
  + *
.va-table ul li,
  + *
.va-table ol li {
  + *
  margin-bottom: 0;
  + *
}
  + *
/* Highlighted rows */
  + *
.va-table > tr.va-table-highlight,
  + *
.va-table > * > tr.va-table-highlight,
  + *
.va-table > tr.va-table-highlight > th,
  + td,
.va-table > * > tr.va-table-highlight > th {
.va-table-center-col12
  background-color: var(--background-color-dp-01);
   > *
}
   > tr
/* Tables with specific vertical alignment for cells */
   > *:first-child
.va-table-top > tr > td,
  + *
.va-table-top > * > tr > td {
  + *
  vertical-align: top;
}
.va-table-middle > tr > td,
.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 371 : Ligne 617 :
   + *
   + *
   + td,
   + td,
.va-table-center-col13
.va-table-center-col11
   > *
   > *
   > tr
   > tr
   > *:first-child
   > *:first-child
   + *
   + *
  + *
  + *
  + *
  + *
  + *
  + *
  + *
  + *
  + td,
.va-table-center-col12
  > *
  > tr
  > *:first-child
   + *
   + *
   + *
   + *
Ligne 387 : Ligne 646 :
   + *
   + *
   + td,
   + td,
.va-table-center-col14
.va-table-center-col13
   > *
   > *
   > tr
   > tr
   > *:first-child
   > *:first-child
  + *
   + *
   + *
   + *
   + *
Ligne 404 : Ligne 662 :
   + *
   + *
   + td,
   + td,
.va-table-center-col15
.va-table-center-col14
   > *
   > *
   > tr
   > tr
Ligne 419 : Ligne 677 :
   + *
   + *
   + *
   + *
  + *
  + td,
.va-table-center-col15
  > *
  > tr
  > *:first-child
   + *
   + *
   + *
   + *
   + td {
  + *
  + *
  + *
  + *
  + *
  + *
  + *
  + *
  + *
  + *
  + *
   + td {
   text-align: center;
   text-align: center;
}
}
Ligne 694 : Ligne 969 :
   grid-template-areas:
   grid-template-areas:
     "welcome welcome welcome"
     "welcome welcome welcome"
    "serie serie serie"
     "games games games"
     "games games games"
     "fangames fangames theme"
     "autres autres theme"
     "anecdotes anecdotes presentation"
     "anecdotes anecdotes presentation"
     "articleday articleday participation";
     "articleday articleday participation";
Ligne 704 : Ligne 980 :
   background: linear-gradient(to bottom, #fff, var(--box-background-color));
   background: linear-gradient(to bottom, #fff, var(--box-background-color));
   border-bottom: solid 1px var(--border-color-base);
   border-bottom: solid 1px var(--border-color-base);
}
.grande-annonce {
  grid-area: serie;
  border: 1px solid var(--border-color-base);
  box-shadow: var(--box-shadow);
}
}
.homepage-portal-games {
.homepage-portal-games {
   grid-area: games;
   grid-area: games;
}
}
.homepage-portal-fangames {
.homepage-portal-autres {
   grid-area: fangames;
   grid-area: autres;
}
}
.homepage-portal-theme {
.homepage-portal-theme {
Ligne 747 : Ligne 1 028 :
   margin: 0 50px 5px 50px;
   margin: 0 50px 5px 50px;
   border-bottom: 1px solid var(--border-color-base);
   border-bottom: 1px solid var(--border-color-base);
   text-shadow: 0 0 8px #829fce;
   text-shadow: 0 0 3px var(--color-link);
   color: #425b84;
   color: var(--color-link);
   font-weight: bold;
   font-weight: bold;
}
}
Ligne 756 : Ligne 1 037 :
   border-bottom: 1px solid var(--border-color-base);
   border-bottom: 1px solid var(--border-color-base);
   margin-bottom: 20px;
   margin-bottom: 20px;
   text-shadow: 0 0 8px #829fce;
   text-shadow: 0 0 6px var(--color-link);
   color: #425b84;
   color: var(--color-link);
}
}
.homepage-portal-fangames-list {
.homepage-portal-autres-list {
   list-style: none;
   list-style: none;
   margin: 0 !important;
   margin: 0 !important;
   display: grid;
   display: grid;
   grid-template-columns: 1fr 1fr;
   grid-template-columns: 1fr 1fr 1fr;
   grid-gap: 30px 0;
   grid-gap: 30px 0;
}
}
Ligne 969 : Ligne 1 250 :
}
}
.avt-dropdown-box-title {
.avt-dropdown-box-title {
  background-color: var(--background-color-dp-02);
  border: 1px solid var(--border-color-base);
  font-weight: bold;
   text-align: center;
   text-align: center;
  background-color: var(--background-color-dp-02);
}
}
.avt-dropdown-box-content {
.avt-dropdown-box-content {
Ligne 1 100 : Ligne 1 383 :
/* ---------------------------------- */
/* ---------------------------------- */


.avt-help-homepage-title {
.avt-help-frame {
   color: var(--color-warning);
  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;
   text-align: center;
}
}
Ligne 1 582 : 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;
}
}


Ligne 1 620 : Ligne 1 949 :
   background-color: var(--background-color-dp-02);
   background-color: var(--background-color-dp-02);
   padding: 3px;
   padding: 3px;
  font-weight: bold;
}
}
.artisanat-colonne-liste > ul {
.artisanat-colonne-liste > ul {
Récupérée de « https://fallout-wiki.com/Spécial:MobileDiff/113385...158572 »