62 734
modifications
Kims (discussion | contributions) Bureaucrate, commentadmin, emailconfirmed, flow-bot, Administrateurs d’interface, Modérateurs, staff, Masqueurs de modifications, Administrateur 45 246 modifications Aucun résumé des modifications |
m Corrige un problème de flottement du bouton de masquage dans les palettes et les infobox |
||
(296 versions intermédiaires par 3 utilisateurs non affichées) | |||
Ligne 1 : | Ligne 1 : | ||
/* | /* | ||
--------------------------------------------------- | |||
Variables | |||
--------------------------------------------------- | |||
Ces variables définissent les couleurs utilisés par | |||
le wiki. | |||
--------------------------------------------------- | |||
*/ | |||
:root { | |||
/* | --background-color-dp-00: #a9ceea; | ||
--background-color-dp-01: #b1d2ec; | |||
--background-color-dp-02: #bad7ee; | |||
--background-color-dp-03: #c2dcf0; | |||
--background-color-dp-04: #cbe1f2; | |||
--background-color-dp-06: #d4e6f4; | |||
--background-color-dp-08: #dcebf6; | |||
--background-color-dp-12: #e5f0f8; | |||
--background-color-dp-16: #edf5fa; | |||
--background-color-dp-24: #f6fafc; | |||
--background-img: no-repeat url(avt-main-fotv-background.jpg); | |||
--background-main: #fff; | |||
--box-background-color: #ffffff00; | |||
--box-shadow: 0 0 10px #a9ceea; | |||
--color-base: black; | |||
--color-warning: #ffcc33; | |||
--color-link: #0645ad; | |||
--color-link-visited: #3c88ff; | |||
--border-color-base: #f0f0f0; | |||
} | |||
/* | |||
--------------------------------------------------- | |||
Mode sombre | |||
--------------------------------------------------- | |||
Partie régissant le mode sombre | |||
--------------------------------------------------- | |||
*/ | |||
:root.client-darkmode { | |||
--background-color-dp-00: #03100000; | |||
--background-color-dp-01: #040d02; | |||
top: - | --background-color-dp-02: #e5f4e0; | ||
--background-color-dp-03: #d4eccc; | |||
--background-color-dp-04: #d4eccc; | |||
--background-color-dp-06: #d4eccc; | |||
--background-color-dp-08: #102f07; | |||
--background-color-dp-12: #133608; | |||
--background-color-dp-16: #153d09; | |||
--background-color-dp-24: #18440b; | |||
--background-img: no-repeat url(avt-main-fotv-background.jpg); | |||
--background-main: #fff; | |||
--box-background-color: #ffffff00; | |||
--box-shadow: 0 0 10px #f1fff2; | |||
--color-base: black; | |||
--color-warning: #ffcc33; | |||
--color-link: green; | |||
--color-link-visited: #0D590D; | |||
--border-color-base: #e6e6e6; | |||
} | |||
.client-darkmode .cdx-thumbnail__image, .client-darkmode #main-content img, .client-darkmode .cdx-thumbnail__image:hover { | |||
filter: none | |||
} | |||
.client-darkmode a, | |||
.client-darkmode .vector-main-menu-group .vector-menu-content li a, | |||
.client-darkmode .toctogglelabel, | |||
.client-darkmode .mw-parser-output a.external, | |||
.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); | |||
} | |||
.client-darkmode a:visited, | |||
.client-darkmode .vector-main-menu-group .vector-menu-content li a:visited, | |||
.client-darkmode .toctogglelabel: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-darkmode .infobox, | |||
.client-darkmode .toc, | |||
.client-darkmode .thumbinner, | |||
.client-darkmode #simpleSearch, | |||
.client-darkmode #searchInput, | |||
.client-darkmode #searchButton, | |||
.client-darkmode #searchGoButton, | |||
.client-darkmode table, | |||
.client-darkmode table.toccolours, | |||
.client-darkmode .wikitable, | |||
.client-darkmode .mw-notification { | |||
background-color: var(--box-background-color); | |||
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; | |||
border-color: #2cb22c; | |||
border-top-color: #2cb22c; | |||
border-right-color: #2cb22c; | |||
border-bottom-color: #2cb22c; | |||
border-left-color: #2cb22c; | |||
} | |||
.client-darkmode .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:focus + span { | |||
border-color: #228922; | |||
box-shadow: inset 0 0 0 1px #228922; | |||
outline: 1px solid transparent | |||
} | |||
.client-darkmode .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:hover + span { | |||
border-color: #228922 | |||
} | |||
.client-darkmode .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:active + span { | |||
background-color: #228922; | |||
border-color: #228922; | |||
box-shadow: inset 0 0 0 1px #228922 | |||
} | |||
.client-darkmode .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked + span,.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate + span { | |||
background-color: #228922; | |||
border-color: #228922 | |||
} | |||
.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 { | |||
background-color: #228922; | |||
border-color: #228922; | |||
box-shadow: inset 0 0 0 1px #228922,inset 0 0 0 2px #fff | |||
} | |||
.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; | |||
border-color: #228922 | |||
} | |||
.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 | |||
} | |||
.client-darkmode .oo-ui-radioInputWidget [type='radio']:disabled + span { | |||
background-color: #228922; | |||
border-color: #228922 | |||
} | |||
.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; | ||
background- | 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; | |||
border | |||
} | } | ||
.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; | |||
border | |||
} | } | ||
.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; | |||
background | |||
} | } | ||
.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; | |||
background- | 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; | |||
#mw- | box-shadow: inset 0 0 0 1px #228922 | ||
background- | } | ||
.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; | |||
border | 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; | |||
border: 1px solid # | 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; | overflow: hidden; | ||
} | } | ||
.client-darkmode input:active + .cdx-button.cdx-button--action-progressive { | |||
background-color: #60ea60; | |||
# | color: #ffffff; | ||
color: # | 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 | |||
.oo-ui- | |||
. | |||
} | } | ||
.client-darkmode .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input:focus { | |||
.oo-ui- | 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) | ||
.oo-ui- | |||
} | } | ||
.client-darkmode .ve-init-mw-progressBarWidget-bar { | |||
background-color: #228922; | |||
background-color: # | height: 0.875em; | ||
} | } | ||
/* | /* | ||
--------------------------------------------------- | |||
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 */ | |||
.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} | |||
/* | /* 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} | |||
} | |||
/* | /* Modèle:Plus */ | ||
.va-more{margin-top:.5em}.va-more-link{font-size:10px;line-height:15px} | |||
} | |||
/* | /* MediaWiki:Newarticle */ | ||
.mw- | .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} | ||
} | |||
/* | |||
--------------------------------------------------- | |||
Extension override | |||
--------------------------------------------------- | |||
le style ci-dessous écrase les classes ajoutées | |||
par les extensions MediaWiki | |||
--------------------------------------------------- | |||
*/ | |||
/* | /* ------------------------------ */ | ||
/* | /* Extension:TabberNeue */ | ||
/* | /* ------------------------------ */ | ||
.tabber__header { | |||
box-shadow: none; | |||
} | |||
.tabber__tabs { | |||
margin-bottom: 1em; | |||
} | } | ||
/* | /* | ||
--------------------------------------------------- | |||
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 */ | |||
.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 { | |||
margin-left: -14px; | |||
margin-top: 11px; | |||
padding: 6px 14px; | |||
background-color: #f8f9fa; | |||
} | } | ||
/* 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; | |||
} | |||
/* ---------------------------------- */ | |||
/* Liens interwiki de langue */ | |||
/* ---------------------------------- */ | |||
.vector-dropdown .vector-menu-content-list { | |||
list-style: none; | |||
margin: 0; | |||
} | } | ||
/* | /* ------------------------------ */ | ||
/* | /* 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; | |||
} | } | ||
/* | /* ----------------------- */ | ||
/* | /* 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; | |||
} | |||
.avt-gallery-list-page li.gallerybox div.thumb img:hover { | |||
transform: scale(1.5); | |||
} | } | ||
/* | /* ----------------------- */ | ||
/* | /* 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 { | |||
background-color: var(--background-color-dp-04); | |||
} | |||
.wikitable > tr > td, | |||
.wikitable > * > tr > td, | |||
.wikitable > tr > th, | |||
.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; | |||
} | } | ||
.wikitable > tr > th, | |||
.wikitable > * > tr > th, | |||
. | .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; | |||
} | } | ||
. | .mw-datatable td, | ||
.mw_metadata td { | |||
background-color: var(--box-background-color); | |||
} | } | ||
/* | /* ----------------------- */ | ||
/* | /* Tables personnalisées */ | ||
/* | /* ----------------------- */ | ||
. | .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; | |||
line-height: 16px; | |||
margin-bottom: 5px; | |||
font-family: sans-serif; | |||
overflow: auto; | |||
} | |||
.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; | |||
} | |||
/* Adapting lists & paragraphs */ | |||
.va-table ul, | |||
.va-table ol, | |||
.va-table p { | |||
line-height: 16px; | |||
margin-bottom: 0; | |||
} | |||
.va-table ul, | |||
.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 { | |||
margin-bottom: 0; | |||
} | |||
/* 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, | |||
.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 | |||
+ * | |||
+ * | |||
+ * | |||
+ * | |||
+ * | |||
+ * | |||
+ * | |||
+ * | |||
+ td, | |||
.va-table-center-col11 | |||
> * | |||
> tr | |||
> *:first-child | |||
+ * | |||
+ * | |||
+ * | |||
+ * | |||
+ * | |||
+ * | |||
+ * | |||
+ * | |||
+ * | |||
+ td, | |||
.va-table-center-col12 | |||
> * | |||
> tr | |||
> *:first-child | |||
+ * | |||
+ * | |||
+ * | |||
+ * | |||
+ * | |||
+ * | |||
+ * | |||
+ * | |||
+ * | |||
+ * | |||
+ td, | |||
.va-table-center-col13 | |||
> * | |||
> tr | |||
> *:first-child | |||
+ * | |||
+ * | |||
+ * | |||
+ * | |||
+ * | |||
+ * | |||
+ * | |||
+ * | |||
+ * | |||
+ * | |||
+ * | |||
+ td, | |||
.va-table-center-col14 | |||
> * | |||
> tr | |||
> *:first-child | |||
+ * | |||
+ * | |||
+ * | |||
+ * | |||
+ * | |||
+ * | |||
+ * | |||
+ * | |||
+ * | |||
+ * | |||
+ * | |||
+ * | |||
+ td, | |||
.va-table-center-col15 | |||
> * | |||
> 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 | |||
+ * | |||
+ * | |||
+ * | |||
+ * | |||
+ * | |||
+ * | |||
+ * | |||
+ * | |||
+ td, | |||
.va-table-left-col11 | |||
> * | |||
> tr | |||
> *:first-child | |||
+ * | |||
+ * | |||
+ * | |||
+ * | |||
+ * | |||
+ * | |||
+ * | |||
+ * | |||
+ * | |||
+ td, | |||
.va-table-left-col12 | |||
> * | |||
> tr | |||
> *:first-child | |||
+ * | |||
+ * | |||
+ * | |||
+ * | |||
+ * | |||
+ * | |||
+ * | |||
+ * | |||
+ * | |||
+ * | |||
+ td, | |||
.va-table-left-col13 | |||
> * | |||
> tr | |||
> *:first-child | |||
+ * | |||
+ * | |||
+ * | |||
+ * | |||
+ * | |||
+ * | |||
+ * | |||
+ * | |||
+ * | |||
+ * | |||
+ * | |||
+ td, | |||
.va-table-left-col14 | |||
> * | |||
> tr | |||
> *:first-child | |||
+ * | |||
+ * | |||
+ * | |||
+ * | |||
+ * | |||
+ * | |||
+ * | |||
+ * | |||
+ * | |||
+ * | |||
+ * | |||
+ * | |||
+ td, | |||
.va-table-left-col15 | |||
> * | |||
> tr | |||
> *:first-child | |||
+ * | |||
+ * | |||
+ * | |||
+ * | |||
+ * | |||
+ * | |||
+ * | |||
+ * | |||
+ * | |||
+ * | |||
+ * | |||
+ * | |||
+ * | |||
+ 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 | |||
> *:first-child | |||
+ * | |||
+ * | |||
+ * | |||
+ * | |||
+ * | |||
+ * | |||
+ * | |||
+ * | |||
+ td, | |||
.va-table-right-col11 | |||
> * | |||
> tr | |||
> *:first-child | |||
+ * | |||
+ * | |||
+ * | |||
+ * | |||
+ * | |||
+ * | |||
+ * | |||
+ * | |||
+ * | |||
+ td, | |||
.va-table-right-col12 | |||
> * | |||
> tr | |||
> *:first-child | |||
+ * | |||
+ * | |||
+ * | |||
+ * | |||
+ * | |||
+ * | |||
+ * | |||
+ * | |||
+ * | |||
+ * | |||
+ td, | |||
.va-table-right-col13 | |||
> * | |||
> tr | |||
> *:first-child | |||
+ * | |||
+ * | |||
+ * | |||
+ * | |||
+ * | |||
+ * | |||
+ * | |||
+ * | |||
+ * | |||
+ * | |||
+ * | |||
+ td, | |||
.va-table-right-col14 | |||
> * | |||
> tr | |||
> *:first-child | |||
+ * | |||
+ * | |||
+ * | |||
+ * | |||
+ * | |||
+ * | |||
+ * | |||
+ * | |||
+ * | |||
+ * | |||
+ * | |||
+ * | |||
+ td, | |||
.va-table-right-col15 | |||
> * | |||
> tr | |||
> *:first-child | |||
+ * | |||
+ * | |||
+ * | |||
+ * | |||
+ * | |||
+ * | |||
+ * | |||
+ * | |||
+ * | |||
+ * | |||
+ * | |||
+ * | |||
+ * | |||
+ 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 | |||
--------------------------------------------------- | |||
Les classes ci-dessous sont utilisées par les | |||
portails. | |||
--------------------------------------------------- | |||
*/ | |||
# | /* On cache le titre des portails */ | ||
border: 1px solid | 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, | |||
.action-view.page-Portail_Fallout_-_Série_télévisée #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 */ | |||
.homepage { | |||
display: grid; | |||
grid-gap: 1rem; | |||
grid-template-areas: | |||
"welcome welcome welcome" | |||
"serie serie serie" | |||
"games games games" | |||
"autres autres 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); | |||
} | |||
.grande-annonce { | |||
grid-area: serie; | |||
border: 1px solid var(--border-color-base); | |||
box-shadow: var(--box-shadow); | |||
} | |||
.homepage-portal-games { | |||
grid-area: games; | |||
} | |||
.homepage-portal-autres { | |||
grid-area: autres; | |||
} | |||
.homepage-portal-theme { | |||
grid-area: theme; | |||
} | |||
.homepage-presentation { | |||
grid-area: presentation; | |||
} | |||
.homepage-participation { | |||
grid-area: participation; | |||
} | |||
.homepage-articleday { | |||
grid-area: articleday; | |||
} | |||
.homepage-anecdotes { | |||
grid-area: anecdotes; | |||
} | |||
/* Boîte générique */ | |||
.homepage-box { | |||
border: 1px solid var(--border-color-base); | |||
background: var(--box-background-color); | |||
box-shadow: var(--box-shadow); | |||
padding: 1rem; | |||
} | |||
.homepage-welcome-subtitle, | |||
.homepage-welcome-links, | |||
.homepage-portal-theme .homepage-box-content { | |||
text-align: center; | |||
} | |||
.homepage-welcome-fogen { | |||
margin-bottom: 1rem; | |||
text-align: center; | |||
} | |||
.homepage-welcome-title { | |||
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; | |||
} | |||
.homepage-box-title { | |||
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); | |||
} | |||
.homepage-portal-autres-list { | |||
list-style: none; | |||
margin: 0 !important; | |||
display: grid; | |||
grid-template-columns: 1fr 1fr 1fr; | |||
grid-gap: 30px 0; | |||
} | |||
.homepage-portal-games-list { | |||
list-style: none; | |||
margin: 0 !important; | |||
display: grid; | |||
grid-template-columns: 1fr 1fr 1fr 1fr; | |||
grid-template-rows: 1fr 1fr; | |||
grid-gap: 30px 0; | |||
} | |||
.homepage-portal-games-item { | |||
text-align: center; | |||
font-size: 0.85em; | |||
} | |||
.homepage-portal-games-logo { | |||
height: 60px; | |||
} | |||
.homepage-presentation-title, | |||
.homepage-participation-title, | |||
.homepage-articleday-title, | |||
.homepage-imageday-title { | |||
border-bottom: 1px solid var(--border-color-base); | |||
margin-bottom: 20px; | |||
text-shadow: 0 0 8px var(--color-link); | |||
color: var(--color-link); | |||
} | |||
.homepage-presentation-content, | |||
.homepage-participation-content, | |||
.homepage-articleday-content, | |||
.homepage-imageday-content { | |||
font-size: 0.85em; | |||
} | } | ||
/* | /* | ||
--------------------------------------------------- | |||
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 */ | |||
.avt-genericbox { | |||
border: 1px solid var(--border-color-base); | |||
background: var(--box-background-color); | |||
} | } | ||
/* | |||
--------------------------------------------------- | |||
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: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 { | |||
/* | font-weight: bold; | ||
} | |||
.avt-warn-banner-img { | |||
margin: auto; | |||
} | |||
.avt-warn-banner-text { | |||
padding: 5px; | |||
} | |||
.avt-warn-banner-desc, | |||
.avt-warn-banner-note { | |||
font-size: 0.8em; | |||
} | |||
/* Types de bandeau */ | |||
.avt-warn-banner-maintenance { | |||
border-color: var(--color-warning); | |||
} | |||
.avt-warn-banner-info { | |||
border-color: #77ccff; | |||
} | |||
.avt-warn-banner-license { | |||
border-color: #c0c0ff; | |||
} | } | ||
/* | /* ------------------------------ */ | ||
/* | /* Modèle:Bandeau de note */ | ||
/* | /* ------------------------------ */ | ||
. | .avt-note-banner { | ||
margin-top: 0.5em; | |||
padding-left: 2em; | |||
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 { | |||
margin-top: calc(-0.5em - 1.05px); | |||
} | } | ||
/* ------------------------------ */ | |||
/* Modèle:Bandeau de rubrique */ | |||
/* ------------------------------ */ | |||
.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:Bandeau de source */ | ||
/* | /* ------------------------------ */ | ||
.avt-source-banner { | |||
margin: 0.5em 0; | |||
display: flex; | |||
gap: 8px; | |||
align-items: center; | |||
} | |||
.avt-source-banner-text { | |||
padding: 5px; | |||
font-size: 0.9em; | |||
border-top: 1px solid var(--border-color-base); | |||
border-bottom: 1px solid var(--border-color-base); | |||
} | } | ||
/* | /* ------------------------------ */ | ||
/* | /* Modèle:Boîte de contenu de jeu */ | ||
/* | /* ------------------------------ */ | ||
. | .avt-content-game-box { | ||
border: 1px solid var(--border-color-base); | |||
box-shadow: var(--box-shadow); | |||
padding: 5px; | |||
margin: 0.5em 0; | |||
font-size: 0.85em; | |||
background-color: var(--box-background-color); | |||
overflow: hidden; | |||
} | } | ||
.avt-content-game-box span.mw-collapsible-toggle { | |||
. | float: right; | ||
padding: 0.25em 1em; | |||
} | } | ||
#avt-content-game-box-title { | |||
text-align: center; | |||
border: 1px solid var(--border-color-base); | |||
background-color: var(--background-color-dp-02); | |||
padding: 3px; | |||
padding: 0.25em 8em; | |||
font-weight: bold; | |||
} | } | ||
.avt-content-game-box-list { | |||
. | margin: 0 !important; | ||
padding: 5px !important; | |||
list-style: none; | |||
column-count: 2; | |||
column-rule: 1px solid var(--border-color-base); | |||
} | } | ||
/* ------------------------------ */ | |||
/* Modèle:Boîte déroulante */ | |||
/* ------------------------------ */ | |||
. | .avt-dropdown-box { | ||
margin: 0.5em 0; | |||
padding: 3px; | |||
border: 1px solid var(--border-color-base); | |||
overflow: auto; | |||
} | } | ||
.avt-dropdown-box-title { | |||
. | background-color: var(--background-color-dp-02); | ||
border: 1px solid var(--border-color-base); | |||
font-weight: bold; | |||
text-align: center; | |||
} | } | ||
.avt-dropdown-box-content { | |||
. | padding: 0 5px; | ||
} | } | ||
.avt-dropdown-box .mw-collapsible-toggle { | |||
. | padding-right: 0.5em; | ||
} | } | ||
/* ------------------------------ */ | |||
/* Modèle:Citation */ | |||
/* ------------------------------ */ | |||
. | .mw-body-content blockquote { | ||
border-left: none; | |||
} | } | ||
blockquote { | |||
margin: 0 auto; | |||
} | } | ||
q::before, | |||
q::after { | |||
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 */ | |||
/* ------------------------------ */ | |||
. | .np-quote-snd-trigger { | ||
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); | |||
box-shadow: var(--box-shadow); | |||
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; | |||
} | |||
.creature-card-data { | |||
padding-left: 1em; | |||
border-left: 1px solid var(--border-color-base); | |||
} | |||
.creature-card-table { | |||
font-size: 12px; | |||
width: 100%; | |||
table-layout: fixed; | |||
border-collapse: collapse; | |||
display: table; | |||
line-height: 1rem; | |||
margin: 0 0 5px 0; | |||
} | |||
.creature-card-table caption, | |||
.creature-card-list dt { | |||
font-weight: bold; | |||
line-height: 1.1; | |||
margin: 0 0 5px 0; | |||
padding: 4px; | |||
background-color: var(--background-color-dp-02); | |||
text-align: center; | |||
border: 1px solid var(--border-color-base); | |||
} | |||
.creature-card-table th[scope="row"] { | |||
text-align: left; | |||
padding-right: 10px; | |||
max-width: 140px; | |||
word-wrap: normal; | |||
} | |||
.creature-card-table th[scope="row"], | |||
.creature-card-table td { | |||
padding-top: 4px; | |||
vertical-align: super; | |||
} | |||
.creature-card-list { | |||
font-size: 12px; | |||
} | } | ||
/* ---------------------------------- */ | |||
/* Modèle:Galerie de vidéos */ | |||
/* ---------------------------------- */ | |||
.avt-videogallery { | |||
list-style: none; | |||
margin: 0.5em 0 !important; | |||
display: inline-flex; | |||
flex-wrap: wrap; | |||
gap: 0 20px; | |||
} | } | ||
/* | /* ------------------------------ */ | ||
/* Modèle:Infobox */ | |||
/* ------------------------------ */ | |||
. | .avt-infobox { | ||
box-shadow: var(--box-shadow); | |||
padding: 5px; | |||
background-color: var(--box-background-color); | |||
border: 1px solid var(--border-color-base); | |||
clear: right; | |||
float: right; | |||
font-size: 0.9em; | |||
line-height: 1.4; | |||
margin: 0 0 0.5em 1em; | |||
word-wrap: break-word; | |||
max-width: 400px; | |||
} | |||
.avt-infobox-header { | |||
border: 1px solid var(--border-color-base); | |||
padding: 3px; | |||
text-align: center; | |||
font-size: 1.4em; | |||
line-height: 1.1; | |||
margin-bottom: 10px; | |||
background-color: var(--background-color-dp-02); | |||
display: grid; | |||
grid-template-columns: 1fr 1.7fr 0.3fr; | |||
grid-template-rows: 1fr 1fr 1fr; | |||
grid-auto-flow: row; | |||
gap: 0 0; | |||
} | |||
.avt-infobox-header-icon, | |||
.avt-infobox-header-title, | |||
.avt-infobox-header-subhead { | |||
justify-self: center; | |||
align-self: center; | |||
} | |||
.avt-infobox-header-icon { | |||
grid-area: 1 / 3 / 4 / 4; | |||
} | } | ||
.avt-infobox-header-title { | |||
. | grid-area: 2 / 1 / 4 / 4; | ||
font-weight: bold; | |||
} | |||
.avt-infobox-header-subhead { | |||
grid-area: 1 / 1 / 2 / 4; | |||
font-size: 0.6em; | |||
} | |||
.avt-infobox-images { | |||
text-align: center; | |||
display: flex; | |||
justify-content: space-around; | |||
align-items: center; | |||
padding: 2px 0; | |||
} | |||
.avt-infobox-images a { | |||
max-width: 100%; | |||
flex: 0 0 auto; | |||
} | |||
.avt-infobox-images img { | |||
height: auto; | |||
width: auto; | |||
max-width: 100%; | |||
max-height: 250px; | |||
} | |||
.avt-infobox-images-legend { | |||
text-align: center; | |||
font-size: 0.9em; | |||
} | |||
.avt-infobox table { | |||
width: 100%; | |||
margin: 5px 0; | |||
table-layout: fixed; | |||
border-collapse: collapse; | |||
display: table; | |||
} | |||
.avt-infobox caption { | |||
text-align: center; | |||
border: 1px solid var(--border-color-base); | |||
} | } | ||
.avt-infobox caption .mw-collapsible-toggle { | |||
. | float: right !important; | ||
} | } | ||
.avt-infobox p.bloc, | |||
. | .avt-infobox caption { | ||
font-weight: bold; | |||
line-height: 1.1; | |||
margin: 0 0 5px 0; | |||
padding: 4px; | |||
background-color: var(--background-color-dp-02); | |||
} | } | ||
.avt-infobox th[scope="row"], | |||
.avt-infobox td { | |||
padding-top: 4px; | |||
vertical-align: super; | |||
} | } | ||
.avt-infobox th[scope="row"] { | |||
. | text-align: left; | ||
padding-right: 10px; | |||
width: 8em; | |||
max-width: 140px; | |||
word-wrap: normal; | |||
} | } | ||
.avt-infobox span.mw-collapsible-toggle { | |||
. | float: right; | ||
} | } | ||
.avt-infobox span.mw-collapsible-toggle a { | |||
. | color: var(--color-base); | ||
} | } | ||
.avt-infobox-armor-rdsd { | |||
. | width: 3em; | ||
display: inline-block; | |||
} | } | ||
/* ------------------------------ */ | |||
/* Modèle:Infobulle */ | |||
/* ------------------------------ */ | |||
. | .avt-tooltip { | ||
border-bottom: 1px dotted; | |||
cursor: help; | |||
} | } | ||
/* | /* ---------------------------------- */ | ||
/* | /* Modèle:Interactions */ | ||
/* | /* ---------------------------------- */ | ||
.avt-interactions { | |||
list-style: none; | |||
margin: 0.5em 0 !important; | |||
max-width: 32rem; | |||
} | } | ||
.avt-interactions-row { | |||
display: grid; | |||
grid-template-columns: 8rem auto; | |||
border: 1px solid var(--border-color-base); | |||
margin: 0.25em 0; | |||
background-color: var(--box-background-color); | |||
box-shadow: var(--box-shadow); | |||
padding: 7px; | |||
} | |||
.avt-interactions-img { | |||
margin: auto; | |||
} | } | ||
.avt-interactions-text { | |||
align-self: center; | |||
font-size: 0.85em; | |||
} | } | ||
/* | /* ---------------------------------- */ | ||
/* | /* Modèle:Introduction de page-liste */ | ||
/* | /* ---------------------------------- */ | ||
.avt-introduction { | |||
{ | margin: 0.5em 0; | ||
} | } | ||
/* | /* ------------------------------ */ | ||
/* | /* Modèle:Liste de pages-listes */ | ||
/* | /* ------------------------------ */ | ||
.avt-game-listpage { | |||
. | float: right; | ||
border: 1px solid var(--border-color-base); | |||
box-shadow: var(--box-shadow); | |||
padding: 5px; | |||
margin: 0 0 0.5em 1em; | |||
font-size: 0.85em; | |||
background-color: var(--box-background-color); | |||
width: 100%; | |||
max-width: 20rem; | |||
text-align: center; | |||
} | |||
.avt-game-listpage-title { | |||
border: 1px solid var(--border-color-base); | |||
background-color: var(--background-color-dp-02); | |||
padding: 0.25em 8em; | |||
margin-bottom: 0.5em; | |||
font-weight: bold; | |||
} | |||
.avt-game-listpage-list { | |||
margin: 0 !important; | |||
list-style: none; | |||
} | } | ||
/* ------------------------ */ | |||
/* Modèle:Liste horizontale */ | |||
/* ------------------------ */ | |||
.liste-horizontale ul, | |||
.liste-horizontale li { | |||
margin-left: 0; | |||
display: inline; | |||
} | } | ||
.liste-horizontale ul:after { | |||
. | white-space: normal; | ||
} | } | ||
.liste-horizontale li:after { | |||
content: " "; /* au cas ou Mediawiki supprime les retours ligne */ | |||
. | |||
} | } | ||
.liste-horizontale li + li:before { | |||
. | white-space: normal; | ||
content: "· "; | |||
font-weight: bold; | |||
} | } | ||
.liste-horizontale li li:first-child:before { | |||
white-space: normal; | |||
content: " ("; | |||
. | |||
} | } | ||
.liste-horizontale li ul:after { | |||
. | content: ")"; | ||
margin-left: -0.28em; | |||
} | } | ||
/* ------------------------ */ | |||
/* Modèle:Palette */ | |||
/* ------------------------ */ | |||
.mw- | .palette .mw-collapsible-toggle { | ||
float: right !important; | |||
} | } | ||
.palette .mw-collapsible-toggle a { | |||
color: var(--color-base); | |||
. | |||
} | } | ||
. | .palette-banniere { | ||
border-top: 2px solid var(--box-background-color); | |||
} | } | ||
. | .palette-groupe { | ||
border-top: 2px solid var(--box-background-color); | |||
border-right: 2px solid var(--box-background-color); | |||
font-weight: bold; | |||
text-align: right; | |||
white-space: normal; | |||
} | } | ||
. | .palette-banniere, | ||
.palette-groupe, | |||
.palette-section { | |||
background: var(--background-color-dp-03); | |||
} | } | ||
. | .palette-listes .palette-groupe { | ||
background: var(--background-color-dp-04); | |||
} | } | ||
. | .palette-pair { | ||
background-color: var(--box-background-color); | |||
border-top: 2px solid transparent; | |||
} | } | ||
. | .palette { | ||
clear: both; | |||
margin: 1em 0 1em 0; | |||
padding: 3px; | |||
font-size: 88%; | |||
border: 1px solid var(--border-color-base); | |||
} | } | ||
. | .palette ul, | ||
.palette li, | |||
.palette p { | |||
margin: 0 !important; | |||
padding: 0 !important; | |||
line-height: 1.6em; | |||
list-style: none none; | |||
} | } | ||
. | .palette-liens { | ||
float: left; | |||
font-variant: small-caps; | |||
} | } | ||
. | .palette-liens a { | ||
background: none !important; | |||
padding: 0 !important; | |||
} | } | ||
. | .palette span.mw-collapsible-toggle { | ||
float: right; | |||
} | } | ||
. | .palette-liens, | ||
. | .palette .mw-collapsible-toggle, | ||
.palette-groupe { | |||
padding: 0.25em 1em; | |||
} | } | ||
. | .palette-titre { | ||
background-color: var(--background-color-dp-02); | |||
} | } | ||
. | .palette-titre, | ||
.palette-section { | |||
font-size: 105%; | |||
font-weight: bold; | |||
padding: 0.25em 8em; | |||
text-align: center; | |||
} | } | ||
. | .palette-ligne { | ||
display: table-row; | |||
} | } | ||
. | .palette-groupe, | ||
.palette-image, | |||
.palette-liste, | |||
.palette-listes { | |||
display: table-cell; | |||
vertical-align: middle; | |||
} | } | ||
. | .palette-banniere, | ||
.palette-liste, | |||
.palette-liste-simple { | |||
padding: 0.25em; | |||
} | } | ||
. | .palette-liste, | ||
.palette-listes { | |||
width: 100%; | |||
} | } | ||
. | .palette-banniere, | ||
.mw-collapsible-content > ul > li > .palette-liste-simple { | |||
text-align: center; | |||
} | } | ||
. | div.palette-image { | ||
padding: 0.25em 0 0.25em 0.25em; | |||
width: 1%; | |||
} | } | ||
. | div.palette + div.palette { | ||
{ | margin-top: -1px; | ||
} | } | ||
. | |||
{ | /* ---------------------------------- */ | ||
/* Modèle:Portail de jeu */ | |||
/* ---------------------------------- */ | |||
.game-portal { | |||
display: grid; | |||
grid-gap: 1rem; | |||
grid-template-areas: "welcome welcome" "talkto talkto" "content content" "articleday imageday"; | |||
} | } | ||
. | .portal-welcome { | ||
{ | grid-area: welcome; | ||
} | } | ||
. | .portal-talkto { | ||
grid-area: talkto; | |||
text-align: center; | |||
} | } | ||
.portal-content { | |||
.portal | grid-area: content; | ||
} | } | ||
.portal- | .portal-box-title { | ||
text-align: center; | |||
font-size: 150%; | |||
margin: 0 50px 5px 50px; | |||
border-bottom: 1px solid var(--border-color-base); | |||
text-shadow: 0 0 8px var(--color-link); | |||
color: var(--color-link); | |||
} | } | ||
.portal | .portal-content-links { | ||
display: grid; | |||
grid-gap: 2rem; | |||
grid-template-columns: 1fr 1fr; | |||
padding: 1rem; | |||
} | } | ||
.portal- | .portal-content-group-title { | ||
border-bottom: 1px dotted var(--border-color-base); | |||
font-size: 125%; | |||
} | } | ||
.portal- | .portal-logo-fo1 { | ||
background-image: url(/images/6/69/Fo1_portail_armure.png); | |||
background-size: 123px; | |||
background-repeat: no-repeat; | |||
background-position: -3px -24px; | |||
} | } | ||
.portal- | .portal-logo-fo2 { | ||
background-image: url(/images/2/2b/Fo2_portail_armure.png); | |||
background-size: 100px; | |||
background-repeat: no-repeat; | |||
background-position: -3px -30px; | |||
} | } | ||
.portal- | .portal-logo-fot { | ||
background-image: url(/images/3/31/Fot_portail_armure-min.png); | |||
background-size: 123px; | |||
background-repeat: no-repeat; | |||
background-position: -3px -24px; | |||
} | } | ||
.portal-logo-fo3 { | |||
background-image: url(/images/c/c7/Fo3_portail_armure.png); | |||
background-size: 100px; | |||
/ | background-repeat: no-repeat; | ||
background-position: -3px -24px; | |||
} | } | ||
. | .portal-logo-fnv { | ||
background-image: url(/images/2/28/Fnv_portail_ranger.png); | |||
background-size: 180px; | |||
background-repeat: no-repeat; | |||
background-position: -33px -24px; | |||
} | } | ||
. | .portal-logo-fo4 { | ||
background-image: url(/images/f/f0/Fo4_portail_h%C3%A9ros_et_son_chien.png); | |||
background-size: 80px; | |||
background-repeat: no-repeat; | |||
background-position: -3px -15px; | |||
} | } | ||
. | .portal-logo-fos { | ||
background-image: url(/images/d/d4/Fos_portail_vaultboy.png); | |||
background-size: 50px; | |||
background-repeat: no-repeat; | |||
background-position: -3px 0px; | |||
} | } | ||
. | .portal-logo-fo76 { | ||
background-image: url(/images/2/21/FO76_portail_resident_min.png); | |||
background-size: 70px; | |||
background-repeat: no-repeat; | |||
background-position: 0px 0px; | |||
} | } | ||
. | .portal-logo-fotv { | ||
background-image: url(/images/d/df/FOTV_portail_Goule_Lucy_Maximus_min.png); | |||
background-size: 70px; | |||
background-repeat: no-repeat; | |||
background-position: 0px 0px; | |||
} | } | ||
/* ---------------------------------- */ | |||
/* Modèle:Références */ | |||
/* ---------------------------------- */ | |||
.avt-references { | |||
font-size: 0.8em; | |||
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; | |||
} | } | ||
/* | /* ---------------------------------- */ | ||
/* | /* Modèle:Références nombreuses */ | ||
/* | /* ---------------------------------- */ | ||
. | .avt-references-many { | ||
height: 230px; | |||
overflow: auto; | |||
border: 1px solid var(--border-color-base); | |||
scrollbar-width: thin; | |||
} | } | ||
/* ---------------------------------- */ | |||
/* Modèle:SPECIAL */ | |||
/* ---------------------------------- */ | |||
.avt-special-label { | |||
width: 10rem; | |||
display: inline-block; | |||
} | } | ||
/* -------------------------- */ | |||
/* Modèle:Tableau d'artisanat */ | |||
/* -------------------------- */ | |||
.artisanat { | |||
font-size: 0.85em; | |||
display: grid; | |||
grid-template-columns: 1fr 50px 1fr 50px 1fr; | |||
margin: 10px 0 10px 0; | |||
} | } | ||
. | .artisanat-colonne-titre { | ||
text-align: center; | |||
border: 1px solid var(--border-color-base); | |||
margin-bottom: 3px; | |||
background-color: var(--background-color-dp-02); | |||
padding: 3px; | |||
font-weight: bold; | |||
} | } | ||
. | .artisanat-colonne-liste > ul { | ||
list-style: none; | |||
margin: 0; | |||
} | } | ||
. | .artisanat-colonne-liste > ul > li { | ||
border: 1px solid var(--border-color-base); | |||
padding: 5px; | |||
margin-bottom: 3px; | |||
background: var(--box-background-color); | |||
} | } | ||
.artisanat-separateur { | |||
margin: auto; | |||
} | } | ||
/* ------------------------------ */ | |||
/* Modèle:Transcription */ | |||
/* ------------------------------ */ | |||
.va-transcript { | |||
{ | line-height: 18px; | ||
padding: 10px 25px; | |||
} | } | ||
. | .va-transcript-icon { | ||
width: 40px; | |||
z-index: -1; | |||
position: relative; | |||
float: left; | |||
left: -25px; | |||
margin-right: -40px; | |||
top: -5px; | |||
} | } | ||
. | .va-transcript-text { | ||
font-family: monospace; | |||
font-size: 13px; | |||
} | } |
modifications