Aller au contenu

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

MediaWiki:Vector.css (voir la source)

Version du 10 mars 2024 à 14:18

11 127 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
(146 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,
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 85 : Ligne 98 :
.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
}
.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
}
}
.tabber__tabs {
.client-darkmode .vector-pinnable-element .mw-list-item a:not(.mw-selflink):visited, .vector-dropdown-content .mw-list-item a:not(.mw-selflink):visited {
  margin-bottom: 1em;
    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;
  background-attachment: fixed;
}
/* 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 */
#vector-main-menu {
  background: var(--background-main);
}
/* Barre latérale gauche + sommaire sticky */
.sidebar-toc,
.vector-toc-enabled .mw-sidebar {
  background-color: var(--background-main);
  border-width: 0px;
}
/* Cacher l'option permettant de switcher vers l'ancien Vector */
.vector-main-menu-action-opt-out {
  display: none;
}


/* ------------------------------ */
/* Modèle:Docparam */
/* MediaWiki:Sitenotice          */
.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}
/* ------------------------------ */
 
/* Modèle:Console */
.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);
  padding: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}


/* ----------------------- */
/* Modèle:Plus */
/* Galerie pages-listes    */
.va-more{margin-top:.5em}.va-more-link{font-size:10px;line-height:15px}
/* ----------------------- */


.avt-gallery-list-page {
/* MediaWiki:Newarticle */
  text-align: center;
.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}
  margin: 0.3em 0 0 0 !important;
 
/*
    ---------------------------------------------------
    Extension override
    ---------------------------------------------------
    le style ci-dessous écrase les classes ajoutées
    par les extensions MediaWiki
    ---------------------------------------------------
*/
 
/* ------------------------------ */
/* Extension:TabberNeue          */
/* ------------------------------ */
 
.tabber__header {
  box-shadow: none;
}
}
.avt-gallery-list-page li.gallerybox div.thumb {
.tabber__tabs {
   border: none;
   margin-bottom: 1em;
  background-color: transparent;
}
.avt-gallery-list-page li.gallerybox div.thumb img {
  transition: transform 0.2s;
}
.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);
/* Cacher l'option permettant de switcher vers l'ancien Vector */
   font-weight: bold;
.vector-main-menu-action-opt-out {
   text-align: center;
   display: none;
}
}


.mw-datatable td,
/* ---------------------------------- */
.mw_metadata td {
/* Liens interwiki de langue          */
  background-color: var(--box-background-color);
/* ---------------------------------- */
 
.vector-dropdown .vector-menu-content-list {
    list-style: none;
    margin: 0;
}
}


/* ----------------------- */
/* ------------------------------ */
/* Tables personnalisées  */
/* MediaWiki:Sitenotice          */
/* ----------------------- */
/* ------------------------------ */


.avt-table-large {
.avt-sitenotice {
   table-layout: fixed;
   border: 1px solid var(--border-color-base);
   width: 100%;
   background-color: var(--box-background-color);
  word-break: break-word;
}
.va-table {
   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;
}
}
.va-table > tr > td,
 
.va-table > * > tr > td,
/* ----------------------- */
.va-table > tr > th,
/* Galerie pages-listes    */
.va-table > * > tr > th {
/* ----------------------- */
  border: 1px solid var(--border-color-base);
 
  padding: 4px 8px;
.avt-gallery-list-page {
}
.va-table > tr > th,
.va-table > * > tr > th {
  background-color: var(--background-color-dp-02);
  font-weight: bold;
   text-align: center;
   text-align: center;
  margin: 0.3em 0 0 0 !important;
}
}
/* Adapting lists & paragraphs */
.avt-gallery-list-page li.gallerybox div.thumb {
.va-table ul,
   border: none;
.va-table ol,
   background-color: transparent;
.va-table p {
   line-height: 16px;
   margin-bottom: 0;
}
}
.va-table ul,
.avt-gallery-list-page li.gallerybox div.thumb img {
.va-table ol {
   transition: transform 0.2s;
   margin-left: 20px;
  margin-top: 0;
}
}
.va-table p,
.avt-gallery-list-page li.gallerybox div.thumb img:hover {
.va-table * + ul,
  transform: scale(1.5);
.va-table * + ol {
}
   margin-top: 3px;
 
/* ----------------------- */
/* 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);
}
}
.va-table ul li,
.mw-datatable tr:hover td {
.va-table ol li {
   background-color: var(--background-color-dp-04);
   margin-bottom: 0;
}
}
/* Highlighted rows */
.wikitable > tr > td,
.va-table > tr.va-table-highlight,
.wikitable > * > tr > td,
.va-table > * > tr.va-table-highlight,
.wikitable > tr > th,
.va-table > tr.va-table-highlight > th,
.wikitable > * > tr > th,
.va-table > * > tr.va-table-highlight > th {
.mw-datatable > tr > td,
   background-color: var(--background-color-dp-01);
.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;
}
}
/* Tables with specific vertical alignment for cells */
.wikitable > tr > th,
.va-table-top > tr > td,
.wikitable > * > tr > th,
.va-table-top > * > tr > td {
.mw-datatable > tr > th,
  vertical-align: top;
.mw-datatable > * > tr > th,
}
.mw_metadata > tr > th,
.va-table-middle > tr > td,
.mw_metadata > * > tr > th {
.va-table-middle > * > tr > td {
   background-color: var(--background-color-dp-02);
   vertical-align: middle;
  font-weight: bold;
  text-align: center;
}
}
.va-table-bottom > tr > td,
 
.va-table-bottom > * > tr > td {
.mw-datatable td,
   vertical-align: bottom;
.mw_metadata td {
   background-color: var(--box-background-color);
}
}
/* Tables with specific horizontal alignment for cells/columns */
 
.va-table-center > tr > td,
/* ----------------------- */
.va-table-center > * > tr > td,
/* Tables personnalisées  */
.va-table-center-col1 > * > tr > td:first-child,
/* ----------------------- */
.va-table-center-col2 > * > tr > *:first-child + td,
 
.va-table-center-col3 > * > tr > *:first-child + * + td,
.avt-table-large {
.va-table-center-col4 > * > tr > *:first-child + * + * + td,
  table-layout: fixed;
.va-table-center-col5 > * > tr > *:first-child + * + * + * + td,
  width: 100%;
.va-table-center-col6 > * > tr > *:first-child + * + * + * + * + td,
  word-break: break-word;
.va-table-center-col7 > * > tr > *:first-child + * + * + * + * + * + td,
}
.va-table-center-col8 > * > tr > *:first-child + * + * + * + * + * + * + td,
.va-table {
.va-table-center-col9 > * > tr > *:first-child + * + * + * + * + * + * + * + td,
  box-shadow: var(--box-shadow);
.va-table-center-col10
  background-color: var(--box-background-color);
  > *
  border-collapse: collapse;
  > tr
  empty-cells: show;
  > *:first-child
  font-size: 12px;
  + *
  line-height: 16px;
  + *
  margin-bottom: 5px;
  + *
  font-family: sans-serif;
  + *
  overflow: auto;
  + *
}
  + *
.va-table > tr > td,
  + *
.va-table > * > tr > td,
  + *
.va-table > tr > th,
  + td,
.va-table > * > tr > th {
.va-table-center-col11
  border: 1px solid var(--border-color-base);
  > *
  padding: 4px 8px;
  > tr
}
  > *:first-child
.va-table > tr > th,
  + *
.va-table > * > tr > th {
  + *
  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 {
  + td,
  line-height: 16px;
.va-table-center-col12
  margin-bottom: 0;
  > *
}
  > tr
.va-table ul,
  > *:first-child
.va-table ol {
  + *
  margin-left: 20px;
  + *
  margin-top: 0;
  + *
}
  + *
.va-table p,
  + *
.va-table * + ul,
  + *
.va-table * + ol {
  + *
  margin-top: 3px;
  + *
}
  + *
.va-table ul li,
  + *
.va-table ol li {
  + td,
  margin-bottom: 0;
.va-table-center-col13
}
   > *
/* Highlighted rows */
   > tr
.va-table > tr.va-table-highlight,
   > *:first-child
.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,
.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 421 : Ligne 617 :
   + *
   + *
   + td,
   + td,
.va-table-center-col14
.va-table-center-col11
   > *
   > *
   > tr
   > tr
   > *:first-child
   > *:first-child
  + *
  + *
  + *
   + *
   + *
   + *
   + *
Ligne 438 : Ligne 631 :
   + *
   + *
   + td,
   + td,
.va-table-center-col15
.va-table-center-col12
   > *
   > *
   > tr
   > tr
Ligne 452 : Ligne 645 :
   + *
   + *
   + *
   + *
  + *
   + td,
  + *
.va-table-center-col13
  + *
   + 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
   > tr
Ligne 475 : Ligne 652 :
   + *
   + *
   + *
   + *
  + *
  + *
  + *
  + *
  + *
  + *
  + td,
.va-table-left-col11
  > *
  > tr
  > *:first-child
   + *
   + *
   + *
   + *
Ligne 496 : Ligne 662 :
   + *
   + *
   + td,
   + td,
.va-table-left-col12
.va-table-center-col14
   > *
   > *
   > tr
   > tr
   > *:first-child
   > *:first-child
  + *
  + *
   + *
   + *
   + *
   + *
Ligne 511 : Ligne 679 :
   + *
   + *
   + td,
   + td,
.va-table-left-col13
.va-table-center-col15
   > *
   > *
   > tr
   > tr
Ligne 523 : Ligne 691 :
   + *
   + *
   + *
   + *
  + *
  + *
  + *
  + td,
.va-table-left-col14
  > *
  > 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 544 : Ligne 723 :
   + *
   + *
   + td,
   + td,
.va-table-left-col15
.va-table-left-col11
   > *
   > *
   > tr
   > tr
Ligne 554 : Ligne 733 :
   + *
   + *
   + *
   + *
  + *
  + *
  + *
  + td,
.va-table-left-col12
  > *
  > tr
  > *:first-child
   + *
   + *
   + *
   + *
Ligne 561 : Ligne 748 :
   + *
   + *
   + *
   + *
   + td {
   + *
   text-align: left;
   + *
}
  + *
.va-table-right > tr > td,
  + td,
.va-table-right > * > tr > td,
.va-table-left-col13
.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
   > *:first-child
   > *:first-child
  + *
  + *
  + *
   + *
   + *
   + *
   + *
Ligne 588 : Ligne 768 :
   + *
   + *
   + td,
   + td,
.va-table-right-col11
.va-table-left-col14
   > *
   > *
   > tr
   > tr
   > *:first-child
   > *:first-child
  + *
  + *
  + *
   + *
   + *
   + *
   + *
Ligne 602 : Ligne 785 :
   + *
   + *
   + td,
   + td,
.va-table-right-col12
.va-table-left-col15
   > *
   > *
   > tr
   > tr
Ligne 616 : Ligne 799 :
   + *
   + *
   + *
   + *
   + td,
   + *
.va-table-right-col13
  + *
  + *
  + td {
  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
   > *:first-child
   > *:first-child
  + *
  + *
  + *
   + *
   + *
   + *
   + *
Ligne 633 : Ligne 829 :
   + *
   + *
   + td,
   + td,
.va-table-right-col14
.va-table-right-col11
   > *
   > *
   > tr
   > tr
   > *:first-child
   > *:first-child
  + *
  + *
  + *
   + *
   + *
   + *
   + *
Ligne 650 : Ligne 843 :
   + *
   + *
   + td,
   + td,
.va-table-right-col15
.va-table-right-col12
   > *
   > *
   > tr
   > tr
Ligne 656 : Ligne 849 :
   + *
   + *
   + *
   + *
  + *
  + *
  + *
  + *
  + *
  + *
  + *
  + *
  + td,
.va-table-right-col13
  > *
  > tr
  > *:first-child
   + *
   + *
   + *
   + *
Ligne 667 : Ligne 873 :
   + *
   + *
   + *
   + *
   + td {
   + td,
  text-align: right;
.va-table-right-col14
}
  > *
/* Tables which are full width */
  > tr
.va-table-full {
  > *:first-child
   width: 100%;
  + *
}
  + *
/* Tables which leave enough space for an infobox on the right */
   + *
.va-table-full-infobox {
  + *
   width: 100%; /*960px;*/
  + *
}
  + *
/* Tables which are floated */
  + *
.va-table-float-left {
   + *
   clear: left;
  + *
   float: left;
  + *
   margin: 0 10px 10px 0;
  + *
}
  + *
.va-table-float-right {
  + td,
   clear: right;
.va-table-right-col15
   float: right;
  > *
   margin: 0 0 10px 10px;
  > tr
}
   > *:first-child
/* 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 {
   text-align: right;
}
}
 
/* Tables which are full width */
/*
.va-table-full {
  width: 100%;
}
/* Tables which leave enough space for an infobox on the right */
.va-table-full-infobox {
  width: 100%; /*960px;*/
}
/* Tables which are floated */
.va-table-float-left {
  clear: left;
  float: left;
  margin: 0 10px 10px 0;
}
.va-table-float-right {
  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;
}
 
/*
     ---------------------------------------------------  
     ---------------------------------------------------  
     Portals
     Portals
Ligne 728 : Ligne 969 :
   grid-template-areas:
   grid-template-areas:
     "welcome welcome welcome"
     "welcome welcome welcome"
     "anniv anniv anniv"
     "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 740 : Ligne 981 :
   border-bottom: solid 1px var(--border-color-base);
   border-bottom: solid 1px var(--border-color-base);
}
}
.homepage-25e {
.grande-annonce {
   grid-area: anniv;
   grid-area: serie;
   border: 1px solid var(--border-color-base);
   border: 1px solid var(--border-color-base);
   box-shadow: var(--box-shadow);
   box-shadow: var(--box-shadow);
Ligne 748 : Ligne 989 :
   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 787 : 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 796 : 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;
Ligne 1 142 : Ligne 1 383 :
/* ---------------------------------- */
/* ---------------------------------- */


.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 {
.avt-help-homepage-title {
   color: var(--color-warning);
   color: var(--color-warning);
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/137804...158572 »