14 423
modifications
m Changement du fond d'écran |
Aucun résumé des modifications |
||
(152 versions intermédiaires par 3 utilisateurs non affichées) | |||
Ligne 1 : | Ligne 1 : | ||
/* | /*Alerte (0) | ||
Notification (0) | |||
Liste de suivi | |||
Outils personnels | |||
Discussion | |||
Brouillon | |||
Préférences | |||
Contributions | |||
Se déconnecter | |||
--------------------------------------------------- | --------------------------------------------------- | ||
Variables | Variables | ||
Ligne 21 : | Ligne 31 : | ||
--background-img: no-repeat url(avt-main-25-background.jpg); | --background-img: no-repeat url(avt-main-25-background.jpg); | ||
--background-main: #fff; | --background-main: #fff; | ||
--box-background-color: # | --box-background-color: #ffffff00; | ||
--box-shadow: 0 0 10px #a9ceea; | --box-shadow: 0 0 10px #a9ceea; | ||
--color-base: black; | --color-base: black; | ||
--color-warning: #ffcc33; | --color-warning: #ffcc33; | ||
--color-link: #0645ad; | --color-link: #0645ad; | ||
--border-color-base: | --color-link-visited: #3c88ff; | ||
--border-color-base: #f0f0f0; | |||
} | } | ||
Ligne 37 : | Ligne 48 : | ||
*/ | */ | ||
:root | :root.client-darkmode { | ||
--background-color-dp-00: # | --background-color-dp-00: #03100000; | ||
--background-color-dp-01: #040d02; | --background-color-dp-01: #040d02; | ||
--background-color-dp-02: #e5f4e0; | --background-color-dp-02: #e5f4e0; | ||
--background-color-dp-03: #d4eccc; | --background-color-dp-03: #d4eccc; | ||
--background-color-dp-04: # | --background-color-dp-04: #d4eccc; | ||
--background-color-dp-06: # | --background-color-dp-06: #d4eccc; | ||
--background-color-dp-08: #102f07; | --background-color-dp-08: #102f07; | ||
--background-color-dp-12: #133608; | --background-color-dp-12: #133608; | ||
--background-color-dp-16: #153d09; | --background-color-dp-16: #153d09; | ||
--background-color-dp-24: #18440b; | --background-color-dp-24: #18440b; | ||
--background-img: no-repeat url(avt- | --background-img: no-repeat url(avt-main-25-background.jpg); | ||
--background-main: #fff; | --background-main: #fff; | ||
--box-background-color: # | --box-background-color: #ffffff00; | ||
--box-shadow: 0 0 10px #f1fff2; | --box-shadow: 0 0 10px #f1fff2; | ||
--color-base: black; | --color-base: black; | ||
--color-warning: #ffcc33; | --color-warning: #ffcc33; | ||
--color-link: green; | --color-link: green; | ||
--color-link-visited: # | --color-link-visited: #0D590D; | ||
--border-color-base: | --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- | .client-darkmode .sidebar-toc .sidebar-toc-link, | ||
. | .client-darkmode .vector-pinnable-header-toggle-button, | ||
.client- | .client-darkmode #pt-userpage-2 a, | ||
.client-darkmode .vector-dropdown .mw-list-item a, | |||
.client- | .client-darkmode .vector-menu-dropdown > .vector-menu-content .mw-list-item a { | ||
.client- | |||
.client- | |||
. | |||
color: var(--color-link); | color: var(--color-link); | ||
} | } | ||
.client- | .client-darkmode a:visited, | ||
.client- | .client-darkmode .vector-main-menu-group .vector-menu-content li a:visited, | ||
.client- | .client-darkmode .toctogglelabel:visited, | ||
color: var(--color-link | .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- | .client-darkmode .infobox, | ||
.client- | .client-darkmode .toc, | ||
.client- | .client-darkmode .thumbinner, | ||
.client- | .client-darkmode #simpleSearch, | ||
.client- | .client-darkmode #searchInput, | ||
.client- | .client-darkmode #searchButton, | ||
.client- | .client-darkmode #searchGoButton, | ||
.client- | .client-darkmode table, | ||
.client- | .client-darkmode table.toccolours, | ||
.client- | .client-darkmode .wikitable, | ||
.client- | .client-darkmode .mw-notification { | ||
background-color: var(--box-background-color); | background-color: var(--box-background-color); | ||
border-color: var(--border-color-base); | border-color: var(--border-color-base); | ||
} | } | ||
.client-darkmode .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { | |||
color: #fff; | |||
background-color: #2cb22c; | |||
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} | ||
.va- | |||
/* Modèle:Plus */ | |||
.va-more{margin-top:.5em}.va-more-link{font-size:10px;line-height:15px} | |||
/* 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 | |||
--------------------------------------------------- | |||
.va- | le style ci-dessous écrase les classes ajoutées | ||
.va- | 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 | |||
. | /* ----------------------- */ | ||
. | /* 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, | |||
.va-table- | .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 */ | |||
/* ----------------------- */ | |||
.va-table | |||
.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- | } | ||
.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 | .va-table p { | ||
line-height: 16px; | |||
margin-bottom: 0; | |||
} | |||
.va-table ul, | |||
.va-table ol { | |||
margin-left: 20px; | |||
margin-top: 0; | |||
} | } | ||
.va-table- | .va-table p, | ||
.va-table- | .va-table * + ul, | ||
.va-table- | .va-table * + ol { | ||
.va-table- | margin-top: 3px; | ||
.va-table- | } | ||
.va-table- | .va-table ul li, | ||
.va-table- | .va-table ol li { | ||
.va-table- | margin-bottom: 0; | ||
.va-table- | } | ||
.va-table- | /* Highlighted rows */ | ||
.va-table- | .va-table > tr.va-table-highlight, | ||
.va-table- | .va-table > * > tr.va-table-highlight, | ||
> * | .va-table > tr.va-table-highlight > th, | ||
> tr | .va-table > * > tr.va-table-highlight > th { | ||
> *:first-child | background-color: var(--background-color-dp-01); | ||
+ * | } | ||
/* Tables with specific vertical alignment for cells */ | |||
.va-table-top > tr > td, | |||
.va-table-top > * > tr > td { | |||
vertical-align: top; | |||
} | |||
.va-table-middle > tr > td, | |||
.va-table-middle > * > tr > td { | |||
vertical-align: middle; | |||
} | |||
.va-table-bottom > tr > td, | |||
.va-table-bottom > * > tr > td { | |||
vertical-align: bottom; | |||
} | |||
/* Tables with specific horizontal alignment for cells/columns */ | |||
.va-table-center > tr > td, | |||
.va-table-center > * > tr > td, | |||
.va-table-center-col1 > * > tr > td:first-child, | |||
.va-table-center-col2 > * > tr > *:first-child + td, | |||
.va-table-center-col3 > * > tr > *:first-child + * + td, | |||
.va-table-center-col4 > * > tr > *:first-child + * + * + td, | |||
.va-table-center-col5 > * > tr > *:first-child + * + * + * + td, | |||
.va-table-center-col6 > * > tr > *:first-child + * + * + * + * + td, | |||
.va-table-center-col7 > * > tr > *:first-child + * + * + * + * + * + td, | |||
.va-table-center-col8 > * > tr > *:first-child + * + * + * + * + * + * + td, | |||
.va-table-center-col9 > * > tr > *:first-child + * + * + * + * + * + * + * + td, | |||
.va-table-center-col10 | |||
> * | |||
> tr | |||
> *:first-child | |||
+ * | |||
+ * | + * | ||
+ * | + * | ||
Ligne 457 : | Ligne 617 : | ||
+ * | + * | ||
+ td, | + td, | ||
.va-table- | .va-table-center-col11 | ||
> * | > * | ||
> tr | > tr | ||
Ligne 471 : | Ligne 631 : | ||
+ * | + * | ||
+ td, | + td, | ||
.va-table- | .va-table-center-col12 | ||
> * | > * | ||
> tr | > tr | ||
Ligne 486 : | Ligne 646 : | ||
+ * | + * | ||
+ td, | + td, | ||
.va-table- | .va-table-center-col13 | ||
> * | > * | ||
> tr | > tr | ||
Ligne 502 : | Ligne 662 : | ||
+ * | + * | ||
+ td, | + td, | ||
.va-table- | .va-table-center-col14 | ||
> * | > * | ||
> tr | > tr | ||
Ligne 519 : | Ligne 679 : | ||
+ * | + * | ||
+ td, | + td, | ||
.va-table- | .va-table-center-col15 | ||
> * | > * | ||
> tr | > tr | ||
Ligne 537 : | Ligne 697 : | ||
+ * | + * | ||
+ 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 563 : | Ligne 723 : | ||
+ * | + * | ||
+ td, | + td, | ||
.va-table- | .va-table-left-col11 | ||
> * | > * | ||
> tr | > tr | ||
Ligne 577 : | Ligne 737 : | ||
+ * | + * | ||
+ td, | + td, | ||
.va-table- | .va-table-left-col12 | ||
> * | > * | ||
> tr | > tr | ||
Ligne 592 : | Ligne 752 : | ||
+ * | + * | ||
+ td, | + td, | ||
.va-table- | .va-table-left-col13 | ||
> * | > * | ||
> tr | > tr | ||
Ligne 608 : | Ligne 768 : | ||
+ * | + * | ||
+ td, | + td, | ||
.va-table- | .va-table-left-col14 | ||
> * | > * | ||
> tr | > tr | ||
Ligne 625 : | Ligne 785 : | ||
+ * | + * | ||
+ td, | + td, | ||
.va-table- | .va-table-left-col15 | ||
> * | > * | ||
> tr | > tr | ||
Ligne 643 : | Ligne 803 : | ||
+ * | + * | ||
+ 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, | |||
text- | .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 */ | |||
body.action-view.page-Accueil #firstHeading, | |||
body.action-view.page-Portail_Fallout #firstHeading, | |||
body.action-view.page-Portail_Fallout_2 #firstHeading, | |||
body.action-view.page-Portail_Fallout_3 #firstHeading, | |||
body.action-view.page-Portail_Fallout_4 #firstHeading, | |||
body.action-view.page-Portail_Fallout_76 #firstHeading, | |||
body.action-view.page-Portail_Fallout_New_Vegas #firstHeading, | |||
body.action-view.page-Portail_Fallout_Shelter #firstHeading, | |||
body.action-view.page-Portail_Fallout_Tactics #firstHeading { | |||
position: absolute; | |||
top: -5000px; | |||
} | } | ||
. | /* 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-template- | 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- | .homepage-portal-games { | ||
grid-area: games; | |||
} | } | ||
.homepage- | .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 */ | /* Boîte générique */ | ||
. | .homepage-box { | ||
border: 1px solid var(--border-color-base); | border: 1px solid var(--border-color-base); | ||
background: var(--box-background-color); | background: var(--box-background-color); | ||
box-shadow: var(--box-shadow); | |||
padding: 1rem; | |||
} | } | ||
.homepage-welcome-subtitle, | |||
.homepage-welcome-links, | |||
.homepage-portal-theme .homepage-box-content { | |||
text-align: center; | |||
} | |||
.homepage-welcome-fogen { | |||
margin-bottom: 1rem; | |||
text-align: center; | |||
. | |||
margin | |||
} | } | ||
. | .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; | font-weight: bold; | ||
} | } | ||
. | .homepage-box-title { | ||
margin: | 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, | ||
border-color: | .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 | |||
--------------------------------------------------- | |||
*/ | |||
.avt- | /* Pour créer des listes simples, souvent appelées | ||
margin | 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 | /* Modèle:Bandeau d'avertissement */ | ||
/* ------------------------------ */ | /* ------------------------------ */ | ||
.avt- | .avt-warn-banner { | ||
margin: 0.5em 90px; | |||
display: grid; | |||
border- | 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); | background-color: var(--box-background-color); | ||
} | } | ||
.avt-warn-banner-header { | |||
font-weight: bold; | |||
} | |||
.avt-warn-banner-img { | |||
margin: auto; | |||
.avt- | |||
margin: | |||
} | } | ||
.avt- | .avt-warn-banner-text { | ||
padding: 5px; | padding: 5px; | ||
font-size: 0. | } | ||
border- | .avt-warn-banner-desc, | ||
border- | .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: | /* Modèle:Bandeau de note */ | ||
/* ------------------------------ */ | /* ------------------------------ */ | ||
.avt- | .avt-note-banner { | ||
border: 1px solid var(--border-color-base); | margin-top: 0.5em; | ||
padding-left: 2em; | |||
padding-bottom: 0.5em; | |||
margin: 0.5em 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); | |||
} | |||
/* ------------------------------ */ | |||
/* 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); | background-color: var(--box-background-color); | ||
font-size: 0.9em; | |||
overflow: hidden; | overflow: hidden; | ||
display: flex; | |||
align-items: center; | |||
gap: 10px; | |||
} | } | ||
/* ------------------------------ */ | /* ------------------------------ */ | ||
/* Modèle: | /* Modèle:Bandeau de source */ | ||
/* ------------------------------ */ | /* ------------------------------ */ | ||
.avt- | .avt-source-banner { | ||
margin: 0.5em 0; | margin: 0.5em 0; | ||
display: flex; | |||
gap: 8px; | |||
align-items: center; | |||
} | } | ||
.avt- | .avt-source-banner-text { | ||
padding: 5px; | |||
border: 1px solid var(--border-color-base); | font-size: 0.9em; | ||
border-top: 1px solid var(--border-color-base); | |||
border-bottom: 1px solid var(--border-color-base); | |||
} | } | ||
/* ------------------------------ */ | /* ------------------------------ */ | ||
/* Modèle: | /* Modèle:Boîte de contenu de jeu */ | ||
/* ------------------------------ */ | /* ------------------------------ */ | ||
. | .avt-content-game-box { | ||
border- | 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); | |||
padding- | 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: 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; | |||
border: 1px solid var(--border-color-base); | |||
} | } | ||
. | .avt-dropdown-box .mw-collapsible-toggle { | ||
padding-right: 0.5em; | |||
. | |||
. | |||
} | } | ||
/* ------------------------------ */ | /* ------------------------------ */ | ||
/* Modèle: | /* Modèle:Citation */ | ||
/* ------------------------------ */ | /* ------------------------------ */ | ||
. | .mw-body-content blockquote { | ||
border-left: none; | |||
border- | |||
} | } | ||
blockquote { | |||
margin: 0 auto; | |||
margin: | |||
} | } | ||
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; | |||
} | } | ||
.va-documentation-content { | |||
margin: 0; | /* ------------------------------ */ | ||
padding: 20px; | /* Modèle:Citation ligne */ | ||
} | /* ------------------------------ */ | ||
.va-documentation-small { | |||
font-size: 0.8em; | .np-quote-snd-trigger { | ||
} | display: inline-block; | ||
.va-documentation-bar-top .external { | position: relative; | ||
background: none !important; | top: auto; | ||
padding: 0 !important; | left: auto; | ||
} | padding: 0px 2px; | ||
} | |||
/* ---------------------------------- */ | .np-quote-snd-trigger:hover .np-quote-snd-player { | ||
/* Modèle:En-tête Aide */ | display: block; | ||
/* ---------------------------------- */ | } | ||
.np-quote-snd-player { | |||
.avt-help-homepage-title { | display: none; | ||
color: var(--color-warning); | position: absolute; | ||
text-align: center; | top: -30px; | ||
} | left: 100%; | ||
.avt-help-header { | z-index: 100 !important; | ||
display: grid; | width: 300px; | ||
gap: 10px; | overflow-x: hidden; | ||
grid-template-columns: 1fr 1fr; | margin: 0px; | ||
padding: 20px; | padding: 5px 10px 10px 10px; | ||
border: 1px solid var(--border-color-base); | border: 1px solid var(--border-color-base); | ||
background-color: var(--box-background-color); | box-shadow: var(--box-shadow); | ||
box-shadow: var(--box-shadow); | background-color: var(--box-background-color); | ||
justify-items: center; | text-align: left; | ||
align-items: center; | font-size: 0.85em; | ||
margin: 1em 0; | } | ||
} | .np-quote-snd-player-img { | ||
float: left; | |||
/* ---------------------------------- */ | width: 55px; | ||
/* Modèle:Fiche de créatur */ | } | ||
/* ---------------------------------- */ | .np-quote-snd-player-title { | ||
width: 250px; | |||
.creature-card { | height: 50px; | ||
margin: 1em 0 1em 0; | display: table-cell; | ||
display: grid; | vertical-align: middle; | ||
grid-template-columns: 3fr 2fr; | } | ||
padding: 1em; | .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); | background-color: var(--box-background-color); | ||
border: 1px solid var(--border-color-base); | border: 1px solid var(--border-color-base); | ||
Ligne 1 593 : | Ligne 1 892 : | ||
font-size: 0.8em; | font-size: 0.8em; | ||
line-height: 1.6; | line-height: 1.6; | ||
} | |||
/* ---------------------------------- */ | |||
/* Modèle:Référence Dialogue */ | |||
/* ---------------------------------- */ | |||
.reference-dial { | |||
display: table; | |||
} | |||
.reference-dial-character { | |||
display: table-cell; | |||
text-align: right; | |||
white-space: nowrap; | |||
} | |||
.reference-dial-text { | |||
display: table-cell; | |||
} | |||
.reference-dial-row { | |||
display: table-row; | |||
} | } | ||
modifications