|
|
Ligne 1 : |
Ligne 1 : |
| /* | | /* |
| ---------------------------------------------------
| | --------------------------------------------------- |
| Variables
| | Variables |
| ---------------------------------------------------
| | --------------------------------------------------- |
| Ces variables définissent les couleurs utilisés par
| | Ces variables définissent les couleurs utilisés par |
| le wiki.
| | le wiki. |
| ---------------------------------------------------
| | --------------------------------------------------- |
| */ | | */ |
|
| |
|
| :root { | | :root { |
| --background-color-dp-00: #020601;
| | --background-color-dp-00: #a9ceea; |
| --background-color-dp-01: #040d02;
| | --background-color-dp-01: #b1d2ec; |
| --background-color-dp-02: #071403;
| | --background-color-dp-02: #bad7ee; |
| --background-color-dp-03: #091b04;
| | --background-color-dp-03: #c2dcf0; |
| --background-color-dp-04: #0c2205;
| | --background-color-dp-04: #cbe1f2; |
| --background-color-dp-06: #0e2806;
| | --background-color-dp-06: #d4e6f4; |
| --background-color-dp-08: #102f07;
| | --background-color-dp-08: #dcebf6; |
| --background-color-dp-12: #133608;
| | --background-color-dp-12: #e5f0f8; |
| --background-color-dp-16: #153d09;
| | --background-color-dp-16: #edf5fa; |
| --background-color-dp-24: #18440b;
| | --background-color-dp-24: #f6fafc; |
| --background-color-overlay: rgba(0,0,0,0.99);
| | --background-color-overlay: rgba(0,0,0,0.99); |
| --background-color-overlay--lighter: rgba(19,26,33,0.6);
| | --background-color-overlay--lighter: rgba(19,26,33,0.6); |
| --background-color-framed: #040d02;
| | --background-color-framed: #040d02; |
| --background-color-framed--hover: #091b04;
| | --background-color-framed--hover: #091b04; |
| --background-color-framed--active: #020601;
| | --background-color-framed--active: #020601; |
| --background-color-input: rgba(0,0,0,0.5);
| | --background-color-input: rgba(0,0,0,0.5); |
| --background-color-icon: rgba(255,255,255,0.4);
| | --background-color-icon: rgba(255,255,255,0.4); |
| --background-color-icon--hover: rgba(255,255,255,0.6);
| | --background-color-icon--hover: rgba(255,255,255,0.6); |
| --background-color-icon--active: rgba(255,255,255,0.2);
| | --background-color-icon--active: rgba(255,255,255,0.2); |
| --background-color-quiet--hover: rgba(255,255,255,0.07);
| | --background-color-quiet--hover: rgba(255,255,255,0.07); |
| --background-color-quiet--active: rgba(255,255,255,0.03);
| | --background-color-quiet--active: rgba(255,255,255,0.03); |
| --background-color-primary--hover: #18440b;
| | --background-color-primary--hover: #18440b; |
| --background-color-primary--active: #26437f;
| | --background-color-primary--active: #26437f; |
| --background-color-destructive: #b32424;
| | --background-color-destructive: #b32424; |
| --background-color-warning: #ac6600;
| | --background-color-warning: #ac6600; |
| --background-color-success: #14866d;
| | --background-color-success: #14866d; |
| --background-img: url(/skins/Vector/images/background/coolblack.png);
| | --background-img: no-repeat url(https://fallout-generation.com/fichiers/images//gallery/album_1/gallery_1_1_135629.jpg); |
| --background-main: #050905;
| | --background-main: #fff; |
| --box-background-color: #000300;
| | --box-background-color: #f6fafc; |
| --box-shadow: 0 0 10px #071403;
| | --box-shadow: 0 0 10px #e9f2f9; |
| --color-base: #c6c6c6;
| | --color-base: black; |
| --color-base--emphasized: rgba(255,255,255,0.87);
| | --color-base--emphasized: rgba(255,255,255,0.87); |
| --color-base--subtle: rgba(255,255,255,0.38);
| | --color-base--subtle: rgba(255,255,255,0.38); |
| --color-primary: #51E527;
| | --color-primary: #51E527; |
| --color-primary--hover: #18440b;
| | --color-primary--hover: #18440b; |
| --color-primary--active: #2a4b8d;
| | --color-primary--active: #2a4b8d; |
| --color-destructive: #0066cc;
| | --color-destructive: #0066cc; |
| --color-destructive--hover: #e35b5b;
| | --color-destructive--hover: #e35b5b; |
| --color-destructive--active: #b32424;
| | --color-destructive--active: #b32424; |
| --color-warning: #ffcc33;
| | --color-warning: #ffcc33; |
| --color-success: #090a0a;
| | --color-success: #090a0a; |
| --color-link: #51E527;
| | --color-link: #0645ad; |
| --color-link--hover: #18440b;
| | --color-link--hover: #18440b; |
| --color-link--active: #2a4b8d;
| | --color-link--active: #2a4b8d; |
| --color-link-new: #e35b5b;
| | --color-link-new: #EE474D; |
| --color-link-new--hover: #fee7e6;
| | --color-link-new--hover: #fee7e6; |
| --color-link-new--active: #b32424;
| | --color-link-new--active: #b32424; |
| --opacity-base--disabled: 0.2;
| | --opacity-base--disabled: 0.2; |
| --opacity-icon-base: 0.4;
| | --opacity-icon-base: 0.4; |
| --opacity-icon-base--hover: 0.6;
| | --opacity-icon-base--hover: 0.6; |
| --opacity-icon-base--active: 0.2;
| | --opacity-icon-base--active: 0.2; |
| --size-icon: 20px;
| | --size-icon: 20px; |
| --border-color-base: rgba(255,255,255,0.05);
| | --border-color-base: rgba(0, 0, 0, 0.1); |
| --border-color-base--lighter: rgba(255,255,255,0.02);
| | --border-color-base--lighter: rgba(255,255,255,0.02); |
| --border-color-base--darker: rgba(255,255,255,0.14);
| | --border-color-base--darker: #0000005e; |
| --border-color-input: rgba(255,255,255,0.05);
| | --border-color-input: rgba(255,255,255,0.05); |
| --border-color-input--hover: rgba(255,255,255,0.5);
| | --border-color-input--hover: rgba(255,255,255,0.5); |
| --border-radius--small: 4px;
| | --border-radius--small: 4px; |
| --border-radius--medium: 8px;
| | --border-radius--medium: 8px; |
| --border-radius--large: 12px;
| | --border-radius--large: 12px; |
| --font-family-base: 'Roboto',system-ui,-apple-system,sans-serif;
| | --font-family-base: 'Roboto',system-ui,-apple-system,sans-serif; |
| --font-family-serif: Georgia,serif;
| | --font-family-serif: Georgia,serif; |
| --font-family-monospace: 'SFMono-Regular','Menlo','Roboto Mono','Consolas','Liberation Mono','Courier New',monospace;
| | --font-family-monospace: 'SFMono-Regular','Menlo','Roboto Mono','Consolas','Liberation Mono','Courier New',monospace; |
| --icon-filter-full: invert(1);
| |
| --icon-filter-half: invert(0.5);
| |
| } | | } |
|
| |
|
| /* | | /* |
| ---------------------------------------------------
| | --------------------------------------------------- |
| Legacy
| | Legacy |
| ---------------------------------------------------
| | --------------------------------------------------- |
| le style ci-dessous doit être maintenu tant
| | le style ci-dessous doit être maintenu tant |
| que les modèles associés sont encore utilisés.
| | que les modèles associés sont encore utilisés. |
| Ces classes doivent être supprimées.
| | Ces classes doivent être supprimées. |
| ---------------------------------------------------
| | --------------------------------------------------- |
| */ | | */ |
|
| |
|
Ligne 123 : |
Ligne 121 : |
|
| |
|
| /* | | /* |
| ---------------------------------------------------
| | --------------------------------------------------- |
| Vector override
| | Vector override |
| ---------------------------------------------------
| | --------------------------------------------------- |
| le style ci-dessous écrase les classes par défaut
| | le style ci-dessous écrase les classes par défaut |
| de l'habillage Vector.
| | de l'habillage Vector. |
| ---------------------------------------------------
| | --------------------------------------------------- |
| */ | | */ |
|
| |
|
| /* Fonds d'écran principal */ | | /* Fond principal */ |
| body { | | body { |
| background: var(--background-img);
| | background: var(--background-img); |
| color: var(--color-base);
| | background-size: cover; |
| | background-attachment: fixed; |
| } | | } |
| /* Taille de la police */ | | /* Cadre central */ |
| .mw-body-content { | | .mw-page-container { |
| font-size: 14px;
| | background: var(--background-main); |
| | border-left: 1px solid var(--border-color-base); |
| | border-right: 1px solid var(--border-color-base); |
| } | | } |
| /* Couleur des liens et du texte */ | | /* Cadre de la barre latéral gauche */ |
| a,
| |
| a:visited,
| |
| .vector-menu-portal .vector-menu-content li a,
| |
| .vector-menu-portal .vector-menu-content li a:visited,
| |
| .vector-menu-tabs li a,
| |
| .vector-menu-dropdown li a,
| |
| .toctogglelabel {
| |
| color: var(--color-link);
| |
| }
| |
| a.new,
| |
| .vector-menu-tabs .new a, .vector-menu-tabs .new a:visited {
| |
| color: var(--color-link-new);
| |
| }
| |
| h1,
| |
| h2,
| |
| h3,
| |
| h4,
| |
| h5,
| |
| h6,
| |
| .vector-menu-tabs .selected a,
| |
| .vector-menu-tabs .selected a:visited,
| |
| .vector-menu-portal h3,
| |
| .mw-body,
| |
| .parsoid-body,
| |
| .tocnumber,
| |
| .mw-footer li {
| |
| color: var(--color-base);
| |
| }
| |
| /* Liens externes, on enlève l'image */
| |
| .mw-parser-output .external {
| |
| background-image: none;
| |
| padding-right: 0;
| |
| }
| |
| .mw-parser-output a.extiw, .mw-parser-output a.external {
| |
| color: #fdca00;
| |
| }
| |
| .mw-parser-output a.extiw:visited, .mw-parser-output a.external:visited {
| |
| color: #fdca00;
| |
| }
| |
| /* Menu de gauche */
| |
| #mw-panel { | | #mw-panel { |
| background: none;
| | background: var(--background-main); |
| border-right: none;
| |
| }
| |
| .vector-menu-portal h3 {
| |
| background: none;
| |
| border-bottom: 1px solid var(--border-color-base--darker);
| |
| }
| |
| /* En-tête de la page & Barre d'actions de l'article */
| |
| #mw-page-base,
| |
| .vector-menu-tabs li,
| |
| .vector-menu-tabs .selected,
| |
| .vector-menu-tabs,
| |
| .vector-menu-tabs a,
| |
| #mw-head .vector-menu-dropdown h3 {
| |
| background: none;
| |
| }
| |
| .vector-menu-dropdown .vector-menu-content {
| |
| background: var(--background-color-dp-02);
| |
| border: 1px solid var(--border-color-base--darker);
| |
| }
| |
| /* Barre de recherche et suggestions */
| |
| #searchInput {
| |
| background-color: var(--box-background-color);
| |
| border: 1px solid var(--border-color-base--darker);
| |
| color: var(--color-base);
| |
| }
| |
| #searchButton {
| |
| filter: var(--icon-filter-full);
| |
| }
| |
| #searchInput:focus, #simpleSearch:hover #searchInput:focus {
| |
| border-color: var(--color-link);
| |
| box-shadow: var(--box-shadow);
| |
| }
| |
| .suggestions-results {
| |
| background-color: var(--box-background-color);
| |
| border: 1px solid var(--border-color-base--darker);
| |
| }
| |
| .suggestions-result,
| |
| .suggestions a.mw-searchSuggest-link,
| |
| .suggestions a.mw-searchSuggest-link:hover,
| |
| .suggestions a.mw-searchSuggest-link:active,
| |
| .suggestions a.mw-searchSuggest-link:focus,
| |
| .suggestions-special .special-query {
| |
| color: var(--color-base);
| |
| }
| |
| .suggestions-special {
| |
| background-color: var(--box-background-color);
| |
| border: 1px solid var(--border-color-base--darker);
| |
| }
| |
| /* Cadre du contenu */
| |
| .mw-page-container {
| |
| background: var(--background-main);
| |
| border-left: 1px solid var(--border-color-base--darker);
| |
| border-right: 1px solid var(--border-color-base--darker);
| |
| }
| |
| .mw-body {
| |
| border-top: 1px solid var(--border-color-base--darker);
| |
| }
| |
| /* Titres */
| |
| h1, h2 {
| |
| border-bottom: 1px solid var(--border-color-base--darker);
| |
| }
| |
| /* Table des matières */
| |
| .toc {
| |
| background: var(--box-background-color);
| |
| box-shadow: var(--box-shadow);
| |
| border: 1px solid var(--border-color-base--darker);
| |
| }
| |
| /* Listes */
| |
| ul {
| |
| list-style: '– ';
| |
| }
| |
| /* Balise <code> */
| |
| code {
| |
| padding: 0px 3px 0px 3px;
| |
| color: var(--color-base);
| |
| background-color: var(--box-background-color);
| |
| border: 1px solid var(--border-color-base--darker);
| |
| }
| |
| /* Balises <pre> */
| |
| pre {
| |
| background-color: var(--box-background-color);
| |
| color: var(--color-base);
| |
| border: 1px solid var(--border-color-base--darker);
| |
| }
| |
| .mw-content-ltr.mw-highlight-lines pre, .mw-content-ltr.content .mw-highlight-lines pre {
| |
| box-shadow: inset 2.75em 0 0 var(--background-color-dp-01);
| |
| }
| |
| .mw-highlight .linenos {
| |
| color: var(--color-link);
| |
| }
| |
| .mw-highlight .nf,
| |
| .mw-highlight .nc {
| |
| color: #FFEF00;
| |
| }
| |
| /* Balise <gallery> */
| |
| li.gallerybox div.thumb {
| |
| background: var(--box-background-color);
| |
| border: 1px solid var(--border-color-base--darker);
| |
| }
| |
| /* Barre des catégories */
| |
| .catlinks {
| |
| background: var(--box-background-color);
| |
| box-shadow: var(--box-shadow);
| |
| border: 1px solid var(--border-color-base--darker);
| |
| }
| |
| /* Icônes d'alerte et de notification */
| |
| #pt-notifications-alert .mw-echo-notifications-badge.mw-echo-notifications-badge-all-read,
| |
| #pt-notifications-notice .mw-echo-notifications-badge.mw-echo-notifications-badge-all-read {
| |
| opacity: 1;
| |
| }
| |
| #pt-notifications-alert .mw-echo-notifications-badge,
| |
| #pt-notifications-notice .mw-echo-notifications-badge,
| |
| #mw-sidebar-checkbox:not(:checked) ~ .mw-header #mw-sidebar-button::before,
| |
| #mw-sidebar-button::before,
| |
| #mw-indicator-mw-helplink a,
| |
| .mw-ui-icon-wikimedia-userAvatar::before,
| |
| .mw-ui-icon-wikimedia-userTalk::before,
| |
| .mw-ui-icon-wikimedia-settings::before,
| |
| .mw-ui-icon-wikimedia-unStar::before,
| |
| .mw-ui-icon-wikimedia-userContributions::before,
| |
| .mw-ui-icon-wikimedia-logOut::before,
| |
| .vector-menu-dropdown h3::after,
| |
| .mw-ui-icon-wikimedia-ellipsis::before {
| |
| filter: var(--icon-filter-full)
| |
| }
| |
| #pt-notifications-alert .mw-echo-notifications-badge::after,
| |
| #pt-notifications-notice .mw-echo-notifications-badge::after {
| |
| background-color: var(--color-destructive);
| |
| }
| |
| /* Références */
| |
| ol.references li:target, sup.reference:target {
| |
| background-color: var(--background-color-dp-06);
| |
| }
| |
| /* Pied de page */
| |
| .mw-footer {
| |
| border-top: 1px solid var(--border-color-base--darker);
| |
| }
| |
| /* Images en vignette */
| |
| div.thumbinner {
| |
| border: 1px solid var(--border-color-base--darker);
| |
| background-color: var(--box-background-color);
| |
| }
| |
| .thumbimage {
| |
| background: none;
| |
| border: 1px solid var(--border-color-base--darker);
| |
| }
| |
| /* Barre d'outils inférieure */
| |
| .client-js .mw-edittools-section {
| |
| display: inline;
| |
| }
| |
| .vector-user-links .vector-user-menu .vector-menu-content-item:hover, .vector-user-links .vector-user-menu .mw-list-item > a:hover {
| |
| background-color: var(--background-color-dp-04);
| |
| }
| |
| .vector-user-links .vector-user-menu .vector-menu-content-item-logout {
| |
| border-color: var(--border-color-base--darker);
| |
| }
| |
| .wvui-typeahead-search {
| |
| background-color: var(--background-color-dp-00);
| |
| border-color: var(--border-color-base--darker);
| |
| }
| |
| .wvui-typeahead-search {
| |
| border-color: var(--border-color-base--darker);
| |
| }
| |
| .wvui-input__input:not([disabled]) {
| |
| background-color: var(--background-color-dp-00);
| |
| color: var(--color-base);
| |
| border-color: var(--border-color-base--darker);
| |
| }
| |
| .wvui-button--framed:not([disabled]):hover {
| |
| background-color: var(--background-color-dp-04);
| |
| color: var(--color-base);
| |
| }
| |
| .wvui-button--framed:not([disabled]) {
| |
| border-color: var(--border-color-base--darker);
| |
| }
| |
| .wvui-button:not([disabled]):focus {
| |
| border-color: var(--color-link);
| |
| box-shadow: inset 0 0 0 1px var(--color-link);
| |
| }
| |
| .wvui-button--framed:not([disabled]) {
| |
| background-color: var(--background-color-dp-02);
| |
| border-color: var(--border-color-base--darker);
| |
| }
| |
| .wvui-button:not([disabled]) {
| |
| color: var(--color-base);
| |
| opacity: 1;
| |
| }
| |
| .wvui-input__input:not([disabled]):hover {
| |
| border-color: var(--color-link);
| |
| }
| |
| .wvui-input__input:not([disabled]):focus {
| |
| border-color: var(--color-link);
| |
| box-shadow: inset 0 0 0 1px var(--color-link);
| |
| }
| |
| .wvui-typeahead-search__suggestions {
| |
| background-color: var(--background-color-dp-00);
| |
| border-color: var(--border-color-base--darker);
| |
| }
| |
| .wvui-typeahead-suggestion__title {
| |
| color: var(--color-base);
| |
| }
| |
| .wvui-typeahead-search__suggestions__footer {
| |
| color: var(--color-base);
| |
| border-top-color: var(--border-color-base--darker);
| |
| }
| |
| .wvui-typeahead-suggestion--active,
| |
| .wvui-typeahead-search__suggestions__footer {
| |
| background-color: var(--background-color-dp-04);
| |
| }
| |
| .vector-user-links .vector-user-menu-more .vector-menu-content-list li a,
| |
| .vector-user-links .vector-user-menu .vector-menu-content-item,
| |
| .vector-user-links .vector-user-menu .mw-list-item > a {
| |
| color: var(--color-link);
| |
| }
| |
| /* PAGES DE DISCUSSION : COLORATION INDENTÉE */
| |
| .ns-talk #mw-content-text dd {
| |
| margin: 0;
| |
| padding: 0;
| |
| }
| |
| .ns-talk #mw-content-text dl {
| |
| border-top: solid 1px var(--border-color-base--darker);
| |
| border-left: solid 1px var(--border-color-base--darker);
| |
| padding-top: 0.5em;
| |
| padding-left: 0.5em;
| |
| margin-left: 1em;
| |
| }
| |
| .ns-talk #mw-content-text dl,
| |
| .ns-talk #mw-content-text dl dl dl,
| |
| .ns-talk #mw-content-text dl dl dl dl dl,
| |
| .ns-talk #mw-content-text dl dl dl dl dl dl dl,
| |
| .ns-talk #mw-content-text dl dl dl dl dl dl dl dl dl,
| |
| .ns-talk #mw-content-text dl dl dl dl dl dl dl dl dl dl dl,
| |
| .ns-talk #mw-content-text dl dl dl dl dl dl dl dl dl dl dl dl dl {
| |
| background: var(--background-color-dp-02);
| |
| }
| |
| .ns-talk #mw-content-text dl dl,
| |
| .ns-talk #mw-content-text dl dl dl dl,
| |
| .ns-talk #mw-content-text dl dl dl dl dl dl,
| |
| .ns-talk #mw-content-text dl dl dl dl dl dl dl dl,
| |
| .ns-talk #mw-content-text dl dl dl dl dl dl dl dl dl dl,
| |
| .ns-talk #mw-content-text dl dl dl dl dl dl dl dl dl dl dl dl,
| |
| .ns-talk #mw-content-text dl dl dl dl dl dl dl dl dl dl dl dl dl dl {
| |
| background: var(--background-main);
| |
| }
| |
| | |
| /* ------------------------------ */
| |
| /* MediaWiki:Sitenotice */
| |
| /* ------------------------------ */
| |
| | |
| .avt-sitenotice {
| |
| border: 1px solid var(--border-color-base--darker);
| |
| background-color: var(--box-background-color);
| |
| box-shadow: var(--box-shadow);
| |
| padding: 5px;
| |
| display: flex;
| |
| align-items: center;
| |
| justify-content: center;
| |
| gap: 10px;
| |
| }
| |
| .avt-sitenotice a {
| |
| color: var(--color-link) !important;
| |
| }
| |
| | |
| /* ------------------------------------- */
| |
| /* Spécial:Modifications récentes */
| |
| /* ------------------------------------- */
| |
| | |
| .mw-rcfilters-collapsed .mw-rcfilters-ui-filterTagMultiselectWidget {
| |
| border-bottom: none;
| |
| }
| |
| .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
| |
| background-color: var(--background-color-dp-12);
| |
| border-color: var(--border-color-base--darker);
| |
| color: var(--color-base);
| |
| }
| |
| .oo-ui-buttonElement-framed.oo-ui-iconElement.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon,
| |
| .oo-ui-buttonElement-framed.oo-ui-iconElement.oo-ui-indicatorElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon,
| |
| .oo-ui-buttonElement.oo-ui-widget-enabled > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon:not(.oo-ui-image-invert),
| |
| .oo-ui-buttonElement.oo-ui-widget-enabled > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator:not(.oo-ui-image-invert) {
| |
| filter: var(--icon-filter-half);
| |
| }
| |
| .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined,
| |
| .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected {
| |
| background-color: var(--background-color-dp-02);
| |
| }
| |
| .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
| |
| color: var(--color-link);
| |
| }
| |
| .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
| |
| background-color: var(--background-color-dp-02);
| |
| border: 1px solid var(--border-color-base--darker);
| |
| }
| |
| .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled,
| |
| .mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) {
| |
| background-color: var(--background-color-dp-04);
| |
| }
| |
| .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .mw-rcfilters-ui-tagItemWidget-selected.oo-ui-tagItemWidget.oo-ui-widget-enabled {
| |
| background-color: var(--background-color-dp-06);
| |
| border-color: var(--border-color-base--darker);
| |
| }
| |
| .mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget {
| |
| border: 1px solid var(--border-color-base--darker);
| |
| }
| |
| .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend {
| |
| background-color: var(--background-color-dp-02);
| |
| border: 1px solid var(--border-color-base--darker);
| |
| }
| |
| .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button {
| |
| background-color: var(--background-color-dp-24);
| |
| border-color: var(--color-link);
| |
| }
| |
| .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate + span {
| |
| background-color: var(--color-link);
| |
| border-color: var(--color-link);
| |
| }
| |
| .oo-ui-popupWidget-popup {
| |
| background-color: var(--box-background-color);
| |
| border: 1px solid var(--border-color-base--darker);
| |
| color: var(--color-base);
| |
| }
| |
| .mw-rcfilters-ui-datePopupWidget {
| |
| border-top: 1px solid var(--border-color-base--darker);
| |
| }
| |
| .mw-plusminus-pos {
| |
| color: var(--color-destructive);
| |
| }
| |
| .mw-rcfilters-ui-filterMenuSectionOptionWidget {
| |
| background-color: var(--background-color-dp-00);
| |
| }
| |
| .mw-rcfilters-ui-filterMenuHeaderWidget-header {
| |
| border-bottom: 1px solid var(--border-color-base--darker);
| |
| background-color: var(--background-color-dp-00);
| |
| }
| |
| .mw-rcfilters-ui-itemMenuOptionWidget:not(:last-child):not(.mw-rcfilters-ui-itemMenuOptionWidget-identifier-talk) {
| |
| border-bottom: 1px solid var(--border-color-base--darker);
| |
| }
| |
| .mw-rcfilters-ui-itemMenuOptionWidget:hover {
| |
| background-color: var(--background-color-dp-08);
| |
| }
| |
| .mw-rcfilters-ui-itemMenuOptionWidget-label-title,
| |
| .mw-rcfilters-ui-itemMenuOptionWidget-label-desc,
| |
| .mw-rcfilters-ui-viewSwitchWidget label.oo-ui-labelWidget,
| |
| .mw-rcfilters-ui-filterMenuSectionOptionWidget-header-title.oo-ui-labelElement-label,
| |
| .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title,
| |
| .oo-ui-tagItemWidget.oo-ui-widget-enabled,
| |
| .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
| |
| color: var(--color-base);
| |
| }
| |
| .mw-rcfilters-ui-menuSelectWidget-footer {
| |
| background-color: var(--background-color-dp-00);
| |
| border-top: 1px solid var(--border-color-base--darker);
| |
| }
| |
| | |
| /* ------------------------ */
| |
| /* Spécial:Messages_système */
| |
| /* ------------------------ */
| |
| | |
| .oo-ui-panelLayout-padded.oo-ui-panelLayout-framed {
| |
| border: 1px solid var(--border-color-base--darker);
| |
| background-color: var(--box-background-color);
| |
| }
| |
| | |
| /* ------------------------------ */
| |
| /* Spécial:Préférences */
| |
| /* ------------------------------ */
| |
| | |
| .mw-prefs-tabs-wrapper.oo-ui-panelLayout-framed,
| |
| .mw-prefs-tabs > .oo-ui-menuLayout-content > .oo-ui-indexLayout-stackLayout > .oo-ui-tabPanelLayout {
| |
| border-color: var(--border-color-base--darker);
| |
| background: var(--box-background-color);
| |
| }
| |
| .oo-ui-tabSelectWidget-framed {
| |
| background-color: var(--background-color-dp-02);
| |
| }
| |
| .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected {
| |
| background-color: var(--background-color-dp-06);
| |
| color: var(--color-base);
| |
| }
| |
| .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected .oo-ui-labelElement-label {
| |
| border-bottom-color: var(--border-color-base--darker);
| |
| }
| |
| .mw-prefs-buttons {
| |
| background-color: var(--background-color-dp-02);
| |
| border-top: 1px solid var(--border-color-base--darker);
| |
| }
| |
| .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:nth-child(2n) td {
| |
| background-color: var(--background-color-dp-00);
| |
| }
| |
| .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:hover td {
| |
| background-color: var(--background-color-dp-04);
| |
| }
| |
| | |
| /* ------------------------ */
| |
| /* Spécial:Recherche */
| |
| /* ------------------------ */
| |
| | |
| .search-types .current a {
| |
| color: var(--color-base);
| |
| }
| |
| .mw-search-profile-tabs {
| |
| background-color: var(--box-background-color);
| |
| border: 1px solid var(--border-color-base--darker);
| |
| }
| |
| .search-types .current a,
| |
| .oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget {
| |
| color: var(--color-base);
| |
| }
| |
| .oo-ui-textInputWidget .oo-ui-inputWidget-input {
| |
| background-color: var(--box-background-color);
| |
| color: inherit;
| |
| border: 1px solid var(--border-color-base--darker);
| |
| }
| |
| .oo-ui-textInputWidget.oo-ui-widget-enabled > .oo-ui-iconElement-icon,
| |
| .oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-textInputWidget-type-search > .oo-ui-indicatorElement-indicator{
| |
| filter: var(--icon-filter-full)
| |
| }
| |
| .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input:focus {
| |
| box-shadow: inset 0 0 0 1px var(--color-link);
| |
| border-color: var(--color-link);
| |
| }
| |
| .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
| |
| background-color: var(--background-color-dp-12);
| |
| border-color: var(--border-color-base--darker);
| |
| color: var(--color-base);
| |
| }
| |
| .oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input:focus {
| |
| border-color: var(--border-color-base--darker);
| |
| }
| |
| .oo-ui-menuSelectWidget {
| |
| background-color: var(--box-background-color);
| |
| border: 1px solid var(--border-color-base--darker);
| |
| box-shadow: var(--box-shadow);
| |
| }
| |
| .oo-ui-outlineOptionWidget.oo-ui-optionWidget-highlighted {
| |
| background: var(--background-color-dp-02);
| |
| }
| |
| .oo-ui-dropdownInputWidget.oo-ui-widget-enabled {
| |
| background-color: var(--box-background-color);
| |
| }
| |
| .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle {
| |
| background-color: var(--box-background-color);
| |
| color: var(--color-base);
| |
| border: 1px solid var(--border-color-base--darker);
| |
| }
| |
| .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle .oo-ui-iconElement-icon,
| |
| .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle .oo-ui-indicatorElement-indicator {
| |
| filter: invert(0.7);
| |
| }
| |
| .mw-advancedSearch-fieldContainer,
| |
| .mw-advancedSearch-namespace-selection {
| |
| background: linear-gradient(rgba(0,0,0,0.1), var(--box-background-color) 0.5em);
| |
| border-color: var(--border-color-base--darker);
| |
| }
| |
| .mw-advancedSearch-fieldContainer .oo-ui-labelElement > .oo-ui-fieldsetLayout-header > .oo-ui-labelElement-label {
| |
| background: var(--box-background-color);
| |
| color: var(--color-base);
| |
| }
| |
| .mw-advancedSearch-fieldContainer fieldset {
| |
| border-top: solid 1px var(--border-color-base--darker);
| |
| }
| |
| .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled {
| |
| background-color: var(--box-background-color);
| |
| }
| |
| .oo-ui-tagMultiselectWidget-handle {
| |
| border: 1px solid var(--border-color-base--darker);
| |
| }
| |
| .oo-ui-tagMultiselectWidget-handle .oo-ui-tagMultiselectWidget-group > input {
| |
| color: var(--color-base);
| |
| }
| |
| .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-tagMultiselectWidget-focus .oo-ui-tagMultiselectWidget-handle,
| |
| .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:focus {
| |
| border-color: var(--color-link);
| |
| box-shadow: var(--box-shadow)
| |
| }
| |
| .oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle {
| |
| background-color: var(--background-color-dp-00);
| |
| }
| |
| .oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted {
| |
| background-color: var(--background-color-dp-06);
| |
| }
| |
| .oo-ui-tagItemWidget.oo-ui-widget-enabled:not(.oo-ui-tagItemWidget-fixed) {
| |
| background-color: var(--background-color-dp-06);
| |
| }
| |
| .oo-ui-tagItemWidget {
| |
| border-color: var(--border-color-base--darker);
| |
| }
| |
| .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover {
| |
| background-color: var(--background-color-dp-06);
| |
| color: var(--color-base);
| |
| border-color: var(--border-color-base--darker);
| |
| }
| |
| .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:hover {
| |
| background-color: var(--background-color-dp-06);
| |
| }
| |
| .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted,
| |
| .oo-ui-menuOptionWidget.oo-ui-optionWidget-pressed.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted {
| |
| background-color: var(--background-color-dp-02);
| |
| color: var(--color-link);
| |
| }
| |
| .mw-advancedSearch-expandablePane-button.oo-ui-widget-enabled.oo-ui-buttonWidget > .oo-ui-buttonElement-button:hover {
| |
| background-color: var(--background-color-dp-06);
| |
| color: var(--color-base);
| |
| }
| |
| .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover {
| |
| background-color: var(--background-color-dp-24);
| |
| color: var(--color-base);
| |
| border-color: var(--border-color-base--darker);
| |
| }
| |
| .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus {
| |
| border-color: var(--color-link);
| |
| box-shadow: var(--box-shadow);
| |
| }
| |
| .mw-advancedSearch-namespace-border {
| |
| border-top: 4px solid var(--border-color-base--darker);
| |
| border-bottom: 1px solid var(--border-color-base--darker);
| |
| }
| |
| .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled.selected {
| |
| background-color: var(--background-color-dp-04);
| |
| border-color: var(--color-link);
| |
| }
| |
| | |
| /* ------------------------ */
| |
| /* Editeur de wikicode */
| |
| /* ------------------------ */
| |
| | |
| .editOptions {
| |
| background-color: var(--box-background-color);
| |
| color: var(--color-base);
| |
| border-color: var(--border-color-base--darker);
| |
| }
| |
| .oo-ui-processDialog-navigation {
| |
| background-color: var(--background-color-dp-02);
| |
| }
| |
| .oo-ui-processDialog-content .oo-ui-window-head,
| |
| .oo-ui-processDialog-content .oo-ui-window-foot {
| |
| outline: 1px solid var(--border-color-base--darker);
| |
| }
| |
| .oo-ui-window-body {
| |
| background-color: var(--background-main);
| |
| }
| |
| .oo-ui-window-foot {
| |
| background-color: var(--background-color-dp-02);
| |
| }
| |
| .oo-ui-fieldLayout-header,
| |
| .oo-ui-processDialog-location,
| |
| .oo-ui-messageDialog-message,
| |
| .mw-summary-preview,
| |
| .ve-ui-mwSaveDialog-summaryLabel,
| |
| .ve-ui-mwSaveDialog-license {
| |
| color: var(--color-base);
| |
| }
| |
| .ve-ui-mwSaveDialog-summary {
| |
| background-color: var(--border-color-base--darker);
| |
| }
| |
| .oo-ui-inputWidget-input {
| |
| color: var(--color-base) !important;;
| |
| }
| |
| .oo-ui-processDialog .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) > .oo-ui-buttonElement-button:hover,
| |
| .oo-ui-processDialog .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) > .oo-ui-buttonElement-button:active {
| |
| border-right-color: var(--border-color-base--darker);
| |
| border-left-color: transparent;
| |
| }
| |
| .oo-ui-textInputWidget.oo-ui-widget-enabled textarea.oo-ui-inputWidget-input:focus {
| |
| outline: 1px solid var(--color-link);
| |
| }
| |
| .ve-ui-mwSaveDialog-options {
| |
| background-color: var(--background-color-dp-02);
| |
| border-color: var(--border-color-base--darker);
| |
| }
| |
| .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover {
| |
| background-color: var(--background-color-dp-24);
| |
| border-color: var(--background-color-dp-24);
| |
| color: var(--color-base);
| |
| }
| |
| .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget {
| |
| border-bottom: 1px solid var(--border-color-base--darker);
| |
| }
| |
| .oo-ui-messageDialog-content > .oo-ui-window-foot {
| |
| outline: 11px solid var(--border-color-base--darker);
| |
| }
| |
| .oo-ui-icon-wikiText, .mw-ui-icon-wikiText::before {
| |
| filter: var(--icon-filter-full)
| |
| }
| |
| .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
| |
| color: var(--color-base);
| |
| }
| |
| .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover {
| |
| background-color: var(--background-color-dp-06);
| |
| border-color: var(--color-link);
| |
| }
| |
| .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active,
| |
| .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button,
| |
| .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button,
| |
| .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active > .oo-ui-buttonElement-button {
| |
| background-color: var(--background-color-dp-06);
| |
| color: var(--color-base);
| |
| border-color: var(--border-color-base--darker);
| |
| }
| |
| .oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor::after {
| |
| border-bottom-color: var(--border-color-base--darker);
| |
| }
| |
| .oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor::before {
| |
| border-bottom-color: var(--background-color-dp-00);
| |
| }
| |
| | |
| /* ------------------------ */
| |
| /* Espace de nom Fichier */
| |
| /* ------------------------ */
| |
| | |
| fieldset {
| |
| border-color: var(--border-color-base--darker);
| |
| }
| |
| #filetoc {
| |
| border: 1px solid var(--border-color-base--darker);
| |
| background-color: var(--box-background-color);
| |
| }
| |
| | |
| /* ------------------------ */
| |
| /* Visionneuse de média */
| |
| /* ------------------------ */
| |
| | |
| .mw-ui-button,
| |
| .mw-ui-button:visited,
| |
| .mw-mmv-options-dialog-header,
| |
| .mw-mmv-options-text-header,
| |
| .mw-mmv-options-text-body,
| |
| .mw-ui-button.mw-ui-quiet {
| |
| color: var(--color-base);
| |
| }
| |
| .mw-ui-button {
| |
| background-color: var(--background-color-dp-04);
| |
| color: var(--color-base);
| |
| border: 1px solid var(--border-color-base--darker);
| |
| }
| |
| .mw-ui-button:focus,
| |
| .mw-ui-button:active,
| |
| .mw-ui-button:hover,
| |
| .mw-ui-button.is-on {
| |
| background-color: var(--background-color-dp-24);
| |
| color: var(--color-base);
| |
| border-color: var(--color-link);
| |
| box-shadow: var(--box-shadow);
| |
| }
| |
| .mw-mmv-filepage-buttons .mw-mmv-view-expanded.mw-ui-icon::before,
| |
| .mw-mmv-filepage-buttons .mw-mmv-view-config.mw-ui-icon::before {
| |
| filter: invert(0.65);
| |
| }
| |
| .mw-mmv-post-image, .mw-mmv-image-metadata {
| |
| color: var(--color-base);
| |
| background-color: var(--box-background-color);
| |
| border-top: 1px solid var(--border-color-base--darker);
| |
| }
| |
| .mw-ui-button.mw-ui-progressive {
| |
| background-color: var(--background-color-dp-04);
| |
| border: 1px solid var(--border-color-base--darker);
| |
| border-radius: 0;
| |
| }
| |
| .mw-ui-button.mw-ui-progressive:focus,
| |
| .mw-ui-button.mw-ui-progressive:active,
| |
| .mw-ui-button.mw-ui-progressive:hover {
| |
| background-color: var(--background-color-dp-24);
| |
| border: 1px solid var(--color-link);
| |
| box-shadow: var(--box-shadow);
| |
| }
| |
| .mw-mmv-dialog {
| |
| background-color: var(--background-color-dp-00);
| |
| border: 1px solid var(--border-color-base--darker);
| |
| box-shadow: var(--box-shadow);
| |
| }
| |
| .mw-mmv-dialog .mw-mmv-dialog-down-arrow {
| |
| background-color: var(--background-color-dp-00);
| |
| border-color: var(--border-color-base--darker);
| |
| }
| |
| .mw-mmv-dialog .mw-mmv-dialog-warning {
| |
| background: none;
| |
| color: var(--color-warning);
| |
| }
| |
| .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input[readonly]:not(.oo-ui-pendingElement-pending) {
| |
| background: none;
| |
| color: var(--color-base);
| |
| }
| |
| .mw-mmv-reuse-dialog .mw-mmv-reuse-tabs {
| |
| border-bottom: 1px solid var(--border-color-base--darker);
| |
| }
| |
| .mw-mmv-reuse-dialog .mw-mmv-reuse-tabs .oo-ui-optionWidget.oo-ui-optionWidget-selected, .mw-mmv-reuse-dialog .mw-mmv-reuse-tabs .oo-ui-optionWidget.oo-ui-optionWidget-highlighted.oo-ui-optionWidget-selected {
| |
| border-bottom: 3px solid var(--color-link);
| |
| }
| |
| .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected {
| |
| background-color: var(--background-color-dp-03);
| |
| } | | } |
|
| |
|
Ligne 879 : |
Ligne 151 : |
|
| |
|
| .wikitable, .mw-datatable, .mw_metadata { | | .wikitable, .mw-datatable, .mw_metadata { |
| box-shadow: var(--box-shadow);
| | box-shadow: var(--box-shadow); |
| background-color: var(--box-background-color);
| | background-color: var(--box-background-color); |
| font-size: 12px;
| | font-size: 12px; |
| line-height: 16px;
| | line-height: 16px; |
| margin-bottom: 5px;
| | margin-bottom: 5px; |
| font-family: sans-serif;
| | font-family: sans-serif; |
| overflow: auto;
| | overflow: auto; |
| color: var(--color-base)
| | color: var(--color-base) |
| } | | } |
| .mw-datatable tr:hover td { | | .mw-datatable tr:hover td { |
| background-color: var(--background-color-dp-04);
| | background-color: var(--background-color-dp-04); |
| } | | } |
| .wikitable > tr > td, | | .wikitable > tr > td, |
Ligne 903 : |
Ligne 175 : |
| .mw_metadata > tr > th, | | .mw_metadata > tr > th, |
| .mw_metadata > * > tr > th { | | .mw_metadata > * > tr > th { |
| border: 1px solid var(--border-color-base--darker);
| | border: 1px solid var(--border-color-base); |
| padding: 4px 8px;
| | padding: 4px 8px; |
| } | | } |
| .wikitable > tr > th, | | .wikitable > tr > th, |
Ligne 912 : |
Ligne 184 : |
| .mw_metadata > tr > th, | | .mw_metadata > tr > th, |
| .mw_metadata > * > tr > th { | | .mw_metadata > * > tr > th { |
| background-color: var(--background-color-dp-02);
| | background-color: var(--background-color-dp-02); |
| font-weight: bold;
| | font-weight: bold; |
| text-align: center;
| | text-align: center; |
| } | | } |
|
| |
|
| .mw-datatable td, .mw_metadata td { | | .mw-datatable td, .mw_metadata td { |
| background-color: var(--box-background-color);
| | background-color: var(--box-background-color); |
| } | | } |
|
| |
|
Ligne 926 : |
Ligne 198 : |
|
| |
|
| .avt-table-large { | | .avt-table-large { |
| table-layout: fixed;
| | table-layout: fixed; |
| width: 100%;
| | width: 100%; |
| word-break: break-word;
| | word-break: break-word; |
| } | | } |
| .va-table { | | .va-table { |
| box-shadow: var(--box-shadow);
| | box-shadow: var(--box-shadow); |
| background-color: var(--box-background-color);
| | background-color: var(--box-background-color); |
| border-collapse: collapse;
| | border-collapse: collapse; |
| empty-cells: show;
| | empty-cells: show; |
| font-size: 12px;
| | font-size: 12px; |
| line-height: 16px;
| | line-height: 16px; |
| margin-bottom: 5px;
| | margin-bottom: 5px; |
| font-family: sans-serif;
| | font-family: sans-serif; |
| overflow: auto;
| | overflow: auto; |
| } | | } |
| .va-table > tr > td, | | .va-table > tr > td, |
Ligne 945 : |
Ligne 217 : |
| .va-table > tr > th, | | .va-table > tr > th, |
| .va-table > * > tr > th { | | .va-table > * > tr > th { |
| border: 1px solid var(--border-color-base--darker);
| | border: 1px solid var(--border-color-base); |
| padding: 4px 8px;
| | padding: 4px 8px; |
| } | | } |
| .va-table > tr > th, | | .va-table > tr > th, |
| .va-table > * > tr > th { | | .va-table > * > tr > th { |
| background-color: var(--background-color-dp-02);
| | background-color: var(--background-color-dp-02); |
| font-weight: bold;
| | font-weight: bold; |
| text-align: center;
| | text-align: center; |
| } | | } |
| /* Adapting lists & paragraphs */ | | /* Adapting lists & paragraphs */ |
Ligne 958 : |
Ligne 230 : |
| .va-table ol, | | .va-table ol, |
| .va-table p { | | .va-table p { |
| line-height: 16px;
| | line-height: 16px; |
| margin-bottom: 0;
| | margin-bottom: 0; |
| } | | } |
| .va-table ul, | | .va-table ul, |
| .va-table ol { | | .va-table ol { |
| margin-left: 20px;
| | margin-left: 20px; |
| margin-top: 0;
| | margin-top: 0; |
| } | | } |
| .va-table p, | | .va-table p, |
| .va-table * + ul, | | .va-table * + ul, |
| .va-table * + ol { | | .va-table * + ol { |
| margin-top: 3px;
| | margin-top: 3px; |
| } | | } |
| .va-table ul li, | | .va-table ul li, |
| .va-table ol li { | | .va-table ol li { |
| margin-bottom: 0;
| | margin-bottom: 0; |
| } | | } |
| /* Highlighted rows */ | | /* Highlighted rows */ |
Ligne 980 : |
Ligne 252 : |
| .va-table > tr.va-table-highlight > th, | | .va-table > tr.va-table-highlight > th, |
| .va-table > * > tr.va-table-highlight > th { | | .va-table > * > tr.va-table-highlight > th { |
| background-color: var(--background-color-dp-01);
| | background-color: var(--background-color-dp-01); |
| } | | } |
| /* Tables with specific vertical alignment for cells */ | | /* Tables with specific vertical alignment for cells */ |
| .va-table-top > tr > td, | | .va-table-top > tr > td, |
| .va-table-top > * > tr > td { | | .va-table-top > * > tr > td { |
| vertical-align: top;
| | vertical-align: top; |
| } | | } |
| .va-table-middle > tr > td, | | .va-table-middle > tr > td, |
| .va-table-middle > * > tr > td { | | .va-table-middle > * > tr > td { |
| vertical-align: middle;
| | vertical-align: middle; |
| } | | } |
| .va-table-bottom > tr > td, | | .va-table-bottom > tr > td, |
| .va-table-bottom > * > tr > td { | | .va-table-bottom > * > tr > td { |
| vertical-align: bottom;
| | vertical-align: bottom; |
| } | | } |
| /* Tables with specific horizontal alignment for cells/columns */ | | /* Tables with specific horizontal alignment for cells/columns */ |
Ligne 1 013 : |
Ligne 285 : |
| .va-table-center-col14 > * > tr > *:first-child + * + * + * + * + * + * + * + * + * + * + * + * + td, | | .va-table-center-col14 > * > tr > *:first-child + * + * + * + * + * + * + * + * + * + * + * + * + td, |
| .va-table-center-col15 > * > tr > *:first-child + * + * + * + * + * + * + * + * + * + * + * + * + * + td { | | .va-table-center-col15 > * > tr > *:first-child + * + * + * + * + * + * + * + * + * + * + * + * + * + td { |
| text-align: center;
| | text-align: center; |
| } | | } |
| .va-table-left > tr > td, | | .va-table-left > tr > td, |
Ligne 1 032 : |
Ligne 304 : |
| .va-table-left-col14 > * > tr > *:first-child + * + * + * + * + * + * + * + * + * + * + * + * + td, | | .va-table-left-col14 > * > tr > *:first-child + * + * + * + * + * + * + * + * + * + * + * + * + td, |
| .va-table-left-col15 > * > tr > *:first-child + * + * + * + * + * + * + * + * + * + * + * + * + * + td { | | .va-table-left-col15 > * > tr > *:first-child + * + * + * + * + * + * + * + * + * + * + * + * + * + td { |
| text-align: left;
| | text-align: left; |
| } | | } |
| .va-table-right > tr > td, | | .va-table-right > tr > td, |
Ligne 1 051 : |
Ligne 323 : |
| .va-table-right-col14 > * > tr > *:first-child + * + * + * + * + * + * + * + * + * + * + * + * + td, | | .va-table-right-col14 > * > tr > *:first-child + * + * + * + * + * + * + * + * + * + * + * + * + td, |
| .va-table-right-col15 > * > tr > *:first-child + * + * + * + * + * + * + * + * + * + * + * + * + * + td { | | .va-table-right-col15 > * > tr > *:first-child + * + * + * + * + * + * + * + * + * + * + * + * + * + td { |
| text-align: right;
| | text-align: right; |
| } | | } |
| /* Tables which are full width */ | | /* Tables which are full width */ |
| .va-table-full { | | .va-table-full { |
| width: 100%;
| | width: 100%; |
| } | | } |
| /* Tables which leave enough space for an infobox on the right */ | | /* Tables which leave enough space for an infobox on the right */ |
| .va-table-full-infobox { | | .va-table-full-infobox { |
| width: 100%;/*960px;*/
| | width: 100%;/*960px;*/ |
| } | | } |
| /* Tables which are floated */ | | /* Tables which are floated */ |
| .va-table-float-left { | | .va-table-float-left { |
| clear: left;
| | clear: left; |
| float: left;
| | float: left; |
| margin: 0 10px 10px 0;
| | margin: 0 10px 10px 0; |
| } | | } |
| .va-table-float-right { | | .va-table-float-right { |
| clear: right;
| | clear: right; |
| float: right;
| | float: right; |
| margin: 0 0 10px 10px;
| | margin: 0 0 10px 10px; |
| } | | } |
| /* Tables in which the first column starts with an icon */ | | /* Tables in which the first column starts with an icon */ |
| .va-table-icon > tr > td:first-child, | | .va-table-icon > tr > td:first-child, |
| .va-table-icon > * > tr > td:first-child { | | .va-table-icon > * > tr > td:first-child { |
| padding-left: 18px;
| | padding-left: 18px; |
| text-indent: -18px;
| | text-indent: -18px; |
| } | | } |
|
| |
|
| /* | | /* |
| ---------------------------------------------------
| | --------------------------------------------------- |
| Extension override
| | Portals |
| ---------------------------------------------------
| | --------------------------------------------------- |
| le style ci-dessous écrase les classes définies
| | Les classes ci-dessous sont utilisées par les |
| par les extensions.
| | portails. |
| ---------------------------------------------------
| | --------------------------------------------------- |
| */
| |
| | |
| /* ------------------------ */
| |
| /* Extension:CategoryTree */
| |
| /* ------------------------ */
| |
| | |
| .CategoryTreeToggle {
| |
| color: var(--color-link);
| |
| }
| |
| | |
| /* ------------------------ */
| |
| /* Extension:CodeMirror */
| |
| /* ------------------------ */
| |
| | |
| .CodeMirror {
| |
| color: var(--color-base);
| |
| }
| |
| /* https://meta.wikimedia.org/wiki/Community_Tech/Wikitext_editor_syntax_highlighting */
| |
| .cm-mw-template,
| |
| .cm-mw-template-name,
| |
| .cm-mw-template-argument-name,
| |
| .cm-mw-template-delimiter,
| |
| .cm-mw-template-bracket,
| |
| .cm-mw-template-ground,
| |
| .cm-mw-template2-ground,
| |
| .cm-mw-template3-ground {
| |
| color: #fd8700;
| |
| }
| |
| .cm-mw-link-pagename,
| |
| .cm-mw-link-bracket,
| |
| .cm-mw-link-delimiter,
| |
| .cm-mw-link {
| |
| color: #51E527; | |
| }
| |
| .cm-mw-link-tosection {
| |
| color: #42bb20;
| |
| }
| |
| .cm-mw-table-bracket,
| |
| .cm-mw-table-delimiter,
| |
| .cm-mw-table-definition {
| |
| color: #ff58ff;
| |
| }
| |
| .cm-mw-extlink,
| |
| .cm-mw-free-extlink,
| |
| .cm-mw-extlink-protocol,
| |
| .cm-mw-free-extlink-protocol,
| |
| .cm-mw-extlink-bracket {
| |
| color: #fdca00;
| |
| }
| |
| .cm-mw-exttag-name,
| |
| .cm-mw-exttag-bracket,
| |
| .cm-mw-exttag-attribute,
| |
| .cm-mw-htmltag-name,
| |
| .cm-mw-htmltag-bracket,
| |
| .cm-mw-htmltag-attribute {
| |
| color: #00ffea;
| |
| }
| |
| .cm-mw-parserfunction-name,
| |
| .cm-mw-parserfunction-bracket,
| |
| .cm-mw-parserfunction-delimiter {
| |
| color: #f11a1a;
| |
| }
| |
| | |
| /* ------------------------ */
| |
| /* Extension:Flow */
| |
| /* ------------------------ */
| |
| | |
| .flow-post,
| |
| .flow-post .flow-author,
| |
| .flow-post-meta-actions a::after,
| |
| .flow-topic-meta,
| |
| .flow-ui-editorControlsWidget-termsLabel,
| |
| .flow-ui-editorWidget-wikitextHelpLabel {
| |
| color: var(--color-base);
| |
| }
| |
| .mw-ui-anchor.mw-ui-progressive.mw-ui-quiet,
| |
| .flow-post-meta,
| |
| a.flow-timestamp-anchor,
| |
| a.flow-timestamp-anchor:visited {
| |
| color: var(--color-link);
| |
| }
| |
| .flow-topic-titlebar {
| |
| background-color: var(--background-color-dp-01);
| |
| box-shadow: var(--box-shadow);
| |
| border: 1px solid var(--border-color-base--darker);
| |
| }
| |
| .mw-ui-icon-ellipsis::before,
| |
| .mw-ui-icon-speechBubbles::before,
| |
| .mw-ui-icon-before::before {
| |
| filter: var(--icon-filter-full)
| |
| }
| |
| .flow-ui-editorWidget > .flow-ui-editorWidget-editor:not(.oo-ui-pendingElement-pending) {
| |
| background-color: var(--box-background-color);
| |
| }
| |
| .flow-ui-editorWidget-focused .flow-ui-editorWidget-editor {
| |
| border-color: var(--color-link);
| |
| box-shadow: var(--box-shadow);
| |
| }
| |
| .flow-ui-editorWidget-editor {
| |
| border-color: var(--border-color-base--darker);
| |
| }
| |
| .flow-component.flow-board-page.flow-full-height-side-rail .flow-board-header::before {
| |
| background-color: var(--box-background-color);
| |
| box-shadow: var(--box-shadow);
| |
| border: 1px solid var(--border-color-base--darker);
| |
| }
| |
| .flow-ui-navigationWidget {
| |
| border-bottom-color: var(--border-color-base--darker);
| |
| }
| |
| div > .flow-menu ul {
| |
| background: var(--background-color-dp-01);
| |
| border-color: var(--border-color-base--darker);
| |
| box-shadow: var(--box-shadow);
| |
| }
| |
| div > .flow-menu ul > section:not(:first-of-type) > li:first-of-type, div > .flow-menu ul li.flow-menu-section:not(:first-of-type) {
| |
| border-top-color: var(--border-color-base--darker);
| |
| }
| |
| input[type="checkbox"]:hover + .mw-ui-button.mw-ui-quiet,
| |
| input[type="checkbox"]:hover + .mw-ui-button.mw-ui-quiet.mw-ui-progressive,
| |
| input[type="checkbox"]:hover + .mw-ui-button.mw-ui-quiet.mw-ui-destructive,
| |
| .mw-ui-button.mw-ui-quiet:hover,
| |
| .mw-ui-button.mw-ui-quiet.mw-ui-progressive:hover,
| |
| .mw-ui-button.mw-ui-quiet.mw-ui-destructive:hover {
| |
| background-color: var(--background-color-dp-04);
| |
| color: var(--color-base);
| |
| border-color: var(--border-color-base--darker);
| |
| }
| |
| | |
| /* ------------------------ */
| |
| /* Extension:Tabber */
| |
| /* ------------------------ */
| |
| | |
| ul.tabbernav {
| |
| border-bottom: 1px solid var(--border-color-base--darker);
| |
| }
| |
| ul.tabbernav li a {
| |
| background: var(--background-color-dp-00);
| |
| border: 1px solid var(--border-color-base--darker);
| |
| }
| |
| ul.tabbernav li a:link {
| |
| color: var(--color-link);
| |
| }
| |
| .tabber .tabbertab {
| |
| border: 1px solid var(--border-color-base--darker);
| |
| border-top: 0;
| |
| }
| |
| ul.tabbernav li.tabberactive a {
| |
| background-color: var(--background-color-dp-04);
| |
| border-bottom: 1px solid var(--border-color-base--darker);
| |
| }
| |
| ul.tabbernav li a:hover {
| |
| color: var(--color-link);
| |
| background: var(--background-color-dp-04);
| |
| border-color: var(--border-color-base--darker);
| |
| }
| |
| ul.tabbernav li.tabberactive a:hover {
| |
| color: var(--color-base);
| |
| background: var(--background-color-dp-06);
| |
| border-bottom: 1px solid var(--border-color-base--darker);
| |
| }
| |
| | |
| /* ------------------------ */
| |
| /* Extension:Popup */
| |
| /* ------------------------ */
| |
| | |
| .mwe-popups {
| |
| background-color: var(--background-color-dp-00);
| |
| border: 1px solid var(--border-color-base--darker);
| |
| box-shadow: var(--box-shadow);
| |
| }
| |
| .mwe-popups .mwe-popups-container,
| |
| .mwe-popups .mw-parser-output,
| |
| .mwe-popups .mwe-popups-extract {
| |
| background-color: var(--background-color-dp-00);
| |
| color: var(--color-base);
| |
| }
| |
| .mwe-popups .mw-ui-icon {
| |
| filter: invert(0.7);
| |
| }
| |
| .mwe-popups.mwe-popups-type-reference .mwe-popups-extract::after {
| |
| background-image: linear-gradient(rgba(255,255,255,0), var(--background-color-dp-00));
| |
| }
| |
| .mwe-popups.mwe-popups-no-image-pointer::before {
| |
| border-bottom: 8px solid var(--border-color-base--darker);
| |
| }
| |
| .mwe-popups.mwe-popups-no-image-pointer::after {
| |
| border-bottom: 11px solid var(--background-color-dp-00);
| |
| }
| |
| .mwe-popups.flipped-y::before {
| |
| border-top: 8px solid var(--border-color-base--darker);
| |
| }
| |
| .mwe-popups.flipped-y::after {
| |
| border-top: 11px solid var(--background-color-dp-00);
| |
| }
| |
| .mwe-popups.flipped-x-y::before {
| |
| border-top: 9px solid var(--border-color-base--darker);
| |
| }
| |
| .mwe-popups.flipped-x-y::after {
| |
| border-top: 12px solid var(--background-color-dp-00);
| |
| }
| |
| .mwe-popups.mwe-popups-image-pointer::before {
| |
| border-bottom: 9px solid var(--border-color-base--darker);
| |
| }
| |
| .mwe-popups.mwe-popups-image-pointer::after {
| |
| border-bottom: 12px solid var(--border-color-base--darker);
| |
| }
| |
| .mwe-popups .mwe-popups-extract[dir="ltr"]::after {
| |
| background-image: -webkit-linear-gradient(to right,rgba(255,255,255,0),var(--background-color-dp-00) 50%);
| |
| background-image: -moz-linear-gradient(to right,rgba(255,255,255,0),var(--background-color-dp-00) 50%);
| |
| background-image: -o-linear-gradient(to right,rgba(255,255,255,0),var(--background-color-dp-00) 50%);
| |
| background-image: linear-gradient(to right,rgba(255,255,255,0),var(--background-color-dp-00) 50%);
| |
| }
| |
| .mwe-popups .mwe-popups-extract[dir="rtl"]::after {
| |
| background-image: -webkit-linear-gradient(to right,rgba(255,255,255,0),var(--background-color-dp-00) 50%);
| |
| background-image: -moz-linear-gradient(to right,rgba(255,255,255,0),var(--background-color-dp-00) 50%);
| |
| background-image: -o-linear-gradient(to right,rgba(255,255,255,0),var(--background-color-dp-00) 50%);
| |
| background-image: linear-gradient(to right,rgba(255,255,255,0),var(--background-color-dp-00) 50%);
| |
| }
| |
| | |
| /* ------------------------ */
| |
| /* Extension:Math */
| |
| /* ------------------------ */
| |
| | |
| .mwe-math-fallback-image-inline,
| |
| .mwe-math-fallback-image-display {
| |
| filter: hue-rotate(180deg) var(--icon-filter-full); | |
| }
| |
| | |
| /* ------------------------ */
| |
| /* Extension:SocialProfil */
| |
| /* ------------------------ */
| |
| | |
| #profile-image img,
| |
| .user-relationship-container img {
| |
| background-color: var(--box-background-color);
| |
| border: 1px solid var(--border-color-base--darker);
| |
| padding: 3px;
| |
| }
| |
| #profile-top,
| |
| .user-section-heading {
| |
| border-bottom: 1px solid var(--border-color-base--darker);
| |
| }
| |
| .user-board-message {
| |
| border-color: var(--border-color-base--darker);
| |
| }
| |
| .user-board-message-from {
| |
| background-color: var(--background-color-dp-02);
| |
| }
| |
| | |
| /* ------------------------ */
| |
| /* Extension:WikiEditor */
| |
| /* ------------------------ */
| |
| | |
| .oo-ui-optionWidget.oo-ui-labelElement > .oo-ui-labelElement-label,
| |
| .ve-ui-specialCharacterPage-character {
| |
| color: var(--color-base);
| |
| }
| |
| | |
| /*
| |
| ---------------------------------------------------
| |
| Portals
| |
| ---------------------------------------------------
| |
| Les classes ci-dessous sont utilisées par les
| |
| portails.
| |
| ---------------------------------------------------
| |
| */ | | */ |
|
| |
|
Ligne 1 363 : |
Ligne 370 : |
| body.action-view.page-Portail_Fallout_Shelter #firstHeading, | | body.action-view.page-Portail_Fallout_Shelter #firstHeading, |
| body.action-view.page-Portail_Fallout_Tactics #firstHeading { | | body.action-view.page-Portail_Fallout_Tactics #firstHeading { |
| position:absolute;
| | position:absolute; |
| top:-5000px
| | top:-5000px |
| } | | } |
| .homepage { | | .homepage { |
| display: grid;
| | display: grid; |
| grid-gap: 1rem;
| | grid-gap: 1rem; |
| grid-template-areas:
| | grid-template-areas: |
| "welcome welcome"
| | "welcome welcome" |
| "games games"
| | "games games" |
| "theme theme"
| | "theme theme" |
| "presentation participation"
| | "presentation participation" |
| "articleday imageday";
| | "articleday imageday"; |
| } | | } |
| .homepage-box { | | .homepage-box { |
| border: 1px solid var(--border-color-base--darker);
| | border: 1px solid var(--border-color-base); |
| background: var(--box-background-color);
| | background: var(--box-background-color); |
| box-shadow: var(--box-shadow);
| | box-shadow: var(--box-shadow); |
| padding: 1rem;
| | padding: 1rem; |
| } | | } |
| .homepage-welcome { | | .homepage-welcome { |
| grid-area: welcome;
| | grid-area: welcome; |
| } | | } |
| .homepage-portal-games { | | .homepage-portal-games { |
| grid-area: games;
| | grid-area: games; |
| } | | } |
| .homepage-portal-theme { | | .homepage-portal-theme { |
| grid-area: theme;
| | grid-area: theme; |
| } | | } |
| .homepage-presentation { | | .homepage-presentation { |
| grid-area: presentation;
| | grid-area: presentation; |
| } | | } |
| .homepage-participation { | | .homepage-participation { |
| grid-area: participation;
| | grid-area: participation; |
| } | | } |
| .homepage-articleday { | | .homepage-articleday { |
| grid-area: articleday;
| | grid-area: articleday; |
| } | | } |
| .homepage-imageday { | | .homepage-imageday { |
| grid-area: imageday;
| | grid-area: imageday; |
| } | | } |
| .homepage-welcome-subtitle, | | .homepage-welcome-subtitle, |
| .homepage-welcome-links, | | .homepage-welcome-links, |
| .homepage-portal-theme { | | .homepage-portal-theme { |
| text-align: center;
| | text-align: center; |
| } | | } |
| .homepage-welcome-fogen { | | .homepage-welcome-fogen { |
| margin-bottom: 1rem;
| | margin-bottom: 1rem; |
| text-align: center;
| | text-align: center; |
| } | | } |
| .homepage-welcome-title { | | .homepage-welcome-title { |
| text-align: center;
| | text-align: center; |
| font-size: 200%;
| | font-size: 200%; |
| margin: 0 50px 5px 50px;
| | margin: 0 50px 5px 50px; |
| border-bottom: 1px solid var(--border-color-base--darker);
| | border-bottom: 1px solid var(--border-color-base); |
| text-shadow: 0 0 8px var(--color-link);
| | text-shadow: 0 0 8px var(--color-link); |
| color: var(--color-link);
| | color: var(--color-link); |
| } | | } |
| .homepage-portal-games-title, | | .homepage-portal-games-title, |
| .homepage-portal-theme-title { | | .homepage-portal-theme-title { |
| text-align: center;
| | text-align: center; |
| font-size: 150%;
| | font-size: 150%; |
| border-bottom: 1px solid var(--border-color-base--darker);
| | border-bottom: 1px solid var(--border-color-base); |
| margin: 0 50px 20px 50px;
| | margin: 0 50px 20px 50px; |
| text-shadow: 0 0 8px var(--color-link);
| | text-shadow: 0 0 8px var(--color-link); |
| color: var(--color-link);
| | color: var(--color-link); |
| } | | } |
| .homepage-portal-games-list { | | .homepage-portal-games-list { |
| list-style: none;
| | list-style: none; |
| margin: 0 !important;
| | margin: 0 !important; |
| display: grid;
| | display: grid; |
| grid-template-columns: 1fr 1fr 1fr 1fr;
| | grid-template-columns: 1fr 1fr 1fr 1fr; |
| grid-template-rows: 1fr 1fr;
| | grid-template-rows: 1fr 1fr; |
| grid-gap: 30px 0;
| | grid-gap: 30px 0; |
| } | | } |
| .homepage-portal-games-item { | | .homepage-portal-games-item { |
| text-align: center;
| | text-align: center; |
| font-size: 0.85em;
| | font-size: 0.85em; |
| } | | } |
| .homepage-portal-games-logo { | | .homepage-portal-games-logo { |
| height: 60px;
| | height: 60px; |
| } | | } |
| .homepage-presentation-title, | | .homepage-presentation-title, |
Ligne 1 448 : |
Ligne 455 : |
| .homepage-articleday-title, | | .homepage-articleday-title, |
| .homepage-imageday-title { | | .homepage-imageday-title { |
| border-bottom: 1px solid var(--border-color-base--darker);
| | border-bottom: 1px solid var(--border-color-base); |
| margin-bottom: 20px;
| | margin-bottom: 20px; |
| text-shadow: 0 0 8px var(--color-link);
| | text-shadow: 0 0 8px var(--color-link); |
| color: var(--color-link);
| | color: var(--color-link); |
| } | | } |
| .homepage-presentation-content, | | .homepage-presentation-content, |
Ligne 1 457 : |
Ligne 464 : |
| .homepage-articleday-content, | | .homepage-articleday-content, |
| .homepage-imageday-content { | | .homepage-imageday-content { |
| font-size: 0.85em;
| | font-size: 0.85em; |
| } | | } |
|
| |
|
| /* | | /* |
| ---------------------------------------------------
| | --------------------------------------------------- |
| Cross classes
| | Cross classes |
| ---------------------------------------------------
| | --------------------------------------------------- |
| Les classes ci-dessous sont utilisées par plusieurs
| | Les classes ci-dessous sont utilisées par plusieurs |
| modèles ou modules
| | modèles ou modules |
| ---------------------------------------------------
| | --------------------------------------------------- |
| */ | | */ |
|
| |
|
Ligne 1 472 : |
Ligne 479 : |
| dans des modèles ou des tables */ | | dans des modèles ou des tables */ |
| .avt-simple-list { | | .avt-simple-list { |
| margin: 0 !important;
| | margin: 0 !important; |
| list-style: none;
| | list-style: none; |
| } | | } |
| /* Séparateur <hr/> */ | | /* Séparateur <hr/> */ |
| .separator { | | .separator { |
| background-color: var(--border-color-base--darker);
| | background-color: var(--border-color-base); |
| } | | } |
|
| |
|
| /* | | /* |
| ---------------------------------------------------
| | --------------------------------------------------- |
| Templates & Modules
| | Templates & Modules |
| ---------------------------------------------------
| | --------------------------------------------------- |
| le style ci-dessous défini l'apparence des modèles
| | le style ci-dessous défini l'apparence des modèles |
| et des modules.
| | et des modules. |
| Les modèles doivent être rangés dans l'ordre
| | Les modèles doivent être rangés dans l'ordre |
| alphabétique.
| | alphabétique. |
| ---------------------------------------------------
| | --------------------------------------------------- |
| */ | | */ |
|
| |
|
Ligne 1 496 : |
Ligne 503 : |
|
| |
|
| .avt-warn-banner { | | .avt-warn-banner { |
| margin: 0.5em 90px;
| | margin: 0.5em 90px; |
| display: grid;
| | display: grid; |
| grid-template-columns: max-content auto;
| | grid-template-columns: max-content auto; |
| gap: 8px;
| | gap: 8px; |
| padding: 0 10px;
| | padding: 0 10px; |
| border-style: solid;
| | border-style: solid; |
| border-width: 1px 1px 1px 12px;
| | border-width: 1px 1px 1px 12px; |
| background-color: var(--background-color-dp-00);
| | background-color: var(--box-background-color); |
| } | | } |
| .avt-warn-banner-header { | | .avt-warn-banner-header { |
| font-weight: bold;
| | font-weight: bold; |
| } | | } |
| .avt-warn-banner-img { | | .avt-warn-banner-img { |
| margin: auto;
| | margin: auto; |
| } | | } |
| .avt-warn-banner-text { | | .avt-warn-banner-text { |
| padding: 5px;
| | padding: 5px; |
| } | | } |
| .avt-warn-banner-desc, | | .avt-warn-banner-desc, |
| .avt-warn-banner-note { | | .avt-warn-banner-note { |
| font-size: 0.8em;
| | font-size: 0.8em; |
| } | | } |
| /* Types de bandeau */ | | /* Types de bandeau */ |
| .avt-warn-banner-maintenance { | | .avt-warn-banner-maintenance { |
| border-color: var(--color-warning);
| | border-color: var(--color-warning); |
| } | | } |
| .avt-warn-banner-info { | | .avt-warn-banner-info { |
| border-color: #77ccff;
| | border-color: #77ccff; |
| } | | } |
| .avt-warn-banner-license { | | .avt-warn-banner-license { |
| border-color: #c0c0ff;
| | border-color: #c0c0ff; |
| } | | } |
|
| |
|
Ligne 1 534 : |
Ligne 541 : |
|
| |
|
| .avt-note-banner { | | .avt-note-banner { |
| margin-top: 0.5em;
| | margin-top: 0.5em; |
| padding-left: 2em;
| | padding-left: 2em; |
| padding-bottom: 0.5em;
| | padding-bottom: 0.5em; |
| margin-bottom: 0.5em;
| | margin-bottom: 0.5em; |
| background: var(--background-main);
| | background: var(--background-main); |
| font-style: italic;
| | font-style: italic; |
| border-bottom: 1px solid var(--border-color-base--darker);
| | border-bottom: 1px solid var(--border-color-base); |
| display: flex;
| | display: flex; |
| align-items: center;
| | align-items: center; |
| gap: 10px;
| | gap: 10px; |
| } | | } |
| .avt-note-banner + .avt-note-banner { | | .avt-note-banner + .avt-note-banner { |
| margin-top: calc(-0.5em - 1.05px);
| | margin-top: calc(-0.5em - 1.05px); |
| } | | } |
|
| |
|
Ligne 1 554 : |
Ligne 561 : |
|
| |
|
| .avt-section-banner { | | .avt-section-banner { |
| padding: 0.25em 0.5em;
| | padding: 0.25em 0.5em; |
| border-top: 1px solid var(--border-color-base--darker);
| | border-top: 1px solid var(--border-color-base); |
| border-bottom: 1px solid var(--border-color-base--darker);
| | border-bottom: 1px solid var(--border-color-base); |
| margin: 0.5em 0 0.5em 2em;
| | margin: 0.5em 0 0.5em 2em; |
| background-color: var(--background-color-dp-00);
| | background-color: var(--box-background-color); |
| font-size: 0.9em;
| | font-size: 0.9em; |
| overflow: hidden;
| | overflow: hidden; |
| display: flex;
| | display: flex; |
| align-items: center;
| | align-items: center; |
| gap: 10px;
| | gap: 10px; |
| } | | } |
|
| |
|
Ligne 1 571 : |
Ligne 578 : |
|
| |
|
| .avt-source-banner { | | .avt-source-banner { |
| margin: 0.5em 0;
| | margin: 0.5em 0; |
| display: flex;
| | display: flex; |
| gap: 8px;
| | gap: 8px; |
| align-items: center;
| | align-items: center; |
| } | | } |
| .avt-source-banner-text { | | .avt-source-banner-text { |
| padding: 5px;
| | padding: 5px; |
| font-size: 0.9em;
| | font-size: 0.9em; |
| border-top: 1px solid var(--border-color-base--darker);
| | border-top: 1px solid var(--border-color-base); |
| border-bottom: 1px solid var(--border-color-base--darker);
| | border-bottom: 1px solid var(--border-color-base); |
| } | | } |
|
| |
|
Ligne 1 588 : |
Ligne 595 : |
|
| |
|
| .avt-content-game-box { | | .avt-content-game-box { |
| border: 1px solid var(--border-color-base--darker);
| | border: 1px solid var(--border-color-base); |
| box-shadow: var(--box-shadow);
| | box-shadow: var(--box-shadow); |
| padding: 5px;
| | padding: 5px; |
| margin: 0.5em 0;
| | margin: 0.5em 0; |
| font-size: 0.85em;
| | font-size: 0.85em; |
| background-color: var(--box-background-color);
| | background-color: var(--box-background-color); |
| overflow: hidden;
| | overflow: hidden; |
| } | | } |
| .avt-content-game-box span.mw-collapsible-toggle { | | .avt-content-game-box span.mw-collapsible-toggle { |
| float: right;
| | float: right; |
| padding: 0.25em 1em;
| | padding: 0.25em 1em; |
| } | | } |
| #avt-content-game-box-title { | | #avt-content-game-box-title { |
| text-align: center;
| | text-align: center; |
| border: 1px solid var(--border-color-base--darker);
| | border: 1px solid var(--border-color-base); |
| background-color: var(--background-color-dp-02);
| | background-color: var(--background-color-dp-02); |
| padding: 3px;
| | padding: 3px; |
| padding: 0.25em 8em;
| | padding: 0.25em 8em; |
| font-weight: bold;
| | font-weight: bold; |
| } | | } |
| .avt-content-game-box-list { | | .avt-content-game-box-list { |
| margin: 0 !important;
| | margin: 0 !important; |
| padding: 5px !important;
| | padding: 5px !important; |
| list-style: none;
| | list-style: none; |
| column-count: 2;
| | column-count: 2; |
| column-rule: 1px solid var(--border-color-base--darker);
| | column-rule: 1px solid var(--border-color-base); |
| } | | } |
|
| |
|
Ligne 1 621 : |
Ligne 628 : |
|
| |
|
| .avt-dropdown-box { | | .avt-dropdown-box { |
| margin: 0.5em 0;
| | margin: 0.5em 0; |
| padding: 3px;
| | padding: 3px; |
| border: 1px solid var(--border-color-base--darker);
| | border: 1px solid var(--border-color-base); |
| overflow: auto;
| | overflow: auto; |
| } | | } |
| .avt-dropdown-box-title { | | .avt-dropdown-box-title { |
| text-align: center;
| | text-align: center; |
| background-color: var(--background-color-dp-02);
| | background-color: var(--background-color-dp-02); |
| } | | } |
| .avt-dropdown-box-content { | | .avt-dropdown-box-content { |
| padding: 0 5px;
| | padding: 0 5px; |
| } | | } |
| .avt-dropdown-box .mw-collapsible-toggle { | | .avt-dropdown-box .mw-collapsible-toggle { |
| padding-right: 0.5em;
| | padding-right: 0.5em; |
| } | | } |
|
| |
|
Ligne 1 642 : |
Ligne 649 : |
|
| |
|
| .mw-body-content blockquote { | | .mw-body-content blockquote { |
| border-left: none;
| | border-left: none; |
| } | | } |
| blockquote { | | blockquote { |
| margin: 0 auto;
| | margin: 0 auto; |
| } | | } |
| q::before, q::after { | | q::before, q::after { |
| content: "";
| | content: ""; |
| } | | } |
| blockquote small { | | blockquote small { |
| margin-bottom: 10px;
| | margin-bottom: 10px; |
| display: block;
| | display: block; |
| padding-left: 150px;
| | padding-left: 150px; |
| } | | } |
| blockquote small, q small { | | blockquote small, q small { |
| font-size: inherit;
| | font-size: inherit; |
| } | | } |
| blockquote .mediaContainer { | | blockquote .mediaContainer { |
| display: inline-block;
| | display: inline-block; |
| } | | } |
|
| |
|
Ligne 1 667 : |
Ligne 674 : |
|
| |
|
| .np-quote-snd-trigger { | | .np-quote-snd-trigger { |
| display: inline-block;
| | display: inline-block; |
| position: relative;
| | position: relative; |
| top:auto;
| | top:auto; |
| left:auto;
| | left:auto; |
| padding: 0px 2px;
| | padding: 0px 2px; |
| } | | } |
| .np-quote-snd-trigger:hover .np-quote-snd-player { | | .np-quote-snd-trigger:hover .np-quote-snd-player { |
| display:block;
| | display:block; |
| } | | } |
| .np-quote-snd-player { | | .np-quote-snd-player { |
| display:none;
| | display:none; |
| position:absolute;
| | position:absolute; |
| top: -30px;
| | top: -30px; |
| left: 100%;
| | left: 100%; |
| z-index:100 !important;
| | z-index:100 !important; |
| width: 300px;
| | width: 300px; |
| overflow-x: hidden;
| | overflow-x: hidden; |
| margin: 0px;
| | margin: 0px; |
| padding: 5px 10px 10px 10px;
| | padding: 5px 10px 10px 10px; |
| border: 1px solid var(--border-color-base--darker);
| | border: 1px solid var(--border-color-base); |
| box-shadow: var(--box-shadow);
| | box-shadow: var(--box-shadow); |
| background-color: var(--box-background-color);
| | background-color: var(--box-background-color); |
| text-align: left;
| | text-align: left; |
| font-size: 0.85em;
| | font-size: 0.85em; |
| } | | } |
| .np-quote-snd-player-img { | | .np-quote-snd-player-img { |
| float: left;
| | float: left; |
| width: 55px;
| | width: 55px; |
| } | | } |
| .np-quote-snd-player-title { | | .np-quote-snd-player-title { |
| width: 250px;
| | width: 250px; |
| height: 50px;
| | height: 50px; |
| display: table-cell;
| | display: table-cell; |
| vertical-align: middle;
| | vertical-align: middle; |
| } | | } |
| .np-quote-snd-player-title span { | | .np-quote-snd-player-title span { |
| font-size: 18px;
| | font-size: 18px; |
| } | | } |
|
| |
|
Ligne 1 713 : |
Ligne 720 : |
| .va-documentation-bar-top, | | .va-documentation-bar-top, |
| .va-documentation-bar-bottom { | | .va-documentation-bar-bottom { |
| border-color: var(--border-color-base--darker);
| | border-color: var(--border-color-base); |
| border-style: solid;
| | border-style: solid; |
| clear: both;
| | clear: both; |
| } | | } |
| .va-documentation { | | .va-documentation { |
| border-width: 1px;
| | border-width: 1px; |
| margin: 10px 0;
| | margin: 10px 0; |
| box-shadow: var(--box-shadow);
| | box-shadow: var(--box-shadow); |
| background: var(--box-background-color);
| | background: var(--box-background-color); |
| } | | } |
| .va-documentation-bar-top, | | .va-documentation-bar-top, |
| .va-documentation-bar-bottom { | | .va-documentation-bar-bottom { |
| background-color: var(--background-color-dp-02);
| | background-color: var(--background-color-dp-02); |
| margin: 0;
| | margin: 0; |
| padding: 10px;
| | padding: 10px; |
| } | | } |
| .va-documentation-bar-top { | | .va-documentation-bar-top { |
| border-width: 0 0 1px 0;
| | border-width: 0 0 1px 0; |
| } | | } |
| .va-documentation-bar-bottom { | | .va-documentation-bar-bottom { |
| border-width: 1px 0 0 0;
| | border-width: 1px 0 0 0; |
| text-align: right;
| | text-align: right; |
| } | | } |
| .va-documentation-links { | | .va-documentation-links { |
| float: right;
| | float: right; |
| text-align: right;
| | text-align: right; |
| } | | } |
| .va-documentation-content { | | .va-documentation-content { |
| margin: 0;
| | margin: 0; |
| padding: 20px;
| | padding: 20px; |
| } | | } |
| .va-documentation-small { | | .va-documentation-small { |
| font-size: 0.8em;
| | font-size: 0.8em; |
| } | | } |
| .va-documentation-bar-top .external { | | .va-documentation-bar-top .external { |
| background: none !important;
| | background: none !important; |
| padding: 0 !important;
| | padding: 0 !important; |
| } | | } |
|
| |
|
Ligne 1 757 : |
Ligne 764 : |
|
| |
|
| .avt-help-homepage-title { | | .avt-help-homepage-title { |
| color: var(--color-warning);
| | color: var(--color-warning); |
| text-align: center;
| | text-align: center; |
| } | | } |
| .avt-help-header { | | .avt-help-header { |
| display: grid;
| | display: grid; |
| gap: 10px;
| | gap: 10px; |
| grid-template-columns: 1fr 1fr;
| | grid-template-columns: 1fr 1fr; |
| padding: 20px;
| | padding: 20px; |
| border: 1px solid var(--border-color-base--darker);
| | border: 1px solid var(--border-color-base); |
| background-color: var(--box-background-color);
| | background-color: var(--box-background-color); |
| box-shadow: var(--box-shadow);
| | box-shadow: var(--box-shadow); |
| justify-items: center;
| | justify-items: center; |
| align-items: center;
| | align-items: center; |
| margin: 1em 0;
| | margin: 1em 0; |
| } | | } |
|
| |
|
Ligne 1 778 : |
Ligne 785 : |
|
| |
|
| .avt-videogallery { | | .avt-videogallery { |
| list-style: none;
| | list-style: none; |
| margin: 0.5em 0 !important;
| | margin: 0.5em 0 !important; |
| display: inline-flex;
| | display: inline-flex; |
| flex-wrap: wrap;
| | flex-wrap: wrap; |
| gap: 0 20px;
| | gap: 0 20px; |
| } | | } |
|
| |
|
Ligne 1 790 : |
Ligne 797 : |
|
| |
|
| .avt-infobox { | | .avt-infobox { |
| box-shadow: var(--box-shadow);
| | box-shadow: var(--box-shadow); |
| padding: 5px;
| | padding: 5px; |
| background-color: var(--box-background-color);
| | background-color: var(--box-background-color); |
| border: 1px solid var(--border-color-base--darker);
| | border: 1px solid var(--border-color-base); |
| clear: right;
| | clear: right; |
| float: right;
| | float: right; |
| font-size: 0.9em;
| | font-size: 0.9em; |
| line-height: 1.4;
| | line-height: 1.4; |
| margin: 0 0 0.5em 1em;
| | margin: 0 0 0.5em 1em; |
| word-wrap: break-word;
| | word-wrap: break-word; |
| max-width: 400px;
| | max-width: 400px; |
| } | | } |
| .avt-infobox-header { | | .avt-infobox-header { |
| border: 1px solid var(--border-color-base--darker);
| | border: 1px solid var(--border-color-base); |
| padding: 3px;
| | padding: 3px; |
| text-align: center;
| | text-align: center; |
| font-size: 1.4em;
| | font-size: 1.4em; |
| line-height: 1.1;
| | line-height: 1.1; |
| margin-bottom: 10px;
| | margin-bottom: 10px; |
| background-color: var(--background-color-dp-02);
| | background-color: var(--background-color-dp-02); |
| display: grid;
| | display: grid; |
| grid-template-columns: 1fr 1.7fr 0.3fr;
| | grid-template-columns: 1fr 1.7fr 0.3fr; |
| grid-template-rows: 1fr 1fr 1fr;
| | grid-template-rows: 1fr 1fr 1fr; |
| grid-auto-flow: row;
| | grid-auto-flow: row; |
| gap: 0 0;
| | gap: 0 0; |
| } | | } |
| .avt-infobox-header-icon, | | .avt-infobox-header-icon, |
| .avt-infobox-header-title, | | .avt-infobox-header-title, |
| .avt-infobox-header-subhead { | | .avt-infobox-header-subhead { |
| justify-self: center;
| | justify-self: center; |
| align-self: center;
| | align-self: center; |
| } | | } |
| .avt-infobox-header-icon { | | .avt-infobox-header-icon { |
| grid-area: 1 / 3 / 4 / 4;
| | grid-area: 1 / 3 / 4 / 4; |
| } | | } |
| .avt-infobox-header-title { | | .avt-infobox-header-title { |
| grid-area: 2 / 1 / 4 / 4;
| | grid-area: 2 / 1 / 4 / 4; |
| font-weight: bold;
| | font-weight: bold; |
| } | | } |
| .avt-infobox-header-subhead { | | .avt-infobox-header-subhead { |
| grid-area: 1 / 1 / 2 / 4;
| | grid-area: 1 / 1 / 2 / 4; |
| font-size: 0.6em;
| | font-size: 0.6em; |
| } | | } |
| .avt-infobox-images { | | .avt-infobox-images { |
| text-align: center;
| | text-align: center; |
| display: flex;
| | display: flex; |
| justify-content: space-around;
| | justify-content: space-around; |
| align-items: center;
| | align-items: center; |
| padding: 2px 0;
| | padding: 2px 0; |
| } | | } |
| .avt-infobox-images a { | | .avt-infobox-images a { |
| max-width: 100%;
| | max-width: 100%; |
| flex: 0 0 auto;
| | flex: 0 0 auto; |
| } | | } |
| .avt-infobox-images img { | | .avt-infobox-images img { |
| height: auto;
| | height: auto; |
| width: auto;
| | width: auto; |
| max-width: 100%;
| | max-width: 100%; |
| max-height: 250px;
| | max-height: 250px; |
| } | | } |
| .avt-infobox-images-legend { | | .avt-infobox-images-legend { |
| text-align: center;
| | text-align: center; |
| font-size: 0.9em;
| | font-size: 0.9em; |
| } | | } |
| .avt-infobox table { | | .avt-infobox table { |
| width: 100%;
| | width: 100%; |
| margin: 5px 0;
| | margin: 5px 0; |
| table-layout: fixed;
| | table-layout: fixed; |
| border-collapse: collapse;
| | border-collapse: collapse; |
| display: table;
| | display: table; |
| } | | } |
| .avt-infobox caption { | | .avt-infobox caption { |
| text-align: center;
| | text-align: center; |
| border: 1px solid var(--border-color-base--darker);
| | border: 1px solid var(--border-color-base); |
| } | | } |
| .avt-infobox p.bloc, | | .avt-infobox p.bloc, |
| .avt-infobox caption { | | .avt-infobox caption { |
| font-weight: bold;
| | font-weight: bold; |
| line-height: 1.1;
| | line-height: 1.1; |
| margin: 0 0 5px 0;
| | margin: 0 0 5px 0; |
| padding: 4px;
| | padding: 4px; |
| background-color: var(--background-color-dp-02);
| | background-color: var(--background-color-dp-02); |
| } | | } |
| .avt-infobox th[scope="row"], | | .avt-infobox th[scope="row"], |
| .avt-infobox td { | | .avt-infobox td { |
| padding-top: 4px;
| | padding-top: 4px; |
| vertical-align: super;
| | vertical-align: super; |
| } | | } |
| .avt-infobox th[scope="row"] { | | .avt-infobox th[scope="row"] { |
| text-align: left;
| | text-align: left; |
| padding-right: 10px;
| | padding-right: 10px; |
| width: 8em;
| | width: 8em; |
| max-width: 140px;
| | max-width: 140px; |
| word-wrap: normal;
| | word-wrap: normal; |
| } | | } |
| .avt-infobox span.mw-collapsible-toggle { | | .avt-infobox span.mw-collapsible-toggle { |
| float: right;
| | float: right; |
| } | | } |
| .avt-infobox span.mw-collapsible-toggle a { | | .avt-infobox span.mw-collapsible-toggle a { |
| color: var(--color-base);
| | color: var(--color-base); |
| } | | } |
| .avt-infobox-armor-rdsd { | | .avt-infobox-armor-rdsd { |
| width: 3em;
| | width: 3em; |
| display: inline-block;
| | display: inline-block; |
| } | | } |
|
| |
|
Ligne 1 901 : |
Ligne 908 : |
|
| |
|
| .avt-tooltip { | | .avt-tooltip { |
| border-bottom: 1px dotted;
| | border-bottom: 1px dotted; |
| cursor:help
| | cursor:help |
| } | | } |
|
| |
|
Ligne 1 910 : |
Ligne 917 : |
|
| |
|
| .avt-interactions { | | .avt-interactions { |
| list-style: none;
| | list-style: none; |
| margin: 0.5em 0 !important;
| | margin: 0.5em 0 !important; |
| max-width: 32rem;
| | max-width: 32rem; |
| } | | } |
| .avt-interactions-row { | | .avt-interactions-row { |
| display: grid;
| | display: grid; |
| grid-template-columns: 8rem auto;
| | grid-template-columns: 8rem auto; |
| border: 1px solid var(--border-color-base--darker);
| | border: 1px solid var(--border-color-base); |
| margin: 0.25em 0;
| | margin: 0.25em 0; |
| background-color: var(--box-background-color);
| | background-color: var(--box-background-color); |
| box-shadow: var(--box-shadow);
| | box-shadow: var(--box-shadow); |
| padding: 7px;
| | padding: 7px; |
| } | | } |
| .avt-interactions-img { | | .avt-interactions-img { |
| margin: auto;
| | margin: auto; |
| } | | } |
| .avt-interactions-text { | | .avt-interactions-text { |
| align-self: center;
| | align-self: center; |
| font-size: 0.85em;
| | font-size: 0.85em; |
| } | | } |
|
| |
|
Ligne 1 936 : |
Ligne 943 : |
|
| |
|
| .avt-introduction { | | .avt-introduction { |
| margin: 0.5em 0;
| | margin: 0.5em 0; |
| } | | } |
|
| |
|
Ligne 1 944 : |
Ligne 951 : |
|
| |
|
| .avt-game-listpage { | | .avt-game-listpage { |
| float: right;
| | float: right; |
| border: 1px solid var(--border-color-base--darker);
| | border: 1px solid var(--border-color-base); |
| box-shadow: var(--box-shadow);
| | box-shadow: var(--box-shadow); |
| padding: 5px;
| | padding: 5px; |
| margin: 0 0 0.5em 1em;
| | margin: 0 0 0.5em 1em; |
| font-size: 0.85em;
| | font-size: 0.85em; |
| background-color: var(--box-background-color);
| | background-color: var(--box-background-color); |
| width: 100%;
| | width: 100%; |
| max-width: 20rem;
| | max-width: 20rem; |
| text-align: center;
| | text-align: center; |
| } | | } |
| .avt-game-listpage-title { | | .avt-game-listpage-title { |
| border: 1px solid var(--border-color-base--darker);
| | border: 1px solid var(--border-color-base); |
| background-color: var(--background-color-dp-02);
| | background-color: var(--background-color-dp-02); |
| padding: 0.25em 8em;
| | padding: 0.25em 8em; |
| margin-bottom: 0.5em;
| | margin-bottom: 0.5em; |
| font-weight: bold;
| | font-weight: bold; |
| } | | } |
| .avt-game-listpage-list { | | .avt-game-listpage-list { |
| margin: 0 !important;
| | margin: 0 !important; |
| list-style: none;
| | list-style: none; |
| } | | } |
|
| |
|
Ligne 1 973 : |
Ligne 980 : |
| .liste-horizontale ul, | | .liste-horizontale ul, |
| .liste-horizontale li { | | .liste-horizontale li { |
| margin-left: 0;
| | margin-left: 0; |
| display: inline;
| | display: inline; |
| } | | } |
| .liste-horizontale ul:after { | | .liste-horizontale ul:after { |
| white-space: normal;
| | white-space: normal; |
| } | | } |
| .liste-horizontale li:after { | | .liste-horizontale li:after { |
| content: " "; /* au cas ou Mediawiki supprime les retours ligne */
| | content: " "; /* au cas ou Mediawiki supprime les retours ligne */ |
| } | | } |
| .liste-horizontale li + li:before { | | .liste-horizontale li + li:before { |
| white-space: normal;
| | white-space: normal; |
| content: "· ";
| | content: "· "; |
| font-weight: bold;
| | font-weight: bold; |
| } | | } |
| .liste-horizontale li li:first-child:before { | | .liste-horizontale li li:first-child:before { |
| white-space: normal;
| | white-space: normal; |
| content: " (";
| | content: " ("; |
| } | | } |
| .liste-horizontale li ul:after { | | .liste-horizontale li ul:after { |
| content: ")";
| | content: ")"; |
| margin-left: -0.28em;
| | margin-left: -0.28em; |
| } | | } |
|
| |
|
Ligne 2 001 : |
Ligne 1 008 : |
|
| |
|
| .palette .mw-collapsible-toggle a { | | .palette .mw-collapsible-toggle a { |
| color: var(--color-base);
| | color: var(--color-base); |
| } | | } |
| .palette-banniere { | | .palette-banniere { |
| border-top: 2px solid var(--box-background-color);
| | border-top: 2px solid var(--box-background-color); |
| } | | } |
| .palette-groupe { | | .palette-groupe { |
| border-top: 2px solid var(--box-background-color);
| | border-top: 2px solid var(--box-background-color); |
| border-right: 2px solid var(--box-background-color);
| | border-right: 2px solid var(--box-background-color); |
| font-weight: bold;
| | font-weight: bold; |
| text-align: right;
| | text-align: right; |
| white-space: normal;
| | white-space: normal; |
| } | | } |
| .palette-banniere, | | .palette-banniere, |
| .palette-groupe, | | .palette-groupe, |
| .palette-section { | | .palette-section { |
| background: var(--background-color-dp-03);
| | background: var(--background-color-dp-03); |
| } | | } |
| .palette-listes .palette-groupe { | | .palette-listes .palette-groupe { |
| background: var(--background-color-dp-04);
| | background: var(--background-color-dp-04); |
| } | | } |
| .palette-pair { | | .palette-pair { |
| background-color: var(--box-background-color);
| | background-color: var(--box-background-color); |
| border-top: 2px solid transparent;
| | border-top: 2px solid transparent; |
| } | | } |
| .palette { | | .palette { |
| clear: both;
| | clear: both; |
| margin: 1em 0 1em 0;
| | margin: 1em 0 1em 0; |
| padding: 3px;
| | padding: 3px; |
| font-size: 88%;
| | font-size: 88%; |
| border: 1px solid var(--border-color-base--darker);
| | border: 1px solid var(--border-color-base); |
| } | | } |
| .palette ul, | | .palette ul, |
| .palette li, | | .palette li, |
| .palette p { | | .palette p { |
| margin: 0 !important;
| | margin: 0 !important; |
| padding: 0 !important;
| | padding: 0 !important; |
| line-height: 1.6em;
| | line-height: 1.6em; |
| list-style: none none;
| | list-style: none none; |
| } | | } |
| .palette-liens { | | .palette-liens { |
| float: left;
| | float: left; |
| font-variant: small-caps;
| | font-variant: small-caps; |
| } | | } |
| .palette-liens a { | | .palette-liens a { |
| background: none !important;
| | background: none !important; |
| padding: 0 !important;
| | padding: 0 !important; |
| } | | } |
| .palette span.mw-collapsible-toggle { | | .palette span.mw-collapsible-toggle { |
| float: right;
| | float: right; |
| } | | } |
| .palette-liens, | | .palette-liens, |
| .palette .mw-collapsible-toggle, | | .palette .mw-collapsible-toggle, |
| .palette-groupe { | | .palette-groupe { |
| padding: 0.25em 1em;
| | padding: 0.25em 1em; |
| } | | } |
| .palette-titre { | | .palette-titre { |
| background-color: var(--background-color-dp-02);
| | background-color: var(--background-color-dp-02); |
| } | | } |
| .palette-titre, | | .palette-titre, |
| .palette-section { | | .palette-section { |
| font-size: 105%;
| | font-size: 105%; |
| font-weight: bold;
| | font-weight: bold; |
| padding: 0.25em 8em;
| | padding: 0.25em 8em; |
| text-align: center;
| | text-align: center; |
| } | | } |
| .palette-ligne { | | .palette-ligne { |
| display: table-row;
| | display: table-row; |
| } | | } |
| .palette-groupe, | | .palette-groupe, |
Ligne 2 073 : |
Ligne 1 080 : |
| .palette-liste, | | .palette-liste, |
| .palette-listes { | | .palette-listes { |
| display: table-cell;
| | display: table-cell; |
| vertical-align: middle;
| | vertical-align: middle; |
| } | | } |
| .palette-banniere, | | .palette-banniere, |
| .palette-liste, | | .palette-liste, |
| .palette-liste-simple { | | .palette-liste-simple { |
| padding: 0.25em;
| | padding: 0.25em; |
| } | | } |
| .palette-liste, | | .palette-liste, |
| .palette-listes { | | .palette-listes { |
| width: 100%;
| | width: 100%; |
| } | | } |
| .palette-banniere, | | .palette-banniere, |
| .mw-collapsible-content > ul > li > .palette-liste-simple { | | .mw-collapsible-content > ul > li > .palette-liste-simple { |
| text-align: center;
| | text-align: center; |
| } | | } |
| div.palette-image { | | div.palette-image { |
| padding: 0.25em 0 0.25em 0.25em;
| | padding: 0.25em 0 0.25em 0.25em; |
| width: 1%;
| | width: 1%; |
| } | | } |
| div.palette + div.palette { | | div.palette + div.palette { |
| margin-top: -1px;
| | margin-top: -1px; |
| } | | } |
|
| |
|
Ligne 2 102 : |
Ligne 1 109 : |
|
| |
|
| .game-portal { | | .game-portal { |
| display: grid;
| | display: grid; |
| grid-gap: 1rem;
| | grid-gap: 1rem; |
| grid-template-areas: "welcome welcome" "talkto talkto" "content content" "articleday imageday";
| | grid-template-areas: "welcome welcome" "talkto talkto" "content content" "articleday imageday"; |
| } | | } |
| .portal-welcome { | | .portal-welcome { |
| grid-area: welcome;
| | grid-area: welcome; |
| } | | } |
| .portal-talkto { | | .portal-talkto { |
| grid-area: talkto;
| | grid-area: talkto; |
| text-align: center;
| | text-align: center; |
| } | | } |
| .portal-content { | | .portal-content { |
| grid-area: content;
| | grid-area: content; |
| } | | } |
| .portal-box-title { | | .portal-box-title { |
| text-align: center;
| | text-align: center; |
| font-size: 150%;
| | font-size: 150%; |
| margin: 0 50px 5px 50px;
| | margin: 0 50px 5px 50px; |
| border-bottom: 1px solid var(--border-color-base--darker);
| | border-bottom: 1px solid var(--border-color-base); |
| text-shadow: 0 0 8px var(--color-link);
| | text-shadow: 0 0 8px var(--color-link); |
| color: var(--color-link);
| | color: var(--color-link); |
| } | | } |
| .portal-content-links { | | .portal-content-links { |
| display: grid;
| | display: grid; |
| grid-gap: 2rem;
| | grid-gap: 2rem; |
| grid-template-columns: 1fr 1fr;
| | grid-template-columns: 1fr 1fr; |
| padding: 1rem;
| | padding: 1rem; |
| } | | } |
| .portal-content-group-title { | | .portal-content-group-title { |
| border-bottom: 1px dotted var(--border-color-base--darker);
| | border-bottom: 1px dotted var(--border-color-base); |
| font-size: 125%;
| | font-size: 125%; |
| } | | } |
| .portal-logo-fo1 { | | .portal-logo-fo1 { |
| background-image: url(/images/6/69/Fo1_portail_armure.png);
| | background-image: url(/images/6/69/Fo1_portail_armure.png); |
| background-size: 123px;
| | background-size: 123px; |
| background-repeat: no-repeat;
| | background-repeat: no-repeat; |
| background-position: -3px -24px;
| | background-position: -3px -24px; |
| } | | } |
| .portal-logo-fo2 { | | .portal-logo-fo2 { |
| background-image: url(/images/2/2b/Fo2_portail_armure.png);
| | background-image: url(/images/2/2b/Fo2_portail_armure.png); |
| background-size: 100px;
| | background-size: 100px; |
| background-repeat: no-repeat;
| | background-repeat: no-repeat; |
| background-position: -3px -30px;
| | background-position: -3px -30px; |
| } | | } |
| .portal-logo-fot { | | .portal-logo-fot { |
| background-image: url(/images/3/31/Fot_portail_armure-min.png);
| | background-image: url(/images/3/31/Fot_portail_armure-min.png); |
| background-size: 123px;
| | background-size: 123px; |
| background-repeat: no-repeat;
| | background-repeat: no-repeat; |
| background-position: -3px -24px;
| | background-position: -3px -24px; |
| } | | } |
| .portal-logo-fo3 { | | .portal-logo-fo3 { |
| background-image: url(/images/c/c7/Fo3_portail_armure.png);
| | background-image: url(/images/c/c7/Fo3_portail_armure.png); |
| background-size: 100px;
| | background-size: 100px; |
| background-repeat: no-repeat;
| | background-repeat: no-repeat; |
| background-position: -3px -24px;
| | background-position: -3px -24px; |
| } | | } |
| .portal-logo-fnv { | | .portal-logo-fnv { |
| background-image: url(/images/2/28/Fnv_portail_ranger.png);
| | background-image: url(/images/2/28/Fnv_portail_ranger.png); |
| background-size: 180px;
| | background-size: 180px; |
| background-repeat: no-repeat;
| | background-repeat: no-repeat; |
| background-position: -33px -24px;
| | background-position: -33px -24px; |
| } | | } |
| .portal-logo-fo4 { | | .portal-logo-fo4 { |
| background-image: url(/images/f/f0/Fo4_portail_h%C3%A9ros_et_son_chien.png);
| | background-image: url(/images/f/f0/Fo4_portail_h%C3%A9ros_et_son_chien.png); |
| background-size: 80px;
| | background-size: 80px; |
| background-repeat: no-repeat;
| | background-repeat: no-repeat; |
| background-position: -3px -15px;
| | background-position: -3px -15px; |
| } | | } |
| .portal-logo-fos { | | .portal-logo-fos { |
| background-image: url(/images/d/d4/Fos_portail_vaultboy.png);
| | background-image: url(/images/d/d4/Fos_portail_vaultboy.png); |
| background-size: 50px;
| | background-size: 50px; |
| background-repeat: no-repeat;
| | background-repeat: no-repeat; |
| background-position: -3px 0px;
| | background-position: -3px 0px; |
| } | | } |
|
| |
|
Ligne 2 180 : |
Ligne 1 187 : |
| /* Modèle:Références */ | | /* Modèle:Références */ |
| /* ---------------------------------- */ | | /* ---------------------------------- */ |
|
| | |
| .avt-references { | | .avt-references { |
| font-size: 0.8em;
| | font-size: 0.8em; |
| line-height: 1.6;
| | line-height: 1.6; |
| } | | } |
|
| |
|
Ligne 2 191 : |
Ligne 1 198 : |
|
| |
|
| .avt-references-many { | | .avt-references-many { |
| height: 230px;
| | height: 230px; |
| overflow: auto;
| | overflow: auto; |
| border: 1px solid var(--border-color-base--darker);
| | border: 1px solid var(--border-color-base); |
| scrollbar-width: thin;
| | scrollbar-width: thin; |
| } | | } |
|
| |
|
Ligne 2 202 : |
Ligne 1 209 : |
|
| |
|
| .avt-special-label { | | .avt-special-label { |
| width: 10rem;
| | width: 10rem; |
| display: inline-block;
| | display: inline-block; |
| } | | } |
|
| |
|
Ligne 2 211 : |
Ligne 1 218 : |
|
| |
|
| .artisanat { | | .artisanat { |
| font-size: 0.85em;
| | font-size: 0.85em; |
| display: grid;
| | display: grid; |
| grid-template-columns: 1fr 50px 1fr 50px 1fr;
| | grid-template-columns: 1fr 50px 1fr 50px 1fr; |
| margin: 10px 0 10px 0;
| | margin: 10px 0 10px 0; |
| } | | } |
| .artisanat-colonne-titre { | | .artisanat-colonne-titre { |
| text-align: center;
| | text-align: center; |
| border: 1px solid var(--border-color-base--darker);
| | border: 1px solid var(--border-color-base); |
| margin-bottom: 3px;
| | margin-bottom: 3px; |
| background-color: var(--background-color-dp-02);
| | background-color: var(--background-color-dp-02); |
| padding: 3px;
| | padding: 3px; |
| } | | } |
| .artisanat-colonne-liste > ul { | | .artisanat-colonne-liste > ul { |
| list-style: none;
| | list-style: none; |
| margin: 0;
| | margin: 0; |
| } | | } |
| .artisanat-colonne-liste > ul > li { | | .artisanat-colonne-liste > ul > li { |
| border: 1px solid var(--border-color-base--darker);
| | border: 1px solid var(--border-color-base); |
| padding: 5px;
| | padding: 5px; |
| margin-bottom: 3px;
| | margin-bottom: 3px; |
| background: var(--box-background-color);
| | background: var(--box-background-color); |
| } | | } |
| .artisanat-separateur { | | .artisanat-separateur { |
| margin: auto;
| | margin: auto; |
| } | | } |
|
| |
|
Ligne 2 242 : |
Ligne 1 249 : |
|
| |
|
| .va-transcript { | | .va-transcript { |
| line-height: 18px;
| | line-height: 18px; |
| padding: 10px 25px;
| | padding: 10px 25px; |
| } | | } |
| .va-transcript-icon { | | .va-transcript-icon { |
| width: 40px;
| | width: 40px; |
| z-index: -1;
| | z-index: -1; |
| position: relative;
| | position: relative; |
| float: left;
| | float: left; |
| left: -25px;
| | left: -25px; |
| margin-right: -40px;
| | margin-right: -40px; |
| top: -5px;
| | top: -5px; |
| } | | } |
| .va-transcript-text { | | .va-transcript-text { |
| font-family: monospace;
| | font-family: monospace; |
| font-size: 13px;
| | font-size: 13px; |
| } | | } |