62 734
modifications
Ménage et modification homepage |
m Corrige un problème de flottement du bouton de masquage dans les palettes et les infobox |
||
(172 versions intermédiaires par 3 utilisateurs non affichées) | |||
Ligne 19 : | Ligne 19 : | ||
--background-color-dp-16: #edf5fa; | --background-color-dp-16: #edf5fa; | ||
--background-color-dp-24: #f6fafc; | --background-color-dp-24: #f6fafc; | ||
--background-img: no-repeat url(avt-main-fotv-background.jpg); | |||
--background-img: no-repeat url(avt-main-background.jpg); | |||
--background-main: #fff; | --background-main: #fff; | ||
--box-background-color: # | --box-background-color: #ffffff00; | ||
--box-shadow: 0 0 10px # | --box-shadow: 0 0 10px #a9ceea; | ||
--color-base: black; | --color-base: black; | ||
--color-warning: #ffcc33; | --color-warning: #ffcc33; | ||
--color-link: #0645ad; | --color-link: #0645ad; | ||
--color-link- | --color-link-visited: #3c88ff; | ||
--border-color-base: #f0f0f0; | |||
--border-color-base | |||
} | } | ||
/* | /* | ||
--------------------------------------------------- | --------------------------------------------------- | ||
Mode sombre | |||
--------------------------------------------------- | --------------------------------------------------- | ||
le | Partie régissant le mode sombre | ||
--------------------------------------------------- | --------------------------------------------------- | ||
*/ | */ | ||
:root.client-darkmode { | |||
--background-color-dp-00: #03100000; | |||
--background-color-dp-01: #040d02; | |||
--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; | |||
color: #fff; | |||
border-color: #2cb22c; | |||
} | |||
.client-darkmode .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover { | |||
background-color: #228922; | |||
border-color: #228922 | |||
} | |||
.client-darkmode .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button { | |||
background-color: #228922; | |||
border-color: #f8f9fa; | |||
} | |||
.client-darkmode .mw-rcfilters-ui-changesListWrapperWidget:not(.mw-rcfilters-ui-changesListWrapperWidget-highlighted) .mw-changeslist-watchedseen div.mw-rcfilters-ui-highlights-color-none { | |||
background-color: #ffffff; | |||
border: 1px solid #228922; | |||
} | } | ||
.client-darkmode .mw-rcfilters-ui-changesListWrapperWidget:not(.mw-rcfilters-ui-changesListWrapperWidget-highlighted) .mw-changeslist-watchedunseen div.mw-rcfilters-ui-highlights-color-none { | |||
background-color: #228922; | |||
border: 1px solid #228922; | |||
} | |||
---------------- | .client-darkmode .oo-ui-optionWidget-selected .mw-echo-ui-pageNotificationsOptionWidget-label-count { | ||
color: #228922; | |||
} | |||
.client-darkmode .mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-selected { | |||
background-color: #e3ffe5; | |||
color: var(--color-link); | |||
} | |||
.client-darkmode .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-tool-link { | |||
color: #fff; | |||
background-color: #2cb22c; | |||
} | |||
.client-darkmode .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-tool-link:hover { | |||
background-color: #228922; | |||
} | |||
.client-darkmode .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive { | |||
color: var(--color-link); | |||
} | |||
.client-darkmode .cdx-text-input__input:enabled:focus { | |||
border-color: #228922; | |||
box-shadow: inset 0 0 0 1px #228922; | |||
outline: 1px solid transparent | |||
} | } | ||
.client-darkmode .cdx-button:enabled:focus:not(:active):not(.cdx-button--is-active),.cdx-button.cdx-button--fake-button--enabled:focus:not(:active):not(.cdx-button--is-active) { | |||
. | border-color: #228922; | ||
box-shadow: inset 0 0 0 1px #228922 | |||
} | } | ||
.client-darkmode .vector-pinnable-element .mw-list-item a { | |||
color: #228922 | |||
} | } | ||
.client-darkmode .vector-pinnable-element .mw-list-item a:not(.mw-selflink):visited, .vector-dropdown-content .mw-list-item a:not(.mw-selflink):visited { | |||
color: var(--color-link-visited); | |||
} | |||
.client-darkmode #mediauploader-steps li.head { | |||
color: var(--color-link); | |||
. | background-color: #ceefd4; | ||
font-weight: bold; | |||
} | |||
.client-darkmode fieldset { | |||
border: 1px solid #ffffff; | |||
margin: 1em 0 1em 0; | |||
padding: 0 1em 1em; | |||
} | } | ||
.client-darkmode :focus { | |||
outline-color: var(--color-link); | |||
} | } | ||
. | .client-darkmode .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { | ||
color: var(--color-link); | |||
} | } | ||
. | .client-darkmode input:focus:not(:active) + .cdx-button:not(.cdx-button--action-progressive) { | ||
border-color: #228922; | |||
box-shadow: inset 0 0 0 1px #228922 | |||
} | |||
.client-darkmode .client-js .mw-rcfilters-spinner .mw-rcfilters-spinner-bounce, .client-js .mw-rcfilters-spinner::before, .client-js .mw-rcfilters-spinner::after { | |||
content: ''; | |||
background-color: #228922; | |||
display: block; | |||
float: left; | |||
width: 12px; | |||
height: 12px; | |||
border-radius: 50%; | |||
animation: rcfiltersBouncedelay 1600ms ease-in-out -160ms infinite both; | |||
} | } | ||
. | .client-darkmode .ve-init-mw-progressBarWidget { | ||
background-color: #fff; | |||
box-sizing: border-box; | |||
height: 0.875em; | |||
border: 1px solid #228922; | |||
border-radius: 0.875em; | |||
box-shadow: 0 1px 1px rgba(0,0,0,0.15); | |||
} | } | ||
.client-darkmode .ve-init-mw-progressBarWidget { | |||
background-color: #fff; | |||
box-sizing: border-box; | |||
height: 0.875em; | |||
border: 1px solid #228922; | |||
. | border-radius: 0.875em; | ||
. | box-shadow: 0 1px 1px rgba(0,0,0,0.15); | ||
. | } | ||
.client-darkmode .ve-ce-focusableNode-highlight { | |||
background: #25ff007a; | |||
box-shadow: inset 0 0 0 1px #39bd49; | |||
position: absolute; | |||
overflow: hidden; | |||
} | |||
.client-darkmode input:active + .cdx-button.cdx-button--action-progressive { | |||
background-color: #60ea60; | |||
color: #ffffff; | |||
border-color: #60ea60 | |||
} | |||
.client-darkmode input:focus:not(:active) + .cdx-button.cdx-button--action-progressive { | |||
border-color: #228922; | |||
box-shadow: inset 0 0 0 1px #228922 inset 0 0 0 2px #ffffff | |||
} | |||
.client-darkmode .cdx-menu-item--enabled.cdx-menu-item--active { | |||
background-color: #eaf3ff; | |||
color: var(--color-link) | |||
} | |||
.client-darkmode .cdx-menu-item--enabled.cdx-menu-item--active .cdx-menu-item__content,.cdx-menu-item--enabled.cdx-menu-item--active .cdx-menu-item__text__description { | |||
color: var(--color-link); | |||
} | |||
.client-darkmode .cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--highlighted,.cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--highlighted .cdx-menu-item__content,.cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--highlighted .cdx-menu-item__text__description { | |||
color: var(--color-link) | |||
} | } | ||
. | .client-darkmode .mwe-popups .mwe-popups-extract { | ||
color: var(--color-link); | |||
} | } | ||
. | .client-darkmode .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus { | ||
. | border-color: var(--color-link); | ||
. | box-shadow: inset 0 0 0 1px var(--color-link) | ||
. | } | ||
.client-darkmode .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:focus { | |||
border-color: var(--color-link); | |||
. | box-shadow: inset 0 0 0 1px var(--color-link),inset 0 0 0 2px #fff; | ||
. | outline: 1px solid transparent | ||
. | } | ||
. | .client-darkmode .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input:focus { | ||
. | border-color: var(--color-link); | ||
. | outline: 1px solid transparent; | ||
box-shadow: inset 0 0 0 1px var(--color-link) | |||
} | } | ||
. | .client-darkmode .oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input:focus { | ||
. | border-color: var(--color-link) | ||
. | |||
. | |||
} | } | ||
.client-darkmode .ve-init-mw-progressBarWidget-bar { | |||
. | background-color: #228922; | ||
. | height: 0.875em; | ||
} | } | ||
/* ----------------------- */ | /* | ||
/* | --------------------------------------------------- | ||
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} | ||
.va- | |||
/* MediaWiki:Newarticle */ | |||
.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 | |||
--------------------------------------------------- | |||
.va- | */ | ||
.va- | |||
. | /* ------------------------------ */ | ||
. | /* 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; | |||
} | } | ||
/* Tables | .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, | |||
.va-table- | .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; | |||
.va-table | } | ||
.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- | .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 | } | ||
.va-table > tr > th, | |||
.va-table > * > tr > th { | |||
background-color: var(--background-color-dp-02); | |||
font-weight: bold; | |||
text-align: center; | text-align: center; | ||
} | } | ||
.va-table-left > tr > td, | /* Adapting lists & paragraphs */ | ||
.va-table- | .va-table ul, | ||
.va-table- | .va-table ol, | ||
.va-table- | .va-table p { | ||
.va-table- | line-height: 16px; | ||
.va-table- | margin-bottom: 0; | ||
.va-table- | } | ||
.va-table- | .va-table ul, | ||
.va-table- | .va-table ol { | ||
.va-table- | margin-left: 20px; | ||
.va-table- | margin-top: 0; | ||
.va-table- | } | ||
.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- | .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 | > tr | ||
> *:first-child | > *:first-child | ||
+ * | + * | ||
+ * | + * | ||
Ligne 458 : | Ligne 607 : | ||
+ * | + * | ||
+ td, | + td, | ||
.va-table- | .va-table-center-col11 | ||
> * | |||
> tr | |||
> *:first-child | |||
+ * | |||
+ * | |||
+ * | |||
+ * | |||
+ * | |||
+ * | |||
+ * | |||
+ * | |||
+ * | |||
+ td, | |||
.va-table-center-col12 | |||
> * | > * | ||
> tr | > tr | ||
Ligne 473 : | Ligne 636 : | ||
+ * | + * | ||
+ td, | + td, | ||
.va-table- | .va-table-center-col13 | ||
> * | > * | ||
> tr | > tr | ||
Ligne 489 : | Ligne 652 : | ||
+ * | + * | ||
+ td, | + td, | ||
.va-table- | .va-table-center-col14 | ||
> * | > * | ||
> tr | > tr | ||
Ligne 506 : | Ligne 669 : | ||
+ * | + * | ||
+ td, | + td, | ||
.va-table- | .va-table-center-col15 | ||
> * | > * | ||
> tr | > tr | ||
Ligne 524 : | Ligne 687 : | ||
+ * | + * | ||
+ td { | + td { | ||
text-align: | text-align: center; | ||
} | } | ||
.va-table- | .va-table-left > tr > td, | ||
.va-table- | .va-table-left > * > tr > td, | ||
.va-table- | .va-table-left-col1 > * > tr > td:first-child, | ||
.va-table- | .va-table-left-col2 > * > tr > *:first-child + td, | ||
.va-table- | .va-table-left-col3 > * > tr > *:first-child + * + td, | ||
.va-table- | .va-table-left-col4 > * > tr > *:first-child + * + * + td, | ||
.va-table- | .va-table-left-col5 > * > tr > *:first-child + * + * + * + td, | ||
.va-table- | .va-table-left-col6 > * > tr > *:first-child + * + * + * + * + td, | ||
.va-table- | .va-table-left-col7 > * > tr > *:first-child + * + * + * + * + * + td, | ||
.va-table- | .va-table-left-col8 > * > tr > *:first-child + * + * + * + * + * + * + td, | ||
.va-table- | .va-table-left-col9 > * > tr > *:first-child + * + * + * + * + * + * + * + td, | ||
.va-table- | .va-table-left-col10 | ||
> * | > * | ||
> tr | > tr | ||
Ligne 550 : | Ligne 713 : | ||
+ * | + * | ||
+ td, | + td, | ||
.va-table- | .va-table-left-col11 | ||
> * | > * | ||
> tr | > tr | ||
Ligne 564 : | Ligne 727 : | ||
+ * | + * | ||
+ td, | + td, | ||
.va-table- | .va-table-left-col12 | ||
> * | > * | ||
> tr | > tr | ||
Ligne 579 : | Ligne 742 : | ||
+ * | + * | ||
+ td, | + td, | ||
.va-table- | .va-table-left-col13 | ||
> * | > * | ||
> tr | > tr | ||
Ligne 595 : | Ligne 758 : | ||
+ * | + * | ||
+ td, | + td, | ||
.va-table- | .va-table-left-col14 | ||
> * | > * | ||
> tr | > tr | ||
Ligne 612 : | Ligne 775 : | ||
+ * | + * | ||
+ td, | + td, | ||
.va-table- | .va-table-left-col15 | ||
> * | > * | ||
> tr | > tr | ||
Ligne 630 : | Ligne 793 : | ||
+ * | + * | ||
+ td { | + td { | ||
text-align: | text-align: left; | ||
} | } | ||
.va-table-right > tr > td, | |||
.va-table- | .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- | .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- | .va-table-right-col8 > * > tr > *:first-child + * + * + * + * + * + * + td, | ||
.va-table-right-col9 > * > tr > *:first-child + * + * + * + * + * + * + * + td, | |||
.va-table-right-col10 | |||
> * | |||
> tr | |||
.va-table- | > *:first-child | ||
+ * | |||
+ * | |||
+ * | |||
+ * | |||
+ * | |||
.va-table- | + * | ||
.va-table- | + * | ||
+ * | |||
+ 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 { | ||
text- | padding-left: 18px; | ||
text-indent: -18px; | |||
} | } | ||
. | |||
/* | |||
--------------------------------------------------- | |||
Portals | |||
. | --------------------------------------------------- | ||
Les classes ci-dessous sont utilisées par les | |||
portails. | |||
--------------------------------------------------- | |||
*/ | |||
/* On cache le titre des portails */ | |||
body.action-view.page-Accueil #firstHeading, | |||
body.action-view.page-Portail_Fallout #firstHeading, | |||
body.action-view.page-Portail_Fallout_2 #firstHeading, | |||
body.action-view.page-Portail_Fallout_3 #firstHeading, | |||
body.action-view.page-Portail_Fallout_4 #firstHeading, | |||
body.action-view.page-Portail_Fallout_76 #firstHeading, | |||
body.action-view.page-Portail_Fallout_New_Vegas #firstHeading, | |||
body.action-view.page-Portail_Fallout_Shelter #firstHeading, | |||
body.action-view.page-Portail_Fallout_Tactics #firstHeading, | |||
.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; | |||
} | } | ||
.homepage | /* Cadre principale et structure */ | ||
.homepage { | |||
display: grid; | display: grid; | ||
grid- | grid-gap: 1rem; | ||
grid- | grid-template-areas: | ||
"welcome welcome welcome" | |||
"serie serie serie" | |||
"games games games" | |||
"autres autres theme" | |||
"anecdotes anecdotes presentation" | |||
"articleday articleday participation"; | |||
} | } | ||
.homepage- | /* 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 | .homepage-portal-games { | ||
grid-area: games; | |||
} | } | ||
.homepage- | .homepage-portal-autres { | ||
grid-area: autres; | |||
} | |||
.homepage- | .homepage-portal-theme { | ||
grid-area: theme; | |||
} | |||
.homepage-presentation { | |||
grid-area: presentation; | |||
} | } | ||
.homepage-participation { | |||
.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: | 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); | 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 | |||
--------------------------------------------------- | |||
*/ | |||
.avt- | /* 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; | |||
background-color: var(-- | } | ||
/* Séparateur <hr/> */ | |||
.separator { | |||
background-color: var(--border-color-base); | |||
} | } | ||
/* Boîte générique */ | |||
/* ------------------------------ */ | .avt-genericbox { | ||
/* Modèle:Bandeau | 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- | .avt-warn-banner { | ||
margin: 0.5em | margin: 0.5em 90px; | ||
display: | display: grid; | ||
grid-template-columns: max-content auto; | |||
gap: 8px; | gap: 8px; | ||
padding: 0 10px; | |||
border-style: solid; | |||
border-width: 1px 1px 1px 12px; | |||
padding | |||
border- | |||
border- | |||
background-color: var(--box-background-color); | background-color: var(--box-background-color); | ||
} | } | ||
.avt- | .avt-warn-banner-header { | ||
font-weight: bold; | |||
} | } | ||
.avt-warn-banner-img { | |||
margin: auto; | |||
} | |||
.avt-warn-banner-text { | |||
padding: 5px; | |||
padding: | |||
} | } | ||
.avt- | .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- | |||
border: | |||
} | } | ||
.avt- | .avt-warn-banner-info { | ||
border-color: #77ccff; | |||
} | } | ||
.avt- | .avt-warn-banner-license { | ||
border-color: #c0c0ff; | |||
} | } | ||
/* ------------------------------ */ | /* ------------------------------ */ | ||
/* Modèle: | /* Modèle:Bandeau de note */ | ||
/* ------------------------------ */ | /* ------------------------------ */ | ||
. | .avt-note-banner { | ||
margin-top: 0.5em; | |||
padding-left: 2em; | |||
padding-bottom: 0.5em; | |||
margin: 0 | 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); | |||
margin- | |||
} | } | ||
/* ------------------------------ */ | /* ------------------------------ */ | ||
/* Modèle: | /* 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); | border: 1px solid var(--border-color-base); | ||
box-shadow: var(--box-shadow); | box-shadow: var(--box-shadow); | ||
padding: 5px; | |||
margin: 0.5em 0; | |||
font-size: 0.85em; | font-size: 0.85em; | ||
background-color: var(--box-background-color); | |||
overflow: hidden; | |||
} | } | ||
. | .avt-content-game-box span.mw-collapsible-toggle { | ||
float: | 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: | /* Modèle:Boîte déroulante */ | ||
/* ------------------------------ */ | /* ------------------------------ */ | ||
. | .avt-dropdown-box { | ||
. | margin: 0.5em 0; | ||
padding: 3px; | |||
border | border: 1px solid var(--border-color-base); | ||
overflow: auto; | |||
} | } | ||
. | .avt-dropdown-box-title { | ||
background-color: var(--background-color-dp-02); | 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: | margin: 0 auto; | ||
padding: | } | ||
q::before, | |||
q::after { | |||
content: ""; | |||
} | |||
blockquote small { | |||
margin-bottom: 10px; | |||
display: block; | |||
padding-left: 150px; | |||
} | } | ||
blockquote small, | |||
font-size: | q small { | ||
font-size: inherit; | |||
} | } | ||
. | blockquote .mediaContainer { | ||
display: inline-block; | |||
} | } | ||
/* | /* ------------------------------ */ | ||
/* Modèle: | /* Modèle:Citation ligne */ | ||
/* | /* ------------------------------ */ | ||
.avt-help-homepage-title { | .np-quote-snd-trigger { | ||
color: var(--color-warning); | 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; | text-align: center; | ||
border: 1px solid var(--border-color-base); | 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 { | |||
padding: | |||
} | } | ||
.creature-card- | .creature-card-table th[scope="row"], | ||
padding- | .creature-card-table td { | ||
padding-top: 4px; | |||
vertical-align: super; | |||
} | } | ||
.creature-card-list { | |||
.creature-card-list { | |||
font-size: 12px; | font-size: 12px; | ||
} | } | ||
Ligne 1 253 : | Ligne 1 563 : | ||
text-align: center; | text-align: center; | ||
border: 1px solid var(--border-color-base); | border: 1px solid var(--border-color-base); | ||
} | |||
.avt-infobox caption .mw-collapsible-toggle { | |||
float: right !important; | |||
} | } | ||
.avt-infobox p.bloc, | .avt-infobox p.bloc, | ||
Ligne 1 388 : | Ligne 1 701 : | ||
/* Modèle:Palette */ | /* Modèle:Palette */ | ||
/* ------------------------ */ | /* ------------------------ */ | ||
.palette .mw-collapsible-toggle { | |||
float: right !important; | |||
} | |||
.palette .mw-collapsible-toggle a { | .palette .mw-collapsible-toggle a { | ||
Ligne 1 564 : | Ligne 1 881 : | ||
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
background-position: -3px 0px; | 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; | |||
} | } | ||
Ligne 1 573 : | Ligne 1 902 : | ||
font-size: 0.8em; | font-size: 0.8em; | ||
line-height: 1.6; | line-height: 1.6; | ||
} | |||
/* ---------------------------------- */ | |||
/* Modèle:Référence Dialogue */ | |||
/* ---------------------------------- */ | |||
.reference-dial { | |||
display: table; | |||
} | |||
.reference-dial-character { | |||
display: table-cell; | |||
text-align: right; | |||
white-space: nowrap; | |||
} | |||
.reference-dial-text { | |||
display: table-cell; | |||
} | |||
.reference-dial-row { | |||
display: table-row; | |||
} | } | ||
Ligne 1 611 : | Ligne 1 959 : | ||
background-color: var(--background-color-dp-02); | background-color: var(--background-color-dp-02); | ||
padding: 3px; | padding: 3px; | ||
font-weight: bold; | |||
} | } | ||
.artisanat-colonne-liste > ul { | .artisanat-colonne-liste > ul { |
modifications