|
|
(237 versions intermédiaires par 3 utilisateurs non affichées) |
Ligne 1 : |
Ligne 1 : |
| /* ----------------------- */ | | /* |
| /* Variables */
| | --------------------------------------------------- |
| /* ----------------------- */
| | Variables |
| | --------------------------------------------------- |
| | Ces variables définissent les couleurs utilisés par |
| | le wiki. |
| | --------------------------------------------------- |
| | */ |
|
| |
|
| :root { | | :root { |
| --background-color-dp-00: #020601; | | --background-color-dp-00: #a9ceea; |
| | --background-color-dp-01: #b1d2ec; |
| | --background-color-dp-02: #bad7ee; |
| | --background-color-dp-03: #c2dcf0; |
| | --background-color-dp-04: #cbe1f2; |
| | --background-color-dp-06: #d4e6f4; |
| | --background-color-dp-08: #dcebf6; |
| | --background-color-dp-12: #e5f0f8; |
| | --background-color-dp-16: #edf5fa; |
| | --background-color-dp-24: #f6fafc; |
| | --background-img: no-repeat url(avt-main-fotv-background.jpg); |
| | --background-main: #fff; |
| | --box-background-color: #ffffff00; |
| | --box-shadow: 0 0 10px #a9ceea; |
| | --color-base: black; |
| | --color-warning: #ffcc33; |
| | --color-link: #0645ad; |
| | --color-link-visited: #3c88ff; |
| | --border-color-base: #f0f0f0; |
| | } |
| | |
| | /* |
| | --------------------------------------------------- |
| | Mode sombre |
| | --------------------------------------------------- |
| | Partie régissant le mode sombre |
| | --------------------------------------------------- |
| | */ |
| | |
| | :root.client-darkmode { |
| | --background-color-dp-00: #03100000; |
| --background-color-dp-01: #040d02; | | --background-color-dp-01: #040d02; |
| --background-color-dp-02: #071403; | | --background-color-dp-02: #e5f4e0; |
| --background-color-dp-03: #091b04; | | --background-color-dp-03: #d4eccc; |
| --background-color-dp-04: #0c2205; | | --background-color-dp-04: #d4eccc; |
| --background-color-dp-06: #0e2806; | | --background-color-dp-06: #d4eccc; |
| --background-color-dp-08: #102f07; | | --background-color-dp-08: #102f07; |
| --background-color-dp-12: #133608; | | --background-color-dp-12: #133608; |
| --background-color-dp-16: #153d09; | | --background-color-dp-16: #153d09; |
| --background-color-dp-24: #18440b; | | --background-color-dp-24: #18440b; |
| --background-color-overlay: rgba(0,0,0,0.99); | | --background-img: no-repeat url(avt-main-fotv-background.jpg); |
| --background-color-overlay--lighter: rgba(19,26,33,0.6);
| | --background-main: #fff; |
| --background-color-framed: #040d02;
| | --box-background-color: #ffffff00; |
| --background-color-framed--hover: #091b04;
| | --box-shadow: 0 0 10px #f1fff2; |
| --background-color-framed--active: #020601;
| | --color-base: black; |
| --background-color-input: rgba(0,0,0,0.5);
| |
| --background-color-icon: rgba(255,255,255,0.4);
| |
| --background-color-icon--hover: rgba(255,255,255,0.6);
| |
| --background-color-icon--active: rgba(255,255,255,0.2);
| |
| --background-color-quiet--hover: rgba(255,255,255,0.07);
| |
| --background-color-quiet--active: rgba(255,255,255,0.03);
| |
| --background-color-primary--hover: #18440b;
| |
| --background-color-primary--active: #26437f;
| |
| --background-color-destructive: #b32424;
| |
| --background-color-warning: #ac6600;
| |
| --background-color-success: #14866d;
| |
| --background-main: #000100; | |
| --box-background-color: #000300; | |
| --box-shadow: 0 0 10px #071403; | |
| --color-base: #999999; | |
| --color-base--emphasized: rgba(255,255,255,0.87);
| |
| --color-base--subtle: rgba(255,255,255,0.38);
| |
| --color-primary: #51E527;
| |
| --color-primary--hover: #18440b;
| |
| --color-primary--active: #2a4b8d;
| |
| --color-destructive: #0066cc;
| |
| --color-destructive--hover: #e35b5b;
| |
| --color-destructive--active: #b32424;
| |
| --color-warning: #ffcc33; | | --color-warning: #ffcc33; |
| --color-success: #00af89;
| | --color-link: green; |
| --color-link: #51E527;
| | --color-link-visited: #0D590D; |
| --color-link--hover: #18440b; | | --border-color-base: #e6e6e6; |
| --color-link--active: #2a4b8d; | |
| --color-link-new: #e35b5b;
| |
| --color-link-new--hover: #fee7e6;
| |
| --color-link-new--active: #b32424;
| |
| --opacity-base--disabled: 0.2;
| |
| --opacity-icon-base: 0.4;
| |
| --opacity-icon-base--hover: 0.6;
| |
| --opacity-icon-base--active: 0.2;
| |
| --size-icon: 20px;
| |
| --border-color-base: rgba(255,255,255,0.05); | |
| --border-color-base--lighter: rgba(255,255,255,0.02);
| |
| --border-color-base--darker: rgba(255,255,255,0.08);
| |
| --border-color-input: rgba(255,255,255,0.05);
| |
| --border-color-input--hover: rgba(255,255,255,0.5);
| |
| --border-radius--small: 4px;
| |
| --border-radius--medium: 8px;
| |
| --border-radius--large: 12px;
| |
| --font-family-base: 'Roboto',system-ui,-apple-system,sans-serif;
| |
| --font-family-serif: Georgia,serif;
| |
| --font-family-monospace: 'SFMono-Regular','Menlo','Roboto Mono','Consolas','Liberation Mono','Courier New',monospace;
| |
| } | | } |
| | | .client-darkmode .cdx-thumbnail__image, .client-darkmode #main-content img, .client-darkmode .cdx-thumbnail__image:hover { |
| /* ### IMPORTATION DE L'ANCIEN CONTENU DE COMMON.CSS ### */
| | filter: none |
| | |
| /* Importation des polices */
| |
| @font-face{
| |
| font-family : "Overseer";
| |
| src : url("/resources/fonts/Overseer.ttf") format("truetype"),
| |
| url("/resources/fonts/Overseer.woff") format("woff");
| |
| } | | } |
| @font-face{
| | .client-darkmode a, |
| font-family : "OverseerItalic";
| | .client-darkmode .vector-main-menu-group .vector-menu-content li a, |
| src : url("/resources/fonts/OverseerItalic.ttf") format("truetype"),
| | .client-darkmode .toctogglelabel, |
| url("/resources/fonts/OverseerItalic.woff") format("woff");
| | .client-darkmode .mw-parser-output a.external, |
| | .client-darkmode .mw-parser-output a.extiw, |
| | .client-darkmode .mw-parser-output a.extiw:active, |
| | .client-darkmode .vector-menu-portal .vector-menu-content li a, |
| | .client-darkmode .vector-menu-tabs li a, |
| | .client-darkmode .vector-toc .vector-toc-link { |
| | color: var(--color-link); |
| } | | } |
| | | .client-darkmode .vector-toc .vector-toc-level-1-active:not(.vector-toc-list-item-active) > .vector-toc-link { |
| /* Taille de la police dans les pages css */
| | color: var(--color-link); |
| .css.source-css { | |
| font-size: 11px; | |
| } | | } |
| | | .client-darkmode .sidebar-toc .sidebar-toc-link, |
| /* Taille de la police dans les pages js */
| | .client-darkmode .vector-pinnable-header-toggle-button, |
| .javascript.source-javascript { | | .client-darkmode #pt-userpage-2 a, |
| font-size: 11px;
| | .client-darkmode .vector-dropdown .mw-list-item a, |
| | .client-darkmode .vector-menu-dropdown > .vector-menu-content .mw-list-item a { |
| | color: var(--color-link); |
| } | | } |
| | | .client-darkmode a:visited, |
| /* Décoration des titres de sous-chapitre. */
| | .client-darkmode .vector-main-menu-group .vector-menu-content li a:visited, |
| h1.firstHeading {
| | .client-darkmode .toctogglelabel:visited, |
| /* bug de rendu si icône de titre ou coordonnées déplacées dans le titre */
| | .client-darkmode .mw-parser-output a.external:visited, |
| overflow: visible;
| | .client-darkmode .mw-parser-output a.extiw:visited, |
| | .mw-collapsible-toggle-default .mw-collapsible-text { |
| | color: var(--color-link-visited); |
| } | | } |
|
| | .client-darkmode .vector-menu-portal .vector-menu-content li a:visited, |
| .mw-body h1, | | .client-darkmode .vector-menu-tabs li a:visited, |
| .mw-body h2 { | | .client-darkmode .sidebar-toc .sidebar-toc-link:visited, |
| padding-top: 0.65em; | | .client-darkmode .vector-pinnable-header-toggle-button:visited, |
| | .client-darkmode #pt-userpage-2 a:visited, |
| | .client-darkmode .vector-dropdown .mw-list-item a:visited, |
| | .client-darkmode .vector-menu-dropdown > .vector-menu-content .mw-list-item a:visited { |
| | color: var(--color-link); |
| } | | } |
|
| | .client-darkmode .infobox, |
|
| | .client-darkmode .toc, |
| /* monobookocentré */
| | .client-darkmode .thumbinner, |
|
| | .client-darkmode #simpleSearch, |
| .mw-body h3 { | | .client-darkmode #searchInput, |
| padding-top: 0.6em;
| | .client-darkmode #searchButton, |
| border-bottom: dotted 1px #AAA;
| | .client-darkmode #searchGoButton, |
| }
| | .client-darkmode table, |
|
| | .client-darkmode table.toccolours, |
| .mw-body h4, | | .client-darkmode .wikitable, |
| .mw-body h5, | | .client-darkmode .mw-notification { |
| .mw-body h6 { | | background-color: var(--box-background-color); |
| padding-top: 0.55em;
| | border-color: var(--border-color-base); |
| border-bottom: dotted 1px #DDD;
| |
| }
| |
|
| |
|
| |
| /* Sous-titre ([[Modèle:Sous-titre]]) */
| |
|
| |
| h1 #sous_titre_h1 {
| |
| display: block;
| |
| font-size: 0.7em;
| |
| line-height: 1.3em;
| |
| margin: 0.2em 0 0 0.5em;
| |
| }
| |
|
| |
| /* Titres de sections modifiés par JS */
| |
|
| |
| .modifiedSectionTitle .editsection, .mw-editsection { | |
| float: none; | |
| font-size: x-small;
| |
| }
| |
|
| |
| .modifiedSectionTitle .mw-headline {
| |
| margin-right: 0.3em;
| |
| }
| |
|
| |
|
| |
| .italique {
| |
| font-style: italic; | |
| }
| |
|
| |
| .italique i {
| |
| font-style: normal
| |
| }
| |
| | |
| /* WIKITABLE */
| |
|
| |
| /* Classe pour tableaux standards, légèrement grisés. Syntaxe : {| class="wikitable" */
| |
|
| |
| /* Tableaux selon la charte graphique. Ils sont centrés par défaut. */
| |
|
| |
| table.wikitable th,
| |
| table.wikitable td {
| |
| padding: 0.3em;
| |
| }
| |
|
| |
| .wikitable th[scope=row] {
| |
| text-align: left;
| |
| }
| |
|
| |
| /** Alignement du tableau : flottant à droite ou à gauche, ou centré. On peut aligner à droite ou à gauche
| |
| * sans flottement en ajoutant le [[modèle:clr]] en bas du tableau, ou en précisant style="float:none"
| |
| * dans l'en-tête du tableau.
| |
| */
| |
|
| |
| table.gauche,
| |
| table.left {
| |
| float: left;
| |
| margin: 0 1em 1em 0;
| |
| }
| |
|
| |
| table.droite,
| |
| table.right {
| |
| float: right;
| |
| margin: 0 0 1em 1em;
| |
| } | | } |
|
| | .client-darkmode .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { |
| table.centre,
| | color: #fff; |
| table.center {
| | background-color: #2cb22c; |
| margin: 1em auto;
| | border-color: #2cb22c; |
| | border-top-color: #2cb22c; |
| | border-right-color: #2cb22c; |
| | border-bottom-color: #2cb22c; |
| | border-left-color: #2cb22c; |
| } | | } |
|
| | .client-darkmode .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:focus + span { |
| /* Pour les cas où le code de l'article contienne un paramètre align de valeur center */
| | border-color: #228922; |
|
| | box-shadow: inset 0 0 0 1px #228922; |
| table.wikitable[align=center] {
| | outline: 1px solid transparent |
| margin: 1em auto;
| |
| } | | } |
|
| | .client-darkmode .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:hover + span { |
| /* ALTERNANCE */
| | border-color: #228922 |
|
| |
| /** Classes permettant d'alterner les couleurs de ligne
| |
| * dans les tableaux selon le nombre de lignes d'en-tête :
| |
| *.alternance si nombre impair
| |
| *.alternance2 si nombre pair.
| |
| *
| |
| *.odd est un be kind to IE<9 qui n'implémente pas
| |
| * le sélecteur :nth-child, appliquée via Common.js
| |
| *
| |
| *.sortable : les tableaux triables nécessitent d'inverser
| |
| * l'alternance.
| |
| */
| |
|
| |
| .alternance,
| |
| .alternance2 {
| |
| border-collapse: collapse;
| |
| } | | } |
|
| | .client-darkmode .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:active + span { |
| table.alternance > * > tr > th,
| | background-color: #228922; |
| table.alternance2 > * > tr > th {
| | border-color: #228922; |
| background: #e6e6e6;
| | box-shadow: inset 0 0 0 1px #228922 |
| } | | } |
|
| | .client-darkmode .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked + span,.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate + span { |
| .alternance tr, | | background-color: #228922; |
| .alternance th[scope="row"] { | | border-color: #228922 |
| background: #fcfcfc;
| |
| } | | } |
|
| | .client-darkmode .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:focus + span,.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate:focus + span { |
| .alternance:not(.sortable) tr:nth-child(odd), | | background-color: #228922; |
| .alternance.sortable tr:nth-child(even), | | border-color: #228922; |
| .alternance:not(.sortable) tr:nth-child(odd) th[scope="row"],
| | box-shadow: inset 0 0 0 1px #228922,inset 0 0 0 2px #fff |
| .alternance.sortable tr:nth-child(even) th[scope="row"] { | |
| background: #eeeeee;
| |
| } | | } |
|
| | .client-darkmode .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:hover + span,.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate:hover + span { |
| .alternance .odd, | | background-color: #228922; |
| .alternance .odd th[scope="row"] { | | border-color: #228922 |
| /* be kind to IE<9 */
| |
| background: #eeeeee;
| |
| } | | } |
|
| | .client-darkmode .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:active + span,.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate:active + span { |
| .alternance2 tr, | | background-color: #228922; |
| .alternance2 th[scope="row"] { | | border-color: #228922; |
| background: #eeeeee;
| | box-shadow: inset 0 0 0 1px #228922 |
| } | | } |
|
| | .client-darkmode .oo-ui-radioInputWidget [type='radio']:disabled + span { |
| .alternance2 tr:nth-child(odd), | | background-color: #228922; |
| .alternance2 tr:nth-child(odd) th[scope="row"] { | | border-color: #228922 |
| background: #fcfcfc;
| |
| } | | } |
|
| | .client-darkmode .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:hover + span { |
| .alternance2 .odd, | | border-color: #228922 |
| .alternance2 .odd th[scope="row"] { | |
| /* be kind to IE<9 */
| |
| background: #fcfcfc;
| |
| } | | } |
| | | .client-darkmode .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:active + span { |
| /* Modèle:Histoire Globale */
| | background-color: #228922; |
|
| | border-color: #228922 |
| .Histoire-Globale { | |
| text-align: left;
| |
| margin: 8px 10% 12px;
| |
| border-style: solid;
| |
| border-width: 1px 1px 1px 10px;
| |
| border-color: #77ccff;
| |
| border-radius: 5px;
| |
| padding: 2px 10px;
| |
| background-color: #fbfbfb;
| |
| } | | } |
|
| | .client-darkmode .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked + span { |
| .Histoire-Globale table { | | border-color: #228922 |
| background-color: transparent
| |
| } | | } |
| | | .client-darkmode .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked:hover + span { |
| /* Make <ref> tags not increase line height */
| | border-color: #228922 |
| .reference { | |
| line-height: 1em;
| |
| } | | } |
| | | .client-darkmode .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked:active + span { |
| ul {
| | border-color: #228922; |
| list-style: '– ';
| | box-shadow: inset 0 0 0 1px #228922 |
| } | | } |
| | | .client-darkmode .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked:active + span::before { |
| /* ################################################## */
| | border-color: #228922 |
| /* ### ARRIÈRE-PLAN PARTAGÉ ### */
| |
| /* ################################################## */
| |
|
| |
| .va-forum-index th, | |
| .va-forum-search th, | |
| .va-infobox-title, | |
| .va-navbox-title,
| |
| .va-portal-section-header {
| |
| background-color: #383020;
| |
| background-image: none;
| |
| background: url(/skins/Vector/images/background/foggy.png) !important;
| |
| } | | } |
| | | .client-darkmode .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive { |
| /* ################################################## */
| | background-color: #2cb22c; |
| /* ### GENERIC BOX (divers modèles mineurs) ### */
| | color: #fff; |
| /* ################################################## */
| | border-color: #2cb22c; |
|
| |
| .va-genericbox { | |
| background: #383838;
| |
| border: 1px solid #AAA;
| |
| } | | } |
| | | .client-darkmode .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover,.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover { |
| /* ################################################## */
| | background-color: #228922; |
| /* ### INFOBOXES (Modèle:Infobox) ### */
| | border-color: #228922 |
| /* ################################################## */
| |
|
| |
| /* Outer table */
| |
| .va-infobox { | |
| border: none;
| |
| clear: right;
| |
| float: right;
| |
| font-size: 11px;
| |
| line-height: 16px;
| |
| margin: 0 0 5px 10px;
| |
| font-family: sans-serif;
| |
| } | | } |
|
| | .client-darkmode .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button { |
| /* Inner tables */
| | background-color: #228922; |
| .va-infobox-cont, | | border-color: #f8f9fa; |
| .va-infobox-group { | |
| margin: 0;
| |
| width: 100%;
| |
| } | | } |
|
| | .client-darkmode .mw-rcfilters-ui-changesListWrapperWidget:not(.mw-rcfilters-ui-changesListWrapperWidget-highlighted) .mw-changeslist-watchedseen div.mw-rcfilters-ui-highlights-color-none { |
| .va-infobox-mainimage-table { | | background-color: #ffffff; |
| margin: 0 auto;
| | border: 1px solid #228922; |
| } | | } |
|
| | .client-darkmode .mw-rcfilters-ui-changesListWrapperWidget:not(.mw-rcfilters-ui-changesListWrapperWidget-highlighted) .mw-changeslist-watchedunseen div.mw-rcfilters-ui-highlights-color-none { |
| .va-infobox-mainimage-table + .va-infobox-mainimage-table { | | background-color: #228922; |
| margin-top: 2px;
| | border: 1px solid #228922; |
| } | | } |
|
| | .client-darkmode .oo-ui-optionWidget-selected .mw-echo-ui-pageNotificationsOptionWidget-label-count { |
| /* Cellspacing */
| | color: #228922; |
| .va-infobox, | |
| .va-infobox-cont, | |
| .va-infobox-group,
| |
| .va-infobox-mainimage-table, | |
| .va-infobox-spacing-h,
| |
| .va-infobox-spacing-v {
| |
| background: transparent;
| |
| } | | } |
|
| | .client-darkmode .mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-selected { |
| .va-infobox-spacing-h { | | background-color: #e3ffe5; |
| border-right: none;
| | color: var(--color-link); |
| width: 0%;
| |
| } | | } |
|
| | .client-darkmode .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-tool-link { |
| .va-infobox-spacing-v { | | color: #fff; |
| font-size: 1px;
| | background-color: #2cb22c; |
| height: 1px;
| |
| line-height: 0;
| |
| } | | } |
|
| | .client-darkmode .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-tool-link:hover { |
| .va-infobox-columns + .va-infobox-spacing { | | background-color: #228922; |
| display: none !important;
| |
| } | | } |
|
| | .client-darkmode .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive { |
| /* Widths */
| | color: var(--color-link); |
| .va-infobox-columns-1 .va-infobox-col1 { | |
| width: 100%;
| |
| } | | } |
|
| | .client-darkmode .cdx-text-input__input:enabled:focus { |
| .va-infobox-columns-2 .va-infobox-col1, | | border-color: #228922; |
| .va-infobox-columns-3 .va-infobox-col1,
| | box-shadow: inset 0 0 0 1px #228922; |
| .va-infobox-columns-4 .va-infobox-col1 {
| | outline: 1px solid transparent |
| width: 28%;
| |
| } | | } |
|
| | .client-darkmode .cdx-button:enabled:focus:not(:active):not(.cdx-button--is-active),.cdx-button.cdx-button--fake-button--enabled:focus:not(:active):not(.cdx-button--is-active) { |
| .va-infobox-columns-2 .va-infobox-col2 { | | border-color: #228922; |
| width: 72%;
| | box-shadow: inset 0 0 0 1px #228922 |
| } | | } |
|
| | .client-darkmode .vector-pinnable-element .mw-list-item a { |
| .va-infobox-columns-3 .va-infobox-col2,
| | color: #228922 |
| .va-infobox-columns-3 .va-infobox-col3 { | |
| width: 36%;
| |
| } | | } |
|
| | .client-darkmode .vector-pinnable-element .mw-list-item a:not(.mw-selflink):visited, .vector-dropdown-content .mw-list-item a:not(.mw-selflink):visited { |
| .va-infobox-columns-4 .va-infobox-col2, | | color: var(--color-link-visited); |
| .va-infobox-columns-4 .va-infobox-col3, | |
| .va-infobox-columns-4 .va-infobox-col4 { | |
| width: 24%;
| |
| } | | } |
|
| | .client-darkmode #mediauploader-steps li.head { |
| /* Cell styles */
| | color: var(--color-link); |
| .va-infobox-content, | | background-color: #ceefd4; |
| .va-infobox-footer, | | font-weight: bold; |
| .va-infobox-header,
| |
| .va-infobox-image,
| |
| .va-infobox-label,
| |
| .va-infobox-title {
| |
| padding: 1px 2px;
| |
| } | | } |
|
| | .client-darkmode fieldset { |
| .va-infobox-content, | | border: 1px solid #ffffff; |
| .va-infobox-footer,
| | margin: 1em 0 1em 0; |
| .va-infobox-image,
| | padding: 0 1em 1em; |
| .va-infobox-mainimage {
| |
| background: rgba(58, 58, 58, 0.2);
| |
| border: 1px solid #383838;
| |
| } | | } |
|
| | .client-darkmode :focus { |
| .va-infobox-header, | | outline-color: var(--color-link); |
| .va-infobox-icon,
| |
| .va-infobox-label {
| |
| background: #171717;
| |
| border: 1px solid #383838;
| |
| color: #E1E4E1;
| |
| } | | } |
|
| | .client-darkmode .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { |
| .va-infobox-image, | | color: var(--color-link); |
| .va-infobox-footer, | |
| .va-infobox-header,
| |
| .va-infobox-icon, | |
| .va-infobox-mainimage,
| |
| .va-infobox-mainimage-cont, | |
| .va-infobox-mainimage-image { | |
| text-align: center;
| |
| vertical-align: middle;
| |
| } | | } |
|
| | .client-darkmode input:focus:not(:active) + .cdx-button:not(.cdx-button--action-progressive) { |
| .va-infobox-content { | | border-color: #228922; |
| text-align: left;
| | box-shadow: inset 0 0 0 1px #228922 |
| vertical-align: top;
| | } |
| color: #D7D7D7;
| | .client-darkmode .client-js .mw-rcfilters-spinner .mw-rcfilters-spinner-bounce, .client-js .mw-rcfilters-spinner::before, .client-js .mw-rcfilters-spinner::after { |
| | content: ''; |
| | background-color: #228922; |
| | display: block; |
| | float: left; |
| | width: 12px; |
| | height: 12px; |
| | border-radius: 50%; |
| | animation: rcfiltersBouncedelay 1600ms ease-in-out -160ms infinite both; |
| } | | } |
|
| | .client-darkmode .ve-init-mw-progressBarWidget { |
| .va-infobox-label { | | background-color: #fff; |
| cursor: default;
| | box-sizing: border-box; |
| text-align: right;
| | height: 0.875em; |
| vertical-align: top;
| | border: 1px solid #228922; |
| | border-radius: 0.875em; |
| | box-shadow: 0 1px 1px rgba(0,0,0,0.15); |
| } | | } |
|
| | .client-darkmode .ve-init-mw-progressBarWidget { |
| .va-infobox-icon-cont { | | background-color: #fff; |
| margin: 0;
| | box-sizing: border-box; |
| padding: 0;
| | height: 0.875em; |
| position: relative;
| | border: 1px solid #228922; |
| | border-radius: 0.875em; |
| | box-shadow: 0 1px 1px rgba(0,0,0,0.15); |
| } | | } |
|
| | .client-darkmode .ve-ce-focusableNode-highlight { |
| .va-infobox-icon-table { | | background: #25ff007a; |
| margin: 0 auto;
| | box-shadow: inset 0 0 0 1px #39bd49; |
| | position: absolute; |
| | overflow: hidden; |
| } | | } |
|
| | .client-darkmode input:active + .cdx-button.cdx-button--action-progressive { |
| .va-infobox-mainimage-cont + .va-infobox-icon-table { | | background-color: #60ea60; |
| position: absolute;
| | color: #ffffff; |
| right: 3px;
| | border-color: #60ea60 |
| top: 1px;
| |
| } | | } |
|
| | .client-darkmode input:focus:not(:active) + .cdx-button.cdx-button--action-progressive { |
| /* FIXME: Find better method to prevent column width oddities in IE8/Webkit */
| | border-color: #228922; |
| .va-infobox-image { | | box-shadow: inset 0 0 0 1px #228922 inset 0 0 0 2px #ffffff |
| max-width: 0;
| |
| } | | } |
|
| | .client-darkmode .cdx-menu-item--enabled.cdx-menu-item--active { |
| .va-infobox-image-cont { | | background-color: #eaf3ff; |
| margin-right: -100%;
| | color: var(--color-link) |
| text-align: center;
| |
| width: 100%;
| |
| } | | } |
|
| | .client-darkmode .cdx-menu-item--enabled.cdx-menu-item--active .cdx-menu-item__content,.cdx-menu-item--enabled.cdx-menu-item--active .cdx-menu-item__text__description { |
| .va-infobox-image-desc { | | color: var(--color-link); |
| font-size: 10px;
| |
| line-height: 15px;
| |
| padding: 1px 1px 0;
| |
| color: #D7D7D7;
| |
| } | | } |
|
| | .client-darkmode .cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--highlighted,.cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--highlighted .cdx-menu-item__content,.cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--highlighted .cdx-menu-item__text__description { |
| .va-infobox-image-upload { | | color: var(--color-link) |
| padding: 15px 3px;
| |
| } | | } |
|
| | .client-darkmode .mwe-popups .mwe-popups-extract { |
| .va-infobox-mainimage { | | color: var(--color-link); |
| padding: 2px 0;
| |
| } | | } |
|
| | .client-darkmode .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus { |
| .va-infobox-mainimage-cont { | | border-color: var(--color-link); |
| margin: 0;
| | box-shadow: inset 0 0 0 1px var(--color-link) |
| width: 100%;
| |
| } | | } |
|
| | .client-darkmode .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:focus { |
| .va-infobox-mainimage-image { | | border-color: var(--color-link); |
| background: transparent;
| | box-shadow: inset 0 0 0 1px var(--color-link),inset 0 0 0 2px #fff; |
| padding: 0 1px;
| | outline: 1px solid transparent |
| } | | } |
|
| | .client-darkmode .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input:focus { |
| .va-infobox-mainimage-minheight { | | border-color: var(--color-link); |
| width: 0%;
| | outline: 1px solid transparent; |
| | box-shadow: inset 0 0 0 1px var(--color-link) |
| } | | } |
|
| | .client-darkmode .oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input:focus { |
| .va-infobox-mainimage-minheight div { | | border-color: var(--color-link) |
| height: 120px;
| |
| margin: 0;
| |
| padding: 0;
| |
| width: 1px;
| |
| } | | } |
|
| | .client-darkmode .ve-init-mw-progressBarWidget-bar { |
| .va-infobox-title {
| | background-color: #228922; |
| /* Shared background; see top of page */
| | height: 0.875em; |
| border: 1px solid #383838;
| |
| color: #FFF;
| |
| text-align: center;
| |
| vertical-align: middle;
| |
| width: 100%;
| |
| }
| |
|
| |
| .va-infobox-title-main {
| |
| font-size: 15px;
| |
| font-weight: bold;
| |
| line-height: 20px;
| |
| }
| |
|
| |
| .va-infobox-title-sub {
| |
| font-size: 12px;
| |
| line-height: 15px;
| |
| }
| |
|
| |
| .va-infobox-title-super {
| |
| font-size: 10px;
| |
| line-height: 12px;
| |
| }
| |
|
| |
| .va-infobox-tooltip {
| |
| border-color: #AAA transparent transparent #AAA;
| |
| border-style: solid;
| |
| border-width: 3px;
| |
| float: left;
| |
| height: 0;
| |
| left: -2px;
| |
| margin-bottom: -100%;
| |
| margin-right: -100%;
| |
| position: absolute;
| |
| top: -1px;
| |
| width: 0;
| |
| }
| |
|
| |
| .va-infobox-tooltip-cell { | |
| cursor: help;
| |
| }
| |
|
| |
| .va-infobox-tooltip-cont { | |
| height: 0;
| |
| position: relative;
| |
| width: 0;
| |
| }
| |
|
| |
| /* Collapse buttons */
| |
| .va-infobox-group-collapsible .va-infobox-header {
| |
| padding-left: 40px;
| |
| padding-right: 40px;
| |
| }
| |
|
| |
| .va-infobox-header .mw-collapsible-toggle {
| |
| left: 40px;
| |
| margin-left: -100%;
| |
| position: relative;
| |
| }
| |
|
| |
| .va-infobox-header .mw-collapsible-toggle a {
| |
| color: #51E527;
| |
| }
| |
|
| |
| /* Links */
| |
| .va-infobox-title a:link,
| |
| .va-infobox-title a:visited {
| |
| color: #F7EEBA !important;
| |
| }
| |
| .va-infobox-title a:hover,
| |
| .va-infobox-title a:active {
| |
| color: #51E527 !important;
| |
| }
| |
| .va-infobox-title a.new {
| |
| color: #F11 !important;
| |
| }
| |
|
| |
| .va-infobox-label a {
| |
| color: #F7EEBA;
| |
| }
| |
|
| |
| .va-infobox-label a:visited {
| |
| color: #F7EEBA;
| |
| }
| |
|
| |
| /* Adapting lists & paragraphs */
| |
| .va-infobox ul,
| |
| .va-infobox ol,
| |
| .va-infobox p {
| |
| line-height: 16px;
| |
| margin-bottom: 0;
| |
| }
| |
|
| |
| .va-infobox ul,
| |
| .va-infobox ol { | |
| margin-left: 20px;
| |
| margin-top: 0;
| |
| }
| |
|
| |
| .va-infobox p,
| |
| .va-infobox * + ul,
| |
| .va-infobox * + ol {
| |
| margin-top: 3px;
| |
| }
| |
|
| |
| .va-infobox ul li,
| |
| .va-infobox ol li {
| |
| margin-bottom: 0;
| |
| }
| |
|
| |
| /* Auxiliary template: Template:Infobox/divider */
| |
| .va-infobox-divider-float {
| |
| border-color: #AAA;
| |
| border-style: solid;
| |
| border-width: 0 0 1px 1px;
| |
| clear: right;
| |
| float: right;
| |
| margin: -1px 0 0 2px;
| |
| min-width: 18px;
| |
| padding: 0 0 0 2px;
| |
| text-align: center;
| |
| }
| |
|
| |
| .va-infobox-divider-vert {
| |
| width: 100%;
| |
| }
| |
|
| |
| .va-infobox-divider-left,
| |
| .va-infobox-divider-right {
| |
| vertical-align: top;
| |
| width: 50%;
| |
| }
| |
|
| |
| .va-infobox-divider-left {
| |
| border-right: 1px solid #AAA;
| |
| padding: 0 2px 0 0;
| |
| }
| |
|
| |
| .va-infobox-divider-right {
| |
| padding: 0 0 0 2px;
| |
| }
| |
|
| |
| .va-infobox-divider-section-start,
| |
| .va-infobox-divider-section-end {
| |
| display: none;
| |
| }
| |
|
| |
| .va-infobox-divider-section-end + .va-infobox-divider-section-start {
| |
| border-top: 1px solid #AAA;
| |
| clear: both;
| |
| display: block;
| |
| margin: 1px 0;
| |
| } | | } |
|
| |
|
| /* ################################################## */ | | /* |
| /* ### MODÈLE DOCUMENTATION ### */ | | --------------------------------------------------- |
| /* ### (Modèle:Docparam/Modèle:Documentation) ### */
| | Legacy |
| /* ################################################## */ | | --------------------------------------------------- |
|
| | le style ci-dessous doit être maintenu tant |
| /* Template:Docparam */ | | que les modèles associés sont encore utilisés. |
| .va-docparam { | | Ces classes doivent être supprimées. |
| background: #678E6C;
| | --------------------------------------------------- |
| border: 1px dotted #D9D9D9;
| | */ |
| margin-bottom: 3px;
| | |
| overflow: auto;
| | /* Arrière-plan partagé */ |
| padding: 0 2px 0 20px;
| | .va-infobox-title,.va-navbox-title{background-color:#383020;background-image:none;background:url(/skins/Vector/images/background/foggy.png)!important} |
| text-indent: -20px;
| | |
| } | | /* Modèle:Docparam */ |
|
| | .va-docparam{background:#678e6c;border:1px dotted #d9d9d9;margin-bottom:3px;overflow:auto;padding:0 2px 0 20px;text-indent:-20px}.va-docparam-icon{float:left;margin:0;padding:0;width:20px}.va-docparam-default{float:right;font-size:10px}.va-docparam-params{font-family:monospace;color:#000}.va-docparam-desc{margin:0;padding:0 0 5px 20px} |
| .va-docparam-icon { | | |
| float: left;
| | /* Modèle:Console */ |
| margin: 0;
| | .va-console{background-color:#cfc;color:#000;font-family:consolas;padding:2px}.va-console-cmd{color:#555} |
| padding: 0;
| | |
| width: 20px;
| | /* Modèle:Introduction */ |
| } | | .va-intro-image{padding-left:2px;padding-right:2px}.va-intro td{padding-bottom:2px}.va-intro-header{font-size:16px;font-weight:700}.va-intro-bullets{font-size:11px;line-height:16px;vertical-align:top;font-family:sans-serif} |
|
| | |
| .va-docparam-default { | | /* Modèle:Plus */ |
| float: right;
| | .va-more{margin-top:.5em}.va-more-link{font-size:10px;line-height:15px} |
| font-size: 10px;
| |
| } | |
|
| |
| .va-docparam-params { | |
| font-family: monospace;
| |
| color: black;
| |
| } | |
|
| |
| .va-docparam-desc { | |
| margin: 0;
| |
| padding: 0 0 5px 20px;
| |
| } | |
|
| |
| /* Template:Documentation */ | |
| .va-documentation, | |
| .va-documentation-bar-top,
| |
| .va-documentation-bar-bottom {
| |
| border-color: #AAA;
| |
| border-style: solid;
| |
| clear: both;
| |
| } | |
|
| |
| .va-documentation { | |
| border-width: 1px;
| |
| margin: 10px 0;
| |
| background: rgba(188,226,199,0.5);
| |
| color: black;
| |
| } | |
|
| |
| .va-documentation-bar-top,
| |
| .va-documentation-bar-bottom { | |
| background: rgb(0, 121, 0) none repeat scroll 0% 0%;
| |
| color: #000;
| |
| margin: 0;
| |
| padding: 5px;
| |
| } | |
|
| |
| .va-documentation-bar-top { | |
| border-width: 0 0 1px 0;
| |
| } | |
|
| |
| .va-documentation-bar-bottom { | |
| border-width: 1px 0 0 0;
| |
| text-align: right;
| |
| } | |
|
| |
| .va-documentation-links { | |
| float: right;
| |
| text-align: right;
| |
| }
| |
|
| |
| .va-documentation-content { | |
| margin: 0;
| |
| padding: 10px;
| |
| } | |
|
| |
| .va-documentation-small { | |
| font-size: 10px;
| |
| } | |
|
| |
|
| /* ################################################## */ | | /* MediaWiki:Newarticle */ |
| /* ### ICÔNES (Modèle:Icône) ### */
| | .mw-newarticletext,.mw-newarticletextanon{border:1px solid #383838;margin-bottom:10px;padding:10px;background-color:rgba(58,58,58,.2)}.mw-newarticletext h2,.mw-newarticletextanon h2{border:none;color:#51e527;padding:0;margin:10px 0 13px 0}.new-article-game{color:#51e527} |
| /* ################################################## */
| |
|
| |
| .va-icon-sortkey {
| |
| display: none;
| |
| }
| |
|
| |
| /* High-use icons */
| |
| .va-icon-highuse, | |
| .va-icon-highuse a { | |
| display: inline-block;
| |
| }
| |
|
| |
| .va-icon-highuse {
| |
| background-position: center;
| |
| background-repeat: no-repeat;
| |
| vertical-align: middle;
| |
| } | |
|
| |
| .va-icon-big .va-icon-highuse, | |
| .va-icon-big .va-icon-highuse a {
| |
| height: 20px;
| |
| width: 20px;
| |
| }
| |
|
| |
| .va-icon-normal .va-icon-highuse,
| |
| .va-icon-normal .va-icon-highuse a {
| |
| height: 14px;
| |
| width: 14px;
| |
| } | |
|
| |
| .va-icon-big .va-icon-highuse-check {
| |
| background-image: url(http://www.fallout-wiki.com/images/icones/20px-Icon_check.png);
| |
| } | |
|
| |
|
| .va-icon-normal .va-icon-highuse-check {
| | /* |
| background-image: url(http://www.fallout-wiki.com/images/icones/14px-Icon_check.png);
| | --------------------------------------------------- |
| }
| | Extension override |
| | --------------------------------------------------- |
| | le style ci-dessous écrase les classes ajoutées |
| | par les extensions MediaWiki |
| | --------------------------------------------------- |
| | */ |
|
| |
|
| .va-icon-big .va-icon-highuse-cross {
| | /* ------------------------------ */ |
| background-image: url(http://www.fallout-wiki.com/images/icones/20px-Icon_cross.png);
| | /* Extension:TabberNeue */ |
| }
| | /* ------------------------------ */ |
|
| |
|
| .va-icon-normal .va-icon-highuse-cross { | | .tabber__header { |
| background-image: url(http://www.fallout-wiki.com/images/icones/14px-Icon_cross.png);
| | box-shadow: none; |
| } | | } |
|
| | .tabber__tabs { |
| .va-icon-big .va-icon-highuse-checkbrown {
| | margin-bottom: 1em; |
| background-image: url(http://www.fallout-wiki.com/images/icones/20px-Icon_check_temp.png);
| |
| } | | } |
|
| |
|
| .va-icon-normal .va-icon-highuse-checkbrown {
| | /* |
| background-image: url(http://www.fallout-wiki.com/images/icones/14px-Icon_check_temp.png);
| | --------------------------------------------------- |
| }
| | Vector override |
| | --------------------------------------------------- |
| | le style ci-dessous écrase les classes par défaut |
| | de l'habillage Vector. |
| | --------------------------------------------------- |
| | */ |
|
| |
|
| /* ################################################## */ | | /* Fond principal */ |
| /* ### DIRECTION BOXES (Modèle:Directionbox) ### */
| | body { |
| /* ################################################## */
| | background: var(--background-img); |
|
| | background-size: cover; |
| .va-dirbox {
| | background-attachment: fixed; |
| background-color: #171717;
| |
| border: 1px solid #51E527;
| |
| border-collapse: collapse;
| |
| clear: left;
| |
| color: #F5F7F2;
| |
| font-size: 11px;
| |
| line-height: 16px;
| |
| margin: 5px 0;
| |
| padding: 2px 5px;
| |
| font-family: sans-serif;
| |
| } | | } |
|
| | /* Cadre central */ |
| .va-dirbox + .va-dirbox { | | .mw-page-container { |
| margin-top: -3px;
| | background: var(--background-main); |
| | border-left: 1px solid var(--border-color-base); |
| | border-right: 1px solid var(--border-color-base); |
| } | | } |
|
| | /* Cadre de la barre latéral gauche */ |
| .va-dirbox th {
| | #vector-main-menu { |
| line-height: 20px;
| | margin-left: -14px; |
| padding: 1px 0 1px 5px;
| | margin-top: 11px; |
| text-align: center;
| | padding: 6px 14px; |
| vertical-align: middle;
| | background-color: #f8f9fa; |
| width: 40px;
| | |
| } | | } |
|
| | /* Barre latérale gauche + sommaire sticky */ |
| .va-dirbox th div { | | .sidebar-toc, |
| margin: 0;
| | .vector-toc-enabled .mw-sidebar { |
| padding: 0;
| | background-color: var(--background-main); |
| text-align: center;
| | border-width: 0px; |
| width: 25px;
| |
| } | | } |
|
| | /* Cacher l'option permettant de switcher vers l'ancien Vector */ |
| .va-dirbox td { | | .vector-main-menu-action-opt-out { |
| padding: 1px 5px;
| | display: none; |
| width: 100%;
| |
| } | | } |
|
| | |
| /* Printing */ | | /* ---------------------------------- */ |
| @media print {
| | /* Liens interwiki de langue */ |
| .va-dirbox {
| | /* ---------------------------------- */ |
| display: none;
| | |
| }
| | .vector-dropdown .vector-menu-content-list { |
| | list-style: none; |
| | margin: 0; |
| } | | } |
|
| |
|
| /* ################################################## */ | | /* ------------------------------ */ |
| /* ### TOCs (Modèle:TOC, Modèle:Document TOC) ### */
| | /* MediaWiki:Sitenotice */ |
| /* ################################################## */
| | /* ------------------------------ */ |
|
| |
| .va-toclimit-2 .toclevel-1 ul,
| |
| .va-toclimit-3 .toclevel-2 ul,
| |
| .va-toclimit-4 .toclevel-3 ul,
| |
| .va-toclimit-5 .toclevel-4 ul,
| |
| .va-toclimit-6 .toclevel-5 ul,
| |
| .va-toclimit-7 .toclevel-6 ul {
| |
| display: none;
| |
| }
| |
|
| |
| /* Outer table - border */
| |
| .va-navbox-border {
| |
| border: 1px solid #383838;
| |
| }
| |
|
| |
| .va-navbox-bottom + .va-navbox-bottom {
| |
| margin-top: 2px;
| |
| }
| |
|
| |
| /* Outer table - widths, floats */
| |
| .va-navbox {
| |
| font-size: 11px;
| |
| line-height: 16px;
| |
| width: 100%;
| |
| }
| |
|
| |
| .va-navbox-bottom {
| |
| clear: both;
| |
| margin: 5px auto 0;
| |
| width: 100%;
| |
| }
| |
|
| |
| .va-navbox-left {
| |
| clear: left;
| |
| float: left;
| |
| margin: 0 1.5em 0.5em 0;
| |
| width: 240px;
| |
| }
| |
|
| |
| .va-navbox-right {
| |
| clear: right;
| |
| float: right;
| |
| margin: 0 0 0.5em 1.5em;
| |
| width: 240px;
| |
| }
| |
|
| |
| /* Inner tables */
| |
| .va-navbox-brick {
| |
| margin: 0;
| |
| width: 100%;
| |
| }
| |
|
| |
| /* Cellspacing */
| |
| .va-navbox,
| |
| .va-navbox-border,
| |
| .va-navbox-brickcont,
| |
| .va-navbox-padding,
| |
| .va-navbox-spacing-h,
| |
| .va-navbox-spacing-v {
| |
| background: transparent;
| |
| font-family: sans-serif;
| |
| color: #D7D7D7;
| |
| }
| |
|
| |
| .va-navbox-padding {
| |
| padding: 1px;
| |
| }
| |
|
| |
| .va-navbox-spacing-h {
| |
| width: 1px;
| |
| }
| |
|
| |
| .va-navbox-columncont .va-navbox-spacing-h {
| |
| border-right: 1px solid #383838;
| |
| width: 0%;
| |
| }
| |
|
| |
| .va-navbox-spacing-v {
| |
| font-size: 1pt;
| |
| height: 1px;
| |
| line-height: 0em;
| |
| }
| |
|
| |
| /* Cell styles and widths */
| |
| /* Remember to update the column width calculations when changing widths */
| |
| .va-navbox-title {
| |
| /* Shared background; see top of page */
| |
| border: 0px solid #000;
| |
| color: #FFFFFF;
| |
| font-weight: normal;
| |
| padding: 1px 2px;
| |
| }
| |
|
| |
| .va-navbox-headertext,
| |
| .va-navbox-titletext {
| |
| font-weight: bold;
| |
| padding-left: 40px;
| |
| padding-right: 40px;
| |
| text-align: center;
| |
| }
| |
|
| |
| .va-navbox-maintitle .va-navbox-titletext {
| |
| font-size: 118%;
| |
| text-align: center;
| |
| }
| |
|
| |
| /* v/d/e and collapse button */
| |
| .va-navbox-editlink {
| |
| float: left;
| |
| margin-right: -100%;
| |
| text-align: left;
| |
| width: 40px;
| |
| }
| |
|
| |
| .va-navbox .mw-collapsible-toggle {
| |
| margin-left: -100%;
| |
| }
| |
|
| |
| .va-navbox-cell {
| |
| padding: 1px 2px;
| |
| background: #383020;
| |
| }
| |
|
| |
| .va-navbox-colgroup,
| |
| .va-navbox-column,
| |
| .va-navbox-footer,
| |
| .va-navbox-group,
| |
| .va-navbox-header,
| |
| .va-navbox-image,
| |
| .va-navbox-subgroup {
| |
| padding: 1px 2px;
| |
| background: #383020;
| |
| COLOR: #E1E4E1;
| |
| }
| |
|
| |
| .va-navbox-colgroup,
| |
| .va-navbox-group,
| |
| .va-navbox-subgroup {
| |
| font-weight: bold;
| |
| }
| |
|
| |
| .va-navbox-group,
| |
| .va-navbox-subgroup {
| |
| text-align: center;
| |
| width: 15%;
| |
| }
| |
|
| |
| .va-navbox-footer,
| |
| .va-navbox-group,
| |
| .va-navbox-header {
| |
| background: #171717;
| |
| border: 1px solid #383838;
| |
| }
| |
|
| |
| .va-navbox-colgroup,
| |
| .va-navbox-subgroup {
| |
| background: #222222;
| |
| border: 1px solid #383838;
| |
| }
| |
|
| |
| .va-navbox-cell,
| |
| .va-navbox-column,
| |
| .va-navbox-image {
| |
| background: rgba(58, 58, 58, 0.2);
| |
| border: 1px solid #383838;
| |
| }
| |
|
| |
| .va-navbox-cell-nogroups,
| |
| .va-navbox-column,
| |
| .va-navbox-colgroup,
| |
| .va-navbox-footer,
| |
| .va-navbox-image {
| |
| text-align: center;
| |
| }
| |
|
| |
| .va-navbox-cell-withgroups {
| |
| text-align: left;
| |
| }
| |
|
| |
| .va-navbox-column {
| |
| vertical-align: top;
| |
| color: #252525
| |
| }
| |
|
| |
| .va-navbox-image {
| |
| width: 8%;
| |
| }
| |
|
| |
| /* Navbox link colors (groups) */ | |
|
| |
| .va-navbox-group a, .va-navbox-footer a {
| |
| color: #F7EEBA;
| |
| }
| |
|
| |
| .va-navbox-group a:visited, .va-navbox-footer a:visited {
| |
| color: #F7EEBA;
| |
| }
| |
|
| |
| /* Lists in column rows */
| |
| .va-navbox-formatlist ul,
| |
| .va-navbox-formatlist li {
| |
| list-style-image: none;
| |
| list-style-type: none;
| |
| line-height: 16px;
| |
| margin: 0.6em 0;
| |
| padding: 0;
| |
| }
| |
|
| |
| .va-navbox-formatlist li li {
| |
| font-size: 90%;
| |
| }
| |
|
| |
| .va-navbox-formatlist li ul {
| |
| margin-bottom: 0.5em;
| |
| margin-top: -0.1em;
| |
| }
| |
|
| |
| .va-navbox-formatlist li ul li {
| |
| margin: 0em;
| |
| }
| |
|
| |
| /* Nested */ | |
| .va-navbox .va-navbox-nested {
| |
| font-size: 100%;
| |
| }
| |
|
| |
| .va-navbox-nested .va-navbox-title {
| |
| background: #383020;
| |
| border: 1px solid #AAA;
| |
| color: #000;
| |
| }
| |
|
| |
| .va-navbox-nested .va-navbox-footer,
| |
| .va-navbox-nested .va-navbox-group,
| |
| .va-navbox-nested .va-navbox-header {
| |
| background: #917D55;
| |
| }
| |
|
| |
| .va-navbox-nested .va-navbox-colgroup,
| |
| .va-navbox-nested .va-navbox-subgroup {
| |
| background: #DDE1CB;
| |
| }
| |
|
| |
| /* Links */
| |
| .va-navbox-editlink .va-navbar-item {
| |
| color: #FFF !important;
| |
| }
| |
|
| |
| .va-navbox-nowraplinks .va-navbox-cell a,
| |
| .va-navbox-nowraplinks .va-navbox-column a {
| |
| white-space: nowrap;
| |
| }
| |
|
| |
| .va-navbox-maintitle a:link,
| |
| .va-navbox-maintitle a:visited {
| |
| color: #F7EEBA !important;
| |
| }
| |
|
| |
| .va-navbox-maintitle a:hover,
| |
| .va-navbox-maintitle a:active {
| |
| color: #FFF;
| |
| }
| |
|
| |
| .va-navbox-maintitle a.new {
| |
| color: #F11 !important;
| |
| }
| |
|
| |
| .va-navbox-maintitle .mw-collapsible-toggle a {
| |
| color: #FFF !important;
| |
| }
| |
|
| |
| /* Printing */
| |
| @media print {
| |
| .va-navbox,
| |
| .va-navbox-border {
| |
| display: none;
| |
| }
| |
| }
| |
|
| |
|
| /* ################################################## */
| | .avt-sitenotice { |
| /* ### TOOLTIPS (Modèle:Tooltip) ### */
| | border: 1px solid var(--border-color-base); |
| /* ################################################## */
| | background-color: var(--box-background-color); |
|
| | box-shadow: var(--box-shadow); |
| .va-tooltip {
| | padding: 5px; |
| border-bottom: 1px dotted;
| | display: flex; |
| cursor: help;
| | align-items: center; |
| | justify-content: center; |
| | gap: 10px; |
| } | | } |
|
| |
|
| /* ################################################## */ | | /* ----------------------- */ |
| /* ### BALISES <pre> SPÉCIALES (Modèle:Pre fake) ### */ | | /* Galerie pages-listes */ |
| /* ################################################## */ | | /* ----------------------- */ |
|
| |
| .va-pre-fake {
| |
| background-color: #F9F9F9;
| |
| border: 1px dashed #AAA;
| |
| font-family: monospace;
| |
| line-height: 1.1em;
| |
| overflow: auto;
| |
| padding: 1em;
| |
| white-space: pre;
| |
| color: black;
| |
| }
| |
|
| |
|
| /* ################################################## */
| | .avt-gallery-list-page { |
| /* ### COPYRIGHT BOXES (Modèle:Copyrightbox) ### */
| | text-align: center; |
| /* ################################################## */
| | margin: 0.3em 0 0 0 !important; |
|
| |
| .va-copybox { | |
| background-color: rgba(58,58,58,0.2);
| |
| border: 1px solid #383838;
| |
| clear: both;
| |
| font-size: 12px;
| |
| line-height: 16px;
| |
| margin: 10px 0;
| |
| padding: 3px 5px;
| |
| width: 100%;
| |
| } | | } |
|
| | .avt-gallery-list-page li.gallerybox div.thumb { |
| .va-copybox th { | | border: none; |
| padding: 1px 0 1px 5px;
| | background-color: transparent; |
| text-align: center;
| |
| vertical-align: middle;
| |
| width: 30px;
| |
| } | | } |
|
| | .avt-gallery-list-page li.gallerybox div.thumb img { |
| .va-copybox td { | | transition: transform 0.2s; |
| padding-left: 5px;
| |
| } | | } |
|
| | .avt-gallery-list-page li.gallerybox div.thumb img:hover { |
| .va-copybox + .va-copybox { | | transform: scale(1.5); |
| margin-top: -8px;
| |
| }
| |
|
| |
| /* Printing */
| |
| @media print {
| |
| .va-copybox {
| |
| background-color: transparent;
| |
| }
| |
| } | | } |
|
| |
|
| /* ################################################## */ | | /* ----------------------- */ |
| /* ### TABLEAUX STATS (Modèle:Stats créature) ### */ | | /* Tables MediaWiki */ |
| /* ################################################## */ | | /* ----------------------- */ |
|
| | |
| .va-stats-creature-name { | | .wikitable, |
| text-align: center;
| | .mw-datatable, |
| | .mw_metadata { |
| | box-shadow: var(--box-shadow); |
| | background-color: var(--box-background-color); |
| | font-size: 12px; |
| | line-height: 16px; |
| | margin-bottom: 5px; |
| | font-family: sans-serif; |
| | overflow: auto; |
| | color: var(--color-base); |
| } | | } |
|
| | .mw-datatable tr:hover td { |
| .va-stats-creature-icontable { | | background-color: var(--background-color-dp-04); |
| margin: 0 auto;
| |
| } | | } |
|
| | .wikitable > tr > td, |
| .va-stats-creature-icontable td { | | .wikitable > * > tr > td, |
| border: none;
| | .wikitable > tr > th, |
| vertical-align: top;
| | .wikitable > * > tr > th, |
| | .mw-datatable > tr > td, |
| | .mw-datatable > * > tr > td, |
| | .mw-datatable > tr > th, |
| | .mw-datatable > * > tr > th, |
| | .mw_metadata > tr > td, |
| | .mw_metadata > * > tr > td, |
| | .mw_metadata > tr > th, |
| | .mw_metadata > * > tr > th { |
| | border: 1px solid var(--border-color-base); |
| | padding: 4px 8px; |
| } | | } |
|
| | .wikitable > tr > th, |
| .va-stats-creature-icon { | | .wikitable > * > tr > th, |
| font-weight: bold;
| | .mw-datatable > tr > th, |
| left: 0;
| | .mw-datatable > * > tr > th, |
| position: absolute;
| | .mw_metadata > tr > th, |
| text-align: center;
| | .mw_metadata > * > tr > th { |
| top: 0;
| | background-color: var(--background-color-dp-02); |
| width: 20px;
| | font-weight: bold; |
| | text-align: center; |
| } | | } |
|
| | |
| .va-stats-creature-item { | | .mw-datatable td, |
| min-width: 10px;
| | .mw_metadata td { |
| padding: 0 2px 0 22px;
| | background-color: var(--box-background-color); |
| position: relative;
| |
| } | | } |
|
| | |
| .va-stats-creature-item + .va-stats-creature-item {
| | /* ----------------------- */ |
| margin-top: 2px;
| | /* Tables personnalisées */ |
| | /* ----------------------- */ |
| | |
| | .avt-table-large { |
| | table-layout: fixed; |
| | width: 100%; |
| | word-break: break-word; |
| } | | } |
|
| |
| .va-stats-creature-icontable-full,
| |
| .va-stats-creature-layout-1 td {
| |
| width: 100%;
| |
| }
| |
|
| |
| .va-stats-creature-layout-2 td {
| |
| width: 50%;
| |
| }
| |
|
| |
| .va-stats-creature-layout-3 td {
| |
| width: 33%;
| |
| }
| |
|
| |
| .va-stats-creature-layout-3 td:first-child {
| |
| width: 34%;
| |
| }
| |
|
| |
| .va-stats-creature-layout-4 td {
| |
| width: 25%;
| |
| }
| |
|
| |
| /* ################################################## */
| |
| /* ### TABLEAUX ### */
| |
| /* ################################################## */
| |
|
| |
| .va-table { | | .va-table { |
| background-color: rgba(58,58,58,0.2);
| | box-shadow: var(--box-shadow); |
| border-collapse: collapse;
| | background-color: var(--box-background-color); |
| empty-cells: show;
| | border-collapse: collapse; |
| font-size: 12px;
| | empty-cells: show; |
| line-height: 16px;
| | font-size: 12px; |
| margin-bottom: 5px;
| | line-height: 16px; |
| color: #D7D7D7;
| | margin-bottom: 5px; |
| font-family: sans-serif;
| | font-family: sans-serif; |
| | overflow: auto; |
| } | | } |
|
| |
| .va-table > tr > td, | | .va-table > tr > td, |
| .va-table > * > tr > td, | | .va-table > * > tr > td, |
| .va-table > tr > th, | | .va-table > tr > th, |
| .va-table > * > tr > th { | | .va-table > * > tr > th { |
| border: 1px solid #383838;
| | border: 1px solid var(--border-color-base); |
| padding: 1px 2px;
| | padding: 4px 8px; |
| } | | } |
|
| |
| .va-table > tr > th, | | .va-table > tr > th, |
| .va-table > * > tr > th { | | .va-table > * > tr > th { |
| background-color: #171717;
| | background-color: var(--background-color-dp-02); |
| font-weight: bold;
| | font-weight: bold; |
| color: #E1E4E1;
| | text-align: center; |
| text-align: center;
| |
| }
| |
|
| |
| /* Table header links */
| |
|
| |
| .va-table th a {
| |
| color: #F7EEBA;
| |
| }
| |
|
| |
| .va-table th a:visited {
| |
| color: #918347;
| |
| }
| |
|
| |
| /* Collapse button */
| |
| .va-table .mw-collapsible-toggle a {
| |
| color: #F7EEBA;
| |
| } | | } |
|
| |
| /* Adapting lists & paragraphs */ | | /* Adapting lists & paragraphs */ |
| .va-table ul, | | .va-table ul, |
| .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 */ |
| .va-table > tr.va-table-highlight, | | .va-table > tr.va-table-highlight, |
Ligne 1 310 : |
Ligne 567 : |
| .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: #1B1B1B;
| | 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 */ |
| .va-table-center > tr > td, | | .va-table-center > tr > td, |
Ligne 1 341 : |
Ligne 594 : |
| .va-table-center-col8 > * > tr > *:first-child + * + * + * + * + * + * + td, | | .va-table-center-col8 > * > tr > *:first-child + * + * + * + * + * + * + td, |
| .va-table-center-col9 > * > tr > *:first-child + * + * + * + * + * + * + * + td, | | .va-table-center-col9 > * > tr > *:first-child + * + * + * + * + * + * + * + td, |
| .va-table-center-col10 > * > tr > *:first-child + * + * + * + * + * + * + * + * + td, | | .va-table-center-col10 |
| .va-table-center-col11 > * > tr > *:first-child + * + * + * + * + * + * + * + * + * + td, | | > * |
| .va-table-center-col12 > * > tr > *:first-child + * + * + * + * + * + * + * + * + * + * + td, | | > tr |
| .va-table-center-col13 > * > tr > *:first-child + * + * + * + * + * + * + * + * + * + * + * + td, | | > *:first-child |
| .va-table-center-col14 > * > tr > *:first-child + * + * + * + * + * + * + * + * + * + * + * + * + td, | | + * |
| .va-table-center-col15 > * > tr > *:first-child + * + * + * + * + * + * + * + * + * + * + * + * + * + td { | | + * |
| text-align: center;
| | + * |
| | + * |
| | + * |
| | + * |
| | + * |
| | + * |
| | + td, |
| | .va-table-center-col11 |
| | > * |
| | > tr |
| | > *:first-child |
| | + * |
| | + * |
| | + * |
| | + * |
| | + * |
| | + * |
| | + * |
| | + * |
| | + * |
| | + td, |
| | .va-table-center-col12 |
| | > * |
| | > tr |
| | > *:first-child |
| | + * |
| | + * |
| | + * |
| | + * |
| | + * |
| | + * |
| | + * |
| | + * |
| | + * |
| | + * |
| | + td, |
| | .va-table-center-col13 |
| | > * |
| | > tr |
| | > *:first-child |
| | + * |
| | + * |
| | + * |
| | + * |
| | + * |
| | + * |
| | + * |
| | + * |
| | + * |
| | + * |
| | + * |
| | + td, |
| | .va-table-center-col14 |
| | > * |
| | > tr |
| | > *:first-child |
| | + * |
| | + * |
| | + * |
| | + * |
| | + * |
| | + * |
| | + * |
| | + * |
| | + * |
| | + * |
| | + * |
| | + * |
| | + td, |
| | .va-table-center-col15 |
| | > * |
| | > tr |
| | > *:first-child |
| | + * |
| | + * |
| | + * |
| | + * |
| | + * |
| | + * |
| | + * |
| | + * |
| | + * |
| | + * |
| | + * |
| | + * |
| | + * |
| | + td { |
| | text-align: center; |
| } | | } |
|
| |
| .va-table-left > tr > td, | | .va-table-left > tr > td, |
| .va-table-left > * > tr > td, | | .va-table-left > * > tr > td, |
Ligne 1 361 : |
Ligne 700 : |
| .va-table-left-col8 > * > tr > *:first-child + * + * + * + * + * + * + td, | | .va-table-left-col8 > * > tr > *:first-child + * + * + * + * + * + * + td, |
| .va-table-left-col9 > * > tr > *:first-child + * + * + * + * + * + * + * + td, | | .va-table-left-col9 > * > tr > *:first-child + * + * + * + * + * + * + * + td, |
| .va-table-left-col10 > * > tr > *:first-child + * + * + * + * + * + * + * + * + td, | | .va-table-left-col10 |
| .va-table-left-col11 > * > tr > *:first-child + * + * + * + * + * + * + * + * + * + td, | | > * |
| .va-table-left-col12 > * > tr > *:first-child + * + * + * + * + * + * + * + * + * + * + td, | | > tr |
| .va-table-left-col13 > * > tr > *:first-child + * + * + * + * + * + * + * + * + * + * + * + td, | | > *:first-child |
| .va-table-left-col14 > * > tr > *:first-child + * + * + * + * + * + * + * + * + * + * + * + * + td, | | + * |
| .va-table-left-col15 > * > tr > *:first-child + * + * + * + * + * + * + * + * + * + * + * + * + * + td { | | + * |
| text-align: left;
| | + * |
| | + * |
| | + * |
| | + * |
| | + * |
| | + * |
| | + td, |
| | .va-table-left-col11 |
| | > * |
| | > tr |
| | > *:first-child |
| | + * |
| | + * |
| | + * |
| | + * |
| | + * |
| | + * |
| | + * |
| | + * |
| | + * |
| | + td, |
| | .va-table-left-col12 |
| | > * |
| | > tr |
| | > *:first-child |
| | + * |
| | + * |
| | + * |
| | + * |
| | + * |
| | + * |
| | + * |
| | + * |
| | + * |
| | + * |
| | + td, |
| | .va-table-left-col13 |
| | > * |
| | > tr |
| | > *:first-child |
| | + * |
| | + * |
| | + * |
| | + * |
| | + * |
| | + * |
| | + * |
| | + * |
| | + * |
| | + * |
| | + * |
| | + td, |
| | .va-table-left-col14 |
| | > * |
| | > tr |
| | > *:first-child |
| | + * |
| | + * |
| | + * |
| | + * |
| | + * |
| | + * |
| | + * |
| | + * |
| | + * |
| | + * |
| | + * |
| | + * |
| | + td, |
| | .va-table-left-col15 |
| | > * |
| | > tr |
| | > *:first-child |
| | + * |
| | + * |
| | + * |
| | + * |
| | + * |
| | + * |
| | + * |
| | + * |
| | + * |
| | + * |
| | + * |
| | + * |
| | + * |
| | + td { |
| | text-align: left; |
| } | | } |
|
| |
| .va-table-right > tr > td, | | .va-table-right > tr > td, |
| .va-table-right > * > tr > td, | | .va-table-right > * > tr > td, |
Ligne 1 381 : |
Ligne 806 : |
| .va-table-right-col8 > * > tr > *:first-child + * + * + * + * + * + * + td, | | .va-table-right-col8 > * > tr > *:first-child + * + * + * + * + * + * + td, |
| .va-table-right-col9 > * > tr > *:first-child + * + * + * + * + * + * + * + td, | | .va-table-right-col9 > * > tr > *:first-child + * + * + * + * + * + * + * + td, |
| .va-table-right-col10 > * > tr > *:first-child + * + * + * + * + * + * + * + * + td, | | .va-table-right-col10 |
| .va-table-right-col11 > * > tr > *:first-child + * + * + * + * + * + * + * + * + * + td, | | > * |
| .va-table-right-col12 > * > tr > *:first-child + * + * + * + * + * + * + * + * + * + * + td, | | > tr |
| .va-table-right-col13 > * > tr > *:first-child + * + * + * + * + * + * + * + * + * + * + * + td, | | > *:first-child |
| .va-table-right-col14 > * > tr > *:first-child + * + * + * + * + * + * + * + * + * + * + * + * + td, | | + * |
| .va-table-right-col15 > * > tr > *:first-child + * + * + * + * + * + * + * + * + * + * + * + * + * + td { | | + * |
| text-align: right;
| | + * |
| | + * |
| | + * |
| | + * |
| | + * |
| | + * |
| | + td, |
| | .va-table-right-col11 |
| | > * |
| | > tr |
| | > *:first-child |
| | + * |
| | + * |
| | + * |
| | + * |
| | + * |
| | + * |
| | + * |
| | + * |
| | + * |
| | + td, |
| | .va-table-right-col12 |
| | > * |
| | > tr |
| | > *:first-child |
| | + * |
| | + * |
| | + * |
| | + * |
| | + * |
| | + * |
| | + * |
| | + * |
| | + * |
| | + * |
| | + td, |
| | .va-table-right-col13 |
| | > * |
| | > tr |
| | > *:first-child |
| | + * |
| | + * |
| | + * |
| | + * |
| | + * |
| | + * |
| | + * |
| | + * |
| | + * |
| | + * |
| | + * |
| | + td, |
| | .va-table-right-col14 |
| | > * |
| | > tr |
| | > *:first-child |
| | + * |
| | + * |
| | + * |
| | + * |
| | + * |
| | + * |
| | + * |
| | + * |
| | + * |
| | + * |
| | + * |
| | + * |
| | + td, |
| | .va-table-right-col15 |
| | > * |
| | > tr |
| | > *:first-child |
| | + * |
| | + * |
| | + * |
| | + * |
| | + * |
| | + * |
| | + * |
| | + * |
| | + * |
| | + * |
| | + * |
| | + * |
| | + * |
| | + td { |
| | text-align: right; |
| } | | } |
|
| |
| /* Tables which are full width */ | | /* 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: 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; |
| }
| |
| | |
| /* ################################################## */
| |
| /* ### Modèle:Bandeau de source ### */
| |
| /* ################################################## */
| |
| | |
| .avt-source-banner {
| |
| margin: 0.5em 0;
| |
| display: inline-flex;
| |
| gap: 8px;
| |
| }
| |
| .avt-source-banner-img {
| |
| margin: auto;
| |
| }
| |
| .avt-source-banner-text {
| |
| padding: 5px;
| |
| font-size: 0.9em;
| |
| border-top: 1px solid #383838;
| |
| border-bottom: 1px solid #383838;
| |
| }
| |
| | |
| /* ################################################## */
| |
| /* ### BANDEAUX (Modèle:Bandeau) ### */
| |
| /* ################################################## */
| |
|
| |
| /* Style principal */
| |
| .bandeau {
| |
| background-color: #868686;
| |
| border-collapse: collapse;
| |
| margin: 10px 0;
| |
| padding: 0;
| |
| }
| |
|
| |
| .bandeau + .bandeau {
| |
| margin-top: -8px;
| |
| }
| |
|
| |
| .bandeau-cadre {
| |
| padding: 0.5em 1em 0.5em 1em;
| |
| width: 100%;
| |
| }
| |
|
| |
| .bandeau-pied {
| |
| font-size: 90%;
| |
| }
| |
|
| |
| .bandeau-entete {
| |
| font-weight: bold;
| |
| }
| |
|
| |
| .bandeau-image {
| |
| padding: 0.5em 0em 0.5em 1em;
| |
| text-align: center;
| |
| vertical-align: middle;
| |
| }
| |
|
| |
| .bandeau-noborder .bandeau-image {
| |
| padding-left: 9px;
| |
| padding-right: 9px;
| |
| }
| |
|
| |
| .bandeau-noimage .bandeau-image,
| |
| .bandeau-noborder.bandeau-noimage .bandeau-image {
| |
| padding: 0;
| |
| }
| |
|
| |
| .bandeau-image div {
| |
| margin: 0 auto;
| |
| }
| |
|
| |
| .bandeau-noimage .bandeau-image div {
| |
| width: 9px;
| |
| }
| |
|
| |
| /* Template:Mbox management */
| |
| .bandeau.bandeau-avertissement {
| |
| background-color: #868686;
| |
| }
| |
| | |
| /* Template:Mbox mediawiki */
| |
| .mw-warning-with-logexcerpt .va-mbox.va-mbox-mediawiki {
| |
| border-left: none !important;
| |
| border-right: none !important;
| |
| border-top: none !important;
| |
| margin: 0;
| |
| }
| |
|
| |
| /* Template:Mbox project */
| |
| .va-mbox.va-mbox-project {
| |
| background-color: #ECECD4;
| |
| }
| |
|
| |
| /* Template:Mbox talk */
| |
| .va-mbox.va-mbox-talk {
| |
| background-color: #F2E3CF;
| |
| font-size: 1em;
| |
| line-height: 1.5em;
| |
| margin-left: 5%;
| |
| margin-right: 5%;
| |
| }
| |
|
| |
| .va-mbox.va-mbox-talk .va-mbox-body,
| |
| .va-mbox.va-mbox-talk .va-mbox-image {
| |
| padding-bottom: 5px;
| |
| padding-top: 5px;
| |
| }
| |
|
| |
| .va-mbox.va-mbox-talk .va-mbox-footer {
| |
| font-size: 85%;
| |
| }
| |
|
| |
| /* Printing */
| |
| @media print {
| |
| .bandeau {
| |
| display: none;
| |
| }
| |
| }
| |
| | |
| /* ################################################## */
| |
| /* ### SECTIONS (Modèle:section) ### */
| |
| /* ################################################## */
| |
| | |
| .bandeau-section {
| |
| overflow: hidden;
| |
| display: block;
| |
| font-size: 0.95em;
| |
| padding: 0.2em 0.5em 0.1em 0px;
| |
| margin: 0px 0px 0.7em 2em;
| |
| border-top: 1px solid rgb(255,136,34);
| |
| border-bottom: 1px solid rgb(255,136,34);
| |
| background-color: rgba(255,136,34,0.1);
| |
| background-image: url("http://www.fallout-wiki.com/images/4/47/Mbox_moignon.png");
| |
| background-repeat: no-repeat;
| |
| background-size: 16px;
| |
| text-indent: 20px;
| |
| background-position: 3px;
| |
| }
| |
| | |
| /* ################################################## */
| |
| /* ### PORTAILS ### */
| |
| /* ################################################## */
| |
| | |
| /* Colonnes */
| |
| .va-portal-columns-body-left {
| |
| float: left;
| |
| margin-right: -323px;
| |
| position: relative;
| |
| width: 100%;
| |
| }
| |
|
| |
| .va-portal-columns-body-left-inner {
| |
| width: 75%;
| |
| }
| |
|
| |
| .va-portal-columns-body-right {
| |
| clear: right;
| |
| float: right;
| |
| position: relative;
| |
| width: 24%;
| |
| }
| |
|
| |
| .va-portal-columns-body-below,
| |
| .va-portal-columns-body-left-below {
| |
| clear: both;
| |
| }
| |
|
| |
| .va-portal-columns-body-left-double .va-portal-columns-body-left-columns {
| |
| padding-right: 10px;
| |
| }
| |
|
| |
| .va-portal-columns-body-left-double .va-portal-columns-left {
| |
| float: left;
| |
| width: 60%;
| |
| }
| |
|
| |
| .va-portal-columns-body-left-double .va-portal-columns-middle {
| |
| float: right;
| |
| margin-right: -10px;
| |
| width: 40%;
| |
| }
| |
|
| |
| .va-portal-columns-left,
| |
| .va-portal-columns-middle,
| |
| .va-portal-columns-right {
| |
| position: relative;
| |
| }
| |
|
| |
| /* Colonne spéciale de droite */
| |
| #rightContent {
| |
| background: url(/skins/common/images/pipground.gif) #0f3d20;
| |
| border: 1px solid #413F3F;
| |
| border-radius: 20px;
| |
| -moz-border-radius: 20px;
| |
| -ms-border-radius: 20px;
| |
| -o-border-radius: 20px;
| |
| -webkit-border-radius: 20px;
| |
| } | | } |
|
| |
|
| /* Boîtes de contenu */
| |
| .va-portal-section {
| |
| background: transparent;
| |
| border: 1px solid #AAA;
| |
| margin-bottom: 5px;
| |
| margin-top: 0px;
| |
| font-family: sans-serif;
| |
| font-size: 15px;
| |
| color: #D7D7D7;
| |
| }
| |
|
| |
| .va-portal-section-body {
| |
| border: 1px solid #AAA;
| |
| background: url(/skins/Vector/images/background/hardline.png) !important;
| |
| margin: 1px;
| |
| padding: 3px 5px;
| |
| }
| |
|
| |
| .va-portal-section-header {
| |
| /* Shared background; see top of page */
| |
| border: 0 solid #000;
| |
| color: white;
| |
| margin: 1px 1px 0;
| |
| padding: 3px 5px;
| |
| text-align: center;
| |
| border: none;
| |
| font-size: 20px;
| |
| font-weight: bold;
| |
| margin-top: 0;
| |
| padding: 0;
| |
| }
| |
|
| |
| .va-portal-section-header a:link,
| |
| .va-portal-section-header a:visited,
| |
| .va-portal-section-header a:hover,
| |
| .va-portal-section-header a:active {
| |
| color: #FFF !important;
| |
| }
| |
|
| |
| .va-portal-section-header a.new {
| |
| color: #F11 !important;
| |
| }
| |
|
| |
| /* | | /* |
| .va-portal-section-header h2 {
| | --------------------------------------------------- |
| border: none;
| | Portals |
| color: #FFF;
| | --------------------------------------------------- |
| font-size: 14px;
| | Les classes ci-dessous sont utilisées par les |
| font-weight: bold;
| | portails. |
| margin-top: 0em;
| | --------------------------------------------------- |
| padding: 0;
| |
| }
| |
| */ | | */ |
|
| |
| .va-portal-section-header-cleft,
| |
| .va-portal-section-header-cright {
| |
| display: none;
| |
| }
| |
|
| |
| .va-portal-section-header-links {
| |
| float: right;
| |
| font-size: 10px;
| |
| margin-top: 6px;
| |
| margin-left: -75px;
| |
| font-weight: normal;
| |
| }
| |
|
| |
| .va-portal-section-footer {
| |
| border-top: 1px solid #AAA;
| |
| clear: both;
| |
| margin-top: 10px;
| |
| padding-top: 1px;
| |
| text-align: right;
| |
| }
| |
|
| |
| .va-portal-section-clear {
| |
| clear: both;
| |
| }
| |
|
| |
| /* Welcome */
| |
| .va-portal-welcome {
| |
| padding: 2px 0 3px;
| |
| text-align: center;
| |
| }
| |
|
| |
| .va-portal-welcome .va-wikiinothermedia {
| |
| margin: 8px 0 0;
| |
| }
| |
|
| |
| .va-portal-welcome-title {
| |
| font-size: 14px;
| |
| margin: 0;
| |
| }
| |
|
| |
| .va-portal-welcome-subtitle {
| |
| font-size: 11px;
| |
| line-height: 16px;
| |
| margin: 0;
| |
| }
| |
|
| |
| .va-portal-welcome-slogan {
| |
| margin: 3px 0 0;
| |
| }
| |
|
| |
| /* TOC */
| |
| .va-portal-toc {
| |
| border-collapse: collapse;
| |
| font-size: 95%;
| |
| width: 100%;
| |
| }
| |
|
| |
| .va-portal-toc td {
| |
| padding: 0 5px;
| |
| vertical-align: top;
| |
| }
| |
|
| |
| .va-portal-toc p {
| |
| border-bottom: 1px solid #AAA;
| |
| font-weight: bold;
| |
| }
| |
|
| |
| /* Intro - image buttons */
| |
| .va-portal-buttons {
| |
| border-collapse: collapse;
| |
| font-size: 95%;
| |
| margin: 0 auto;
| |
| text-align: center;
| |
| }
| |
|
| |
| .va-portal-buttons th,
| |
| .va-portal-buttons td {
| |
| width: 20%;
| |
| }
| |
|
| |
| .va-portal-buttons th {
| |
| font-weight: normal;
| |
| padding-top: 3px;
| |
| vertical-align: middle;
| |
| }
| |
|
| |
| .va-portal-buttons td {
| |
| padding-bottom: 3px;
| |
| vertical-align: top;
| |
| white-space: nowrap;
| |
| }
| |
|
| |
| /* Footer */
| |
| .va-portal-footer {
| |
| margin: 10px auto;
| |
| padding: 0;
| |
| text-align: center;
| |
| width: 800px;
| |
| }
| |
|
| |
| .va-portal-footer-section {
| |
| border-collapse: collapse;
| |
| margin: 5px auto 0;
| |
| }
| |
|
| |
| .va-portal-footer-section-header {
| |
| padding: 0 5px;
| |
| }
| |
|
| |
| .va-portal-footer-section-body {
| |
| border-top: 1px solid #AAA;
| |
| display: inline-block;
| |
| font-size: 0.85em;
| |
| max-width: 100%;
| |
| padding: 0 5px;
| |
| }
| |
|
| |
| /* Did you know */
| |
| .va-portal-dyk p {
| |
| margin: 0;
| |
| }
| |
|
| |
| .va-portal-dyk-item {
| |
| padding: 0 0 0 15px;
| |
| position: relative;
| |
| }
| |
|
| |
| .va-portal-dyk .va-portal-dyk-dots {
| |
| float: left;
| |
| margin-left: -15px;
| |
| width: 15px;
| |
| }
| |
|
| |
| /* News items */
| |
| .va-portal-news-item + .va-portal-news-item {
| |
| border-top: 1px solid #AAA;
| |
| margin-top: 10px;
| |
| padding-top: 10px;
| |
| }
| |
|
| |
| .va-portal-news-item .va-portal-news-item-comments,
| |
| .va-portal-news-item .va-portal-news-item-details,
| |
| .va-portal-news-item .va-portal-news-item-more {
| |
| font-size: 10px;
| |
| line-height: 15px;
| |
| }
| |
|
| |
| .va-portal-news-item .va-portal-news-item-comments {
| |
| float: right;
| |
| }
| |
|
| |
| .va-portal-news-item .va-portal-news-item-details {
| |
| margin-left: 10px;
| |
| }
| |
|
| |
| .va-portal-news-item .va-portal-news-item-footer {
| |
| line-height: 10px;
| |
| margin-top: 0.5em;
| |
| }
| |
|
| |
| .va-portal-news-item .va-portal-news-item-summary > *,
| |
| .va-portal-news-item .va-portal-news-item-summary > p:first-child + p {
| |
| display: none;
| |
| }
| |
|
| |
| .va-portal-news-item .va-portal-news-item-summary > p:first-child,
| |
| .va-portal-news-item .va-portal-news-item-summary > *:first-child + p {
| |
| display: block;
| |
| }
| |
|
| |
| /* Forum activity */
| |
| .va-portal-forumactivity ul li {
| |
| font-size: 0.781em;
| |
| line-height: 1.5em;
| |
| }
| |
|
| |
| .va-portal-forumactivity ul li a:first-child {
| |
| display: block;
| |
| font-size: 1.28em;
| |
| line-height: 1.5em;
| |
| }
| |
|
| |
| /* ################################################## */
| |
| /* ### CONSOLE COMMANDS (Modèle:Console) ### */
| |
| /* ################################################## */
| |
|
| |
| .va-console {
| |
| background-color: #CFC;
| |
| color: #000;
| |
| font-family: consolas;
| |
| padding: 2px;
| |
| }
| |
|
| |
| .va-console-cmd {
| |
| color: #555;
| |
| }
| |
|
| |
| /* ################################################## */
| |
| /* ### INTRODUCTION (Modèle:Introduction) ### */
| |
| /* ################################################## */
| |
|
| |
| .va-intro-image {
| |
| padding-left: 2px;
| |
| padding-right: 2px;
| |
| }
| |
|
| |
| .va-intro td {
| |
| padding-bottom: 2px;
| |
| }
| |
|
| |
| .va-intro-header {
| |
| font-size: 16px;
| |
| font-weight: bold;
| |
| }
| |
|
| |
| .va-intro-bullets {
| |
| font-size: 11px;
| |
| line-height: 16px;
| |
| vertical-align: top;
| |
| font-family: sans-serif;
| |
| }
| |
|
| |
| /* ################################################## */
| |
| /* ### SCHÉMA (Modèle:Schéma) ### */
| |
| /* ################################################## */
| |
|
| |
| .va-chart-quest {
| |
| background:#171717;
| |
| border: 1px solid #AAA !important;
| |
| font-family: sans-serif;
| |
| font-size: 11px;
| |
| line-height: 16px;;
| |
| }
| |
| .va-chart-body {
| |
| background:#383838;
| |
| border:1px solid #AAA !important;
| |
| color: #D7D7D7;
| |
| font-family: sans-serif;
| |
| font-size: 11px;
| |
| line-height: 16px;;
| |
| }
| |
| .va-chart-reward {
| |
| background:#E8E8A2;
| |
| border:1px solid #AAA !important;
| |
| font-family: sans-serif;
| |
| font-size: 11px;
| |
| line-height: 16px;;
| |
| }
| |
|
| |
| /* ################################################## */
| |
| /* ### AUDIO SNIPPETS, QUOTES & TRANSCRIPTS ### */
| |
| /* ### (Modèle:Listen, Modèle:Citation ligne, ### */
| |
| /* ### Modèle:Newsquote, Modèle:Citation, ### */
| |
| /* ### Modèle:Transcription) ### */
| |
| /* ################################################## */
| |
|
| |
| /* Citation */
| |
| .mw-body-content blockquote {
| |
| border-left: none;
| |
| }
| |
| blockquote {
| |
| margin: 0 auto;
| |
| }
| |
| q::before, q::after {
| |
| content: "";
| |
| }
| |
| blockquote small {
| |
| margin-bottom: 10px;
| |
| display: block;
| |
| padding-left: 150px;
| |
| }
| |
| blockquote small, q small {
| |
| font-size: inherit;
| |
| }
| |
| blockquote .mediaContainer {
| |
| display: inline-block;
| |
| }
| |
|
| |
| /* Container */
| |
| .va-listen,
| |
| .va-newsquote,
| |
| .va-quotation,
| |
| .va-transcript {
| |
| line-height: 18px;
| |
| padding: 10px 25px;
| |
| }
| |
|
| |
| .va-quotation {
| |
| overflow: hidden;
| |
| }
| |
|
| |
| .va-quotation-body {
| |
| display: block;
| |
| }
| |
|
| |
| .va-quotation-quote {
| |
| display: block;
| |
| position: relative;
| |
| }
| |
|
| |
| .va-listen-left,
| |
| .va-listen-right,
| |
| .va-quotation-left,
| |
| .va-quotation-right {
| |
| border-bottom: 1px solid #AAA;
| |
| border-top: 1px solid #AAA;
| |
| width: 200px;
| |
| }
| |
|
| |
| .va-listen-left,
| |
| .va-quotation-left {
| |
| clear: left;
| |
| float: left;
| |
| margin: 10px 10px 10px 0;
| |
| }
| |
|
| |
| .va-listen-right,
| |
| .va-quotation-right {
| |
| clear: right;
| |
| float: right;
| |
| margin: 10px 0 10px 10px;
| |
| }
| |
|
| |
| .va-quotation-center {
| |
| text-align: center;
| |
| }
| |
|
| |
| .va-quotation-center .va-quotation-body {
| |
| display: inline-block;
| |
| }
| |
|
| |
| /* Quotation marks/icons */
| |
| .va-listen-icon,
| |
| .va-newsquote-quot-l,
| |
| .va-newsquote-quot-r,
| |
| .va-quotation-quot-l,
| |
| .va-quotation-quot-r,
| |
| .va-transcript-icon {
| |
| width: 40px;
| |
| z-index: -1;
| |
| }
| |
|
| |
| .va-listen-icon,
| |
| .va-newsquote-quot-l,
| |
| .va-newsquote-quot-r,
| |
| .va-transcript-icon {
| |
| position: relative;
| |
| }
| |
|
| |
| .va-quotation-quot-l,
| |
| .va-quotation-quot-r {
| |
| position: absolute;
| |
| }
| |
|
| |
| .va-listen-icon,
| |
| .va-transcript-icon {
| |
| float: left;
| |
| left: -25px;
| |
| margin-right: -40px;
| |
| top: -5px;
| |
| }
| |
|
| |
| .va-newsquote-quot-l,
| |
| .va-newsquote-quot-r,
| |
| .va-quotation-quot-l,
| |
| .va-quotation-quot-r {
| |
| color: #383838;
| |
| font: bold 55px/40px serif;
| |
| height: 18px;
| |
| }
| |
|
| |
| .va-newsquote-quot-l,
| |
| .va-quotation-quot-l {
| |
| left: -15px;
| |
| text-align: left;
| |
| }
| |
|
| |
| .va-newsquote-quot-r,
| |
| .va-quotation-quot-r {
| |
| right: -15px;
| |
| text-align: right;
| |
| }
| |
|
| |
| .va-newsquote-quot-l {
| |
| float: left;
| |
| margin-right: -40px;
| |
| }
| |
|
| |
| .va-newsquote-quot-r {
| |
| float: right;
| |
| margin-left: -40px;
| |
| }
| |
|
| |
| .va-quotation-quot-l {
| |
| top: -17px;
| |
| }
| |
|
| |
| .va-quotation-quot-r {
| |
| bottom: 17px;
| |
| }
| |
|
| |
| /* Quoted text/audio file desc */
| |
| .va-listen-item,
| |
| .va-listen-item .ogg-player-options,
| |
| .va-newsquote-text,
| |
| .va-quotation-text {
| |
| font-size: 12px;
| |
| }
| |
|
| |
| .va-transcript-text {
| |
| font-family: monospace;
| |
| font-size: 13px;
| |
| }
| |
|
| |
| .va-quotation-text {
| |
| display: block;
| |
| margin-left: 15px;
| |
| margin-right: 15px;
| |
| margin-top: -0.4em;
| |
| text-align: left;
| |
| }
| |
|
| |
| .va-quotation-text ol,
| |
| .va-quotation-text p,
| |
| .va-quotation-text ul {
| |
| margin-bottom: 0;
| |
| }
| |
|
| |
| /* Source */
| |
| .va-newsquote-source,
| |
| .va-quotation-source {
| |
| padding: 5px 0 0;
| |
| text-align: right;
| |
| }
| |
|
| |
| .va-quotation-source {
| |
| display: block;
| |
| font-size: 10px;
| |
| line-height: 15px;
| |
| margin-right: 15px;
| |
| }
| |
|
| |
| /* "Incomplete quote" dots */
| |
| .va-newsquote-dots {
| |
| font-style: normal;
| |
| padding: 3px 0;
| |
| }
| |
|
| |
| /* Audio file list */
| |
| .va-listen-item {
| |
| margin: 0 auto;
| |
| width: 180px;
| |
| }
| |
|
| |
| .va-listen-item audio {
| |
| margin-bottom: 5px;
| |
| width: 100%;
| |
| }
| |
|
| |
| .va-listen-item div {
| |
| margin-bottom: 2px;
| |
| }
| |
|
| |
| .va-listen-item + .va-listen-item {
| |
| border-top: 1px solid #D9D9D9;
| |
| margin-top: 5px;
| |
| }
| |
|
| |
| /* ################################################## */
| |
| /* ### HATNOTES (Modèle:Hatnote) ### */
| |
| /* ################################################## */
| |
|
| |
| .va-hatnote {
| |
| font-style: italic;
| |
| margin-bottom: 5px;
| |
| padding-left: 2em;
| |
| }
| |
|
| |
| /* ################################################## */
| |
| /* ### LIENS "EN SAVOIR PLUS" (Modèle:Plus) ### */
| |
| /* ################################################## */
| |
|
| |
| .va-more {
| |
| margin-top: 0.5em;
| |
| }
| |
|
| |
| .va-more-link {
| |
| font-size: 10px;
| |
| line-height: 15px;
| |
| }
| |
|
| |
| /**
| |
| * Styling for links generated by [[MediaWiki:Edittools]]
| |
| * @source https://www.mediawiki.org/wiki/Extension:CharInsert#Styling
| |
| * @updated 2012-02-29
| |
| */
| |
|
| |
| .client-js .mw-edittools-section {
| |
| display: inline;
| |
| }
| |
|
| |
| /* ######################################################## */
| |
| /* ### CONTENU EXTENSIBLE (Modèle:Contenu extensible) ### */
| |
| /* ######################################################## */
| |
|
| |
| .va-expandable-content .mw-collapsible-toggle {
| |
| display: none;
| |
| }
| |
|
| |
| .va-expandable-content .mw-collapsible-toggle-collapsed,
| |
| .va-expandable-content .mw-collapsible-toggle-expanded {
| |
| display: inline-block;
| |
| float: none;
| |
| margin-left: 2em;
| |
| }
| |
|
| |
| .va-expandable-content .mw-collapsible-toggle-collapsed .collapsed,
| |
| .va-expandable-content .mw-collapsible-toggle-expanded .expanded {
| |
| display: none;
| |
| }
| |
|
| |
| .va-expandable-content .mw-collapsible-toggle span {
| |
| color: #51E527;
| |
| }
| |
|
| |
| .va-expandable-content .mw-collapsible-toggle span:hover {
| |
| cursor: pointer;
| |
| text-decoration: underline;
| |
| }
| |
|
| |
| /* ######################################################## */
| |
| /* ### LISTES (Modèle:Liste horizontale) ### */
| |
| /* ######################################################## */
| |
|
| |
| /* Classe pour les listes horizontales séparées par des puces.
| |
| Adaptation de la classe 'hlist' de en:User:Edokter.
| |
| (cf. [[mw:Snippets/Horizontal lists]]). */
| |
| .liste-horizontale ul,
| |
| .liste-horizontale li {
| |
| margin-left: 0;
| |
| display: inline;
| |
| white-space: nowrap;
| |
| *white-space: normal; /* be kind ie7 */
| |
| }
| |
| .liste-horizontale ul:after { /* be kind firefox (38) : cas ou le dernier élément est une sous-liste avec un seul élément */
| |
| white-space: normal;
| |
| }
| |
| .liste-horizontale li:after {
| |
| content: " "; /* au cas ou Mediawiki supprime les retours ligne */
| |
| }
| |
| .liste-horizontale li + li:before {
| |
| white-space: normal;
| |
| content: "· ";
| |
| font-weight: bold;
| |
| }
| |
| .liste-horizontale li li:first-child:before {
| |
| white-space: normal;
| |
| content: " (";
| |
| }
| |
| .liste-horizontale li ul:after {
| |
| content: ")";
| |
| margin-left: -0.28em;
| |
| }
| |
|
| |
|
| /* ######################################################## */ | | /* On cache le titre des portails */ |
| /* ### HOMONYMIES (Modèle:Homonymie) ### */
| |
| /* ######################################################## */
| |
| | |
| /* Personnalisation de l'apparence des liens vers les pages d'homonymie. */
| |
| .homonymie {
| |
| padding-left: 2em;
| |
| padding-bottom: .5em;
| |
| margin-bottom: .5em;
| |
| margin-top: -0.6em;
| |
| font-style: italic;
| |
| border-bottom: 1px #aaa solid;
| |
| }
| |
| | |
| /* ######################################################### */
| |
| /* ### LISTE DE COMPÉTENCES (Modèle:Compétences) ### */
| |
| /* ######################################################### */
| |
| | |
| /* Listes SPECIAL */
| |
| .avt-special-list
| |
| {
| |
| list-style: none;
| |
| margin: 0 !important;
| |
| }
| |
| .avt-special-list li span:last-child
| |
| {
| |
| float: right;
| |
| }
| |
| | |
| /* ######################################################### */
| |
| /* ### REGLES LARGEUR ECRA ### */
| |
| /* ######################################################### */
| |
| | |
| @media screen and (max-width: 1280px)
| |
| {
| |
| .portal-body {
| |
| display: block !important;
| |
| }
| |
| .portal-body-left, .portal-body-right {
| |
| width: auto !important;
| |
| display: block !important;
| |
| }
| |
| }
| |
| /* ############################################ */
| |
| /* ### CRAFTING TABLES ### */
| |
| /* ### Used in: Template:Crafting table ### */
| |
| /* ############################################ */
| |
| | |
| .np-crafting-table {
| |
| font-size: 11px;
| |
| line-height: 16px;
| |
| margin-bottom: 5px;
| |
| }
| |
| | |
| .np-crafting-block {
| |
| border: 1px solid #AAA;
| |
| margin: 0;
| |
| padding: 1px 2px;
| |
| }
| |
| | |
| .np-crafting-block + .np-crafting-block {
| |
| margin-top: 3px;
| |
| }
| |
| | |
| .np-crafting-table .selflink {
| |
| font-weight: normal;
| |
| }
| |
| | |
| /* ### FIN IMPORTATION DE L'ANCIEN CONTENU DE COMMON.CSS ### */
| |
| | |
| /* ################################################## */
| |
| /* ### THÈME GÉNÉRAL ### */
| |
| /* ################################################## */
| |
| | |
| /* Retire le titre de l'accueil et des portails */
| |
| body.action-view.page-Accueil #firstHeading, | | body.action-view.page-Accueil #firstHeading, |
| body.action-view.page-Portail_Fallout #firstHeading, | | body.action-view.page-Portail_Fallout #firstHeading, |
| body.action-view.page-Portail_Fallout_2 #firstHeading, | | body.action-view.page-Portail_Fallout_2 #firstHeading, |
| body.action-view.page-Portail_Fallout_Tactics #firstHeading,
| |
| body.action-view.page-Portail_Fallout_Shelter #firstHeading,
| |
| body.action-view.page-Portail_Fallout_3 #firstHeading, | | body.action-view.page-Portail_Fallout_3 #firstHeading, |
| body.action-view.page-Portail_Fallout_4 #firstHeading, | | body.action-view.page-Portail_Fallout_4 #firstHeading, |
| body.action-view.page-Portail_Fallout_New_Vegas #firstHeading { | | body.action-view.page-Portail_Fallout_76 #firstHeading, |
| position: absolute;
| | body.action-view.page-Portail_Fallout_New_Vegas #firstHeading, |
| top: -5000px;
| | body.action-view.page-Portail_Fallout_Shelter #firstHeading, |
| | body.action-view.page-Portail_Fallout_Tactics #firstHeading, |
| | .action-view.page-Portail_Fallout_-_Série_télévisée #firstHeading { |
| | position: absolute; |
| | top: -5000px; |
| } | | } |
| | | /* On cache l'en-tete fixe pour le moment sur l'accueil */ |
| /* Logo du wiki */ | | body.action-view.page-Accueil #vector-sticky-header { |
| .mw-wiki-logo { | | display: none; |
| background-size: 100%;
| |
| } | | } |
| | | /* Cadre principale et structure */ |
| .globegris { | | .homepage { |
| background-image: url(/skins/common/images/wiki.png);
| | display: grid; |
| | grid-gap: 1rem; |
| | grid-template-areas: |
| | "welcome welcome welcome" |
| | "serie serie serie" |
| | "games games games" |
| | "autres autres theme" |
| | "anecdotes anecdotes presentation" |
| | "articleday articleday participation"; |
| } | | } |
| | | /* Définition des zones */ |
| .portail-titre { | | .homepage-welcome { |
| font-size: 250%;
| | grid-area: welcome; |
| color: #51E527;
| | background: linear-gradient(to bottom, #fff, var(--box-background-color)); |
| | border-bottom: solid 1px var(--border-color-base); |
| } | | } |
| | | .grande-annonce { |
| .portailhaut { | | grid-area: serie; |
| background-color: rgba(58, 58, 58, 0.2);
| | border: 1px solid var(--border-color-base); |
| background-repeat: no-repeat;
| | box-shadow: var(--box-shadow); |
| width:100%;
| |
| border:1px solid #383838;
| |
| border-radius:10px;
| |
| vertical-align: top;
| |
| -moz-border-radius: 10px;
| |
| -webkit-border-radius: 10px;
| |
| } | | } |
| | | .homepage-portal-games { |
| .portailgauche { | | grid-area: games; |
| width:65%;
| |
| border:1px solid #383838;
| |
| vertical-align:top;
| |
| background:rgba(58, 58, 58, 0.2);
| |
| padding: 0px 10px 10px 0px;
| |
| border-radius:10px;
| |
| } | | } |
| | | .homepage-portal-autres { |
| .portaildroite { | | grid-area: autres; |
| width:35%;
| |
| border:1px solid #383838;
| |
| background:rgba(58, 58, 58, 0.2);
| |
| vertical-align:top;
| |
| padding: 0px 10px 10px 0px;
| |
| border-radius:10px;
| |
| } | | } |
| | | .homepage-portal-theme { |
| .portail-bandeau { | | grid-area: theme; |
| background-image: url(/images/c/cb/Bandeau_gris.png);
| |
| background-repeat: no-repeat;
| |
| } | | } |
| | | .homepage-presentation { |
| .portail-haut { | | grid-area: presentation; |
| background-color: rgba(58, 58, 58, 0.2);
| |
| background-repeat: no-repeat;
| |
| width:100%;
| |
| border:1px solid #383838;
| |
| border-radius:10px;
| |
| vertical-align: top;
| |
| -moz-border-radius: 10px;
| |
| -webkit-border-radius: 10px;
| |
| } | | } |
| | | .homepage-participation { |
| .portail-gauche { | | grid-area: participation; |
| width:65%;
| |
| border:1px solid #383838;
| |
| vertical-align:top;
| |
| background:rgba(58, 58, 58, 0.2);
| |
| padding: 0 10px 10px 0;
| |
| border-radius:10px;
| |
| } | | } |
| | | .homepage-articleday { |
| .portail-droite { | | grid-area: articleday; |
| width:35%;
| |
| border:1px solid #383838;
| |
| background:rgba(58, 58, 58, 0.2);
| |
| vertical-align:top;
| |
| padding: 0 10px 10px 0;
| |
| border-radius:10px;
| |
| } | | } |
| | | .homepage-anecdotes { |
| .logoportailfo1 { | | grid-area: anecdotes; |
| background-image: url(/images/6/69/Fo1_portail_armure.png);
| |
| background-size: 392px;
| |
| background-position: -85px -67px;
| |
| } | | } |
| | | /* Boîte générique */ |
| .logoportailfo2 { | | .homepage-box { |
| background-image: url(/images/2/2b/Fo2_portail_armure.png);
| | border: 1px solid var(--border-color-base); |
| background-size: 231px auto;
| | background: var(--box-background-color); |
| background-position:-2px -50px;
| | box-shadow: var(--box-shadow); |
| | padding: 1rem; |
| } | | } |
| | | .homepage-welcome-subtitle, |
| .logoportailfot { | | .homepage-welcome-links, |
| background-image: url(/images/3/31/Fot_portail_armure-min.png);
| | .homepage-portal-theme .homepage-box-content { |
| background-size: 224px;
| | text-align: center; |
| background-position:-9px -19px;
| |
| } | | } |
| | | .homepage-welcome-fogen { |
| .logoportailfo3 { | | margin-bottom: 1rem; |
| background-image: url(/images/c/c7/Fo3_portail_armure.png);
| | text-align: center; |
| background-size: 304px auto;
| |
| background-position:-72px -73px;
| |
| } | | } |
| | | .homepage-welcome-title { |
| .logoportailfnv { | | text-align: center; |
| background-image: url(/images/2/28/Fnv_portail_ranger.png);
| | font-size: 200%; |
| background-size: 418px auto;
| | margin: 0 50px 5px 50px; |
| background-position:-114px -42px;
| | border-bottom: 1px solid var(--border-color-base); |
| | text-shadow: 0 0 3px var(--color-link); |
| | color: var(--color-link); |
| | font-weight: bold; |
| } | | } |
| | | .homepage-box-title { |
| .logoportailfo4 { | | text-align: center; |
| background-image: url(/images/f/f0/Fo4_portail_h%C3%A9ros_et_son_chien.png);
| | font-size: 150%; |
| background-size: 206px auto;
| | border-bottom: 1px solid var(--border-color-base); |
| background-position: 0px -32px;
| | margin-bottom: 20px; |
| | text-shadow: 0 0 6px var(--color-link); |
| | color: var(--color-link); |
| } | | } |
| | | .homepage-portal-autres-list { |
| .logoportailfos { | | list-style: none; |
| background-image: url(/images/d/d4/Fos_portail_vaultboy.png);
| | margin: 0 !important; |
| background-size: 184px auto;
| | display: grid; |
| background-position:11px -17px;
| | grid-template-columns: 1fr 1fr 1fr; |
| | grid-gap: 30px 0; |
| } | | } |
| | | .homepage-portal-games-list { |
| /* Fond principal */
| | list-style: none; |
| body, div#mw-head, .mw-mmv-post-image, .portable-infobox > .pi-item:last-child, .portable-infobox .pi-media, .portable-infobox .pi-media {
| | margin: 0 !important; |
| background: url(/skins/Vector/images/background/cool.png);
| | display: grid; |
| | grid-template-columns: 1fr 1fr 1fr 1fr; |
| | grid-template-rows: 1fr 1fr; |
| | grid-gap: 30px 0; |
| } | | } |
| | | .homepage-portal-games-item { |
| /* Fond du corps et couleur du texte */
| | text-align: center; |
| .mw-body, div.vectorTabs li.selected, .mw-mmv-overlay, .flow-topic-titlebar, .portable-infobox .pi-header { | | font-size: 0.85em; |
| background: url(/skins/Vector/images/background/coolblack.png);
| |
| } | | } |
| | | .homepage-portal-games-logo { |
| .mw-body { | | height: 60px; |
| border: 1px solid #383838;
| |
| color: #F5F7F2;
| |
| } | | } |
| | | .homepage-presentation-title, |
| /* Retire la barre blanche apparaissant dans certaines pages (Spécial:Téléverser, Spécial:Modifications_récentes...) */
| | .homepage-participation-title, |
| #mw-page-base {
| | .homepage-articleday-title, |
| background-image: none;
| | .homepage-imageday-title { |
| background-color: transparent;
| | border-bottom: 1px solid var(--border-color-base); |
| | margin-bottom: 20px; |
| | text-shadow: 0 0 8px var(--color-link); |
| | color: var(--color-link); |
| } | | } |
| | | .homepage-presentation-content, |
| /* Bordure haute */
| | .homepage-participation-content, |
| #mw-head-base {
| | .homepage-articleday-content, |
| border-bottom: 1px solid #383838;
| | .homepage-imageday-content { |
| | font-size: 0.85em; |
| } | | } |
|
| |
|
| fieldset {
| | /* |
| border: 1px solid #51E527; | | --------------------------------------------------- |
| }
| | Cross classes |
| | --------------------------------------------------- |
| | Les classes ci-dessous sont utilisées par plusieurs |
| | modèles ou modules |
| | --------------------------------------------------- |
| | */ |
|
| |
|
| /* Couleur du texte en pied de page */ | | /* Pour créer des listes simples, souvent appelées |
| #footer li {
| | dans des modèles ou des tables */ |
| color: #F5F7F2;
| | .avt-simple-list { |
| | margin: 0 !important; |
| | list-style: none; |
| } | | } |
| | | /* Séparateur <hr/> */ |
| /* ################################################## */ | | .separator { |
| /* ### Modification recente ### */ | | background-color: var(--border-color-base); |
| /* ################################################## */
| |
| | |
| .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagMultiselectWidget-handle,
| |
| .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend {
| |
| background-color: rgba(58,58,58,0.2);
| |
| border: 1px solid #383838;
| |
| } | | } |
| | | /* Boîte générique */ |
| .oo-ui-tagItemWidget, | | .avt-genericbox { |
| .mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget {
| | border: 1px solid var(--border-color-base); |
| border: 1px solid #383838;
| | background: var(--box-background-color); |
| } | | } |
|
| |
|
| .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title,
| | /* |
| .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button,
| | --------------------------------------------------- |
| .oo-ui-tagItemWidget.oo-ui-widget-enabled { | | Templates & Modules |
| color: #F5F7F2;
| | --------------------------------------------------- |
| }
| | le style ci-dessous défini l'apparence des modèles |
| | et des modules. |
| | Les modèles doivent être rangés dans l'ordre |
| | alphabétique. |
| | --------------------------------------------------- |
| | */ |
|
| |
|
| .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled {
| | /* ------------------------------ */ |
| background-color: #171717;
| | /* Modèle:Bandeau d'avertissement */ |
| }
| | /* ------------------------------ */ |
|
| |
|
| /* ################################################## */
| | .avt-warn-banner { |
| /* ### SIDEBAR (barre de navigation gauche) ### */
| | margin: 0.5em 90px; |
| /* ################################################## */
| | display: grid; |
| | | grid-template-columns: max-content auto; |
| div#mw-panel div.portal h3 {
| | gap: 8px; |
| color: #F5F7F2;
| | padding: 0 10px; |
| | border-style: solid; |
| | border-width: 1px 1px 1px 12px; |
| | background-color: var(--box-background-color); |
| } | | } |
| | | .avt-warn-banner-header { |
| div#mw-panel div.portal {
| | font-weight: bold; |
| background: none;
| |
| border-top: 1px solid #383838;
| |
| } | | } |
| | | .avt-warn-banner-img { |
| /* ################################################## */
| | margin: auto; |
| /* ### LIENS ### */
| |
| /* ################################################## */
| |
| | |
| /* Couleur des liens, liens visités et de la barre d'outil à gauche */
| |
| a, a:visited, div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited, div.vectorTabs li a {
| |
| color: #51E527;
| |
| } | | } |
| | | .avt-warn-banner-text { |
| /* Couleurs des liens vers des pages non créées */
| | padding: 5px; |
| a.new, div.vectorTabs li.new a, div.vectorTabs li.new a:visited {
| |
| color: #EE474D;
| |
| } | | } |
| | | .avt-warn-banner-desc, |
| /* Pas d'image pour les liens externes */
| | .avt-warn-banner-note { |
| .mw-body .external { | | font-size: 0.8em; |
| background: none !important;
| |
| padding: 0 !important;
| |
| } | | } |
| | | /* Types de bandeau */ |
| | | .avt-warn-banner-maintenance { |
| /* ################################################## */
| | border-color: var(--color-warning); |
| /* ### TITRES ### */ | |
| /* ################################################## */
| |
| | |
| /* Couleur des titres */
| |
| h1, h2, h3, h4, h5, h6 {
| |
| color: #F5F7F2;
| |
| } | | } |
| | | .avt-warn-banner-info { |
| /* ################################################## */
| | border-color: #77ccff; |
| /* ### BARRE D'OUTILS HAUTE ### */
| |
| /* ################################################## */
| |
| | |
| /* Couleur espace de nom courant */
| |
| div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited {
| |
| color: #F5F7F2;
| |
| } | | } |
| | | .avt-warn-banner-license { |
| /* Fond espace de nom courant */
| | border-color: #c0c0ff; |
| div.vectorTabs li.selected {
| |
| border: 1px solid #383838;
| |
| border-bottom: none;
| |
| margin-left: -1px;
| |
| } | | } |
|
| |
|
| div.vectorTabs span, div.vectorTabs, div.vectorTabs ul li, div.vectorTabs ul, div#mw-head div.vectorMenu h3 {
| | /* ------------------------------ */ |
| background-color: transparent;
| | /* Modèle:Bandeau de note */ |
| background-image: none;
| | /* ------------------------------ */ |
| }
| |
|
| |
|
| /* ################################################## */
| | .avt-note-banner { |
| /* ### FICHIER (Fichier:...) ### */
| | margin-top: 0.5em; |
| /* ################################################## */
| | padding-left: 2em; |
| | | padding-bottom: 0.5em; |
| ul#filetoc {
| | margin-bottom: 0.5em; |
| border: 1px solid #383838;
| | background: var(--background-main); |
| background-color: rgba(58, 58, 58, 0.2);
| | font-style: italic; |
| | border-bottom: 1px solid var(--border-color-base); |
| | display: flex; |
| | align-items: center; |
| | gap: 10px; |
| } | | } |
| | | .avt-note-banner + .avt-note-banner { |
| /* ################################################## */
| | margin-top: calc(-0.5em - 1.05px); |
| /* ### HISTORIQUE DES VERSIONS ### */
| |
| /* ################################################## */
| |
| | |
| #pagehistory li.selected {
| |
| background-color: rgba(58, 58, 58, 0.5);
| |
| border: 1px dashed #51E527;
| |
| } | | } |
|
| |
|
| #pagehistory li {
| | /* ------------------------------ */ |
| border: 1px solid #383838;
| | /* Modèle:Bandeau de rubrique */ |
| }
| | /* ------------------------------ */ |
| #pagehistory li.selected {
| |
| color: white; | |
| }
| |
|
| |
|
| /* ################################################## */
| | .avt-section-banner { |
| /* ### CATÉGORIES ### */
| | padding: 0.25em 0.5em; |
| /* ################################################## */
| | border-top: 1px solid var(--border-color-base); |
| | | border-bottom: 1px solid var(--border-color-base); |
| .catlinks {
| | margin: 0.5em 0 0.5em 2em; |
| border: 1px solid #383838;
| | background-color: var(--box-background-color); |
| background-color: rgba(58, 58, 58, 0.2);
| | font-size: 0.9em; |
| | overflow: hidden; |
| | display: flex; |
| | align-items: center; |
| | gap: 10px; |
| } | | } |
|
| |
|
| /* Couleur des flèches d’arborescence */ | | /* ------------------------------ */ |
| .CategoryTreeToggle {
| | /* Modèle:Bandeau de source */ |
| color: #51E527 !important;
| | /* ------------------------------ */ |
| }
| |
|
| |
|
| .catlinks li { | | .avt-source-banner { |
| border-left: 1px solid #383838;
| | margin: 0.5em 0; |
| | display: flex; |
| | gap: 8px; |
| | align-items: center; |
| } | | } |
| | | .avt-source-banner-text { |
| /* ################################################## */
| | padding: 5px; |
| /* ### PAGE DE RECHERCHE ### */
| | font-size: 0.9em; |
| /* ################################################## */
| | border-top: 1px solid var(--border-color-base); |
| | | border-bottom: 1px solid var(--border-color-base); |
| .mw-search-results {
| |
| float: none;
| |
| } | | } |
|
| |
|
| .mw-search-profile-tabs {
| | /* ------------------------------ */ |
| background-color: rgba(58, 58, 58, 0.2);
| | /* Modèle:Boîte de contenu de jeu */ |
| border: 1px solid #51E527;
| | /* ------------------------------ */ |
| }
| |
|
| |
|
| fieldset#mw-searchoptions {
| | .avt-content-game-box { |
| background-color: rgba(58, 58, 58, 0.2);
| | border: 1px solid var(--border-color-base); |
| border: 1px solid #51E527 !important;
| | box-shadow: var(--box-shadow); |
| | padding: 5px; |
| | margin: 0.5em 0; |
| | font-size: 0.85em; |
| | background-color: var(--box-background-color); |
| | overflow: hidden; |
| } | | } |
| | | .avt-content-game-box span.mw-collapsible-toggle { |
| /* ################################################## */
| | float: right; |
| /* ### TABLE DES MATIÈRES (TOC) ### */
| | padding: 0.25em 1em; |
| /* ################################################## */
| |
| | |
| #toc, .toc, .mw-warning, .toccolours {
| |
| border: 1px solid #383838;
| |
| background-color: rgba(58, 58, 58, 0.2);
| |
| } | | } |
| | | #avt-content-game-box-title { |
| /* ################################################## */
| | text-align: center; |
| /* ### VIGNETTES (thumb) ### */
| | border: 1px solid var(--border-color-base); |
| /* ################################################## */
| | background-color: var(--background-color-dp-02); |
| | | padding: 3px; |
| /* Couleur et bordure du cadre, taille du texte */
| | padding: 0.25em 8em; |
| div.thumbinner {
| | font-weight: bold; |
| border: 1px solid #383838;
| |
| background-color: rgba(58, 58, 58, 0.2);
| |
| font-size: 75%;
| |
| } | | } |
| | | .avt-content-game-box-list { |
| html .thumbimage {
| | margin: 0 !important; |
| border: none;
| | padding: 5px !important; |
| background-color: transparent;
| | list-style: none; |
| | column-count: 2; |
| | column-rule: 1px solid var(--border-color-base); |
| } | | } |
|
| |
|
| /* ################################################## */ | | /* ------------------------------ */ |
| /* ### GALERIES (<gallery>...</gallery>) ### */ | | /* Modèle:Boîte déroulante */ |
| /* ################################################## */ | | /* ------------------------------ */ |
|
| |
|
| /* Couleur et bordure des cadres */
| | .avt-dropdown-box { |
| li.gallerybox div.thumb {
| | margin: 0.5em 0; |
| border: 1px solid #383838;
| | padding: 3px; |
| background-color: rgba(58, 58, 58, 0.2);
| | border: 1px solid var(--border-color-base); |
| | overflow: auto; |
| } | | } |
| | | .avt-dropdown-box-title { |
| /* Taille du texte */
| | background-color: var(--background-color-dp-02); |
| div.gallerytext {
| | border: 1px solid var(--border-color-base); |
| font-size: 80%;
| | font-weight: bold; |
| | text-align: center; |
| } | | } |
| | | .avt-dropdown-box-content { |
| /* ################################################## */
| | padding: 0 5px; |
| /* ### PRE (balises <pre>...</pre> ### */
| |
| /* ################################################## */
| |
| | |
| .mw-highlight {
| |
| background: transparent;
| |
| } | | } |
| | | .avt-dropdown-box .mw-collapsible-toggle { |
| pre {
| | padding-right: 0.5em; |
| color: #F5F7F2;
| |
| background-color: rgba(58, 58, 58, 0.2);
| |
| border: 1px solid #383838;
| |
| overflow: auto;
| |
| } | | } |
|
| |
|
| /* ################################################## */ | | /* ------------------------------ */ |
| /* ### CODE (balises <code>...</code> ### */ | | /* Modèle:Citation */ |
| /* ################################################## */ | | /* ------------------------------ */ |
|
| |
|
| code {
| | .mw-body-content blockquote { |
| padding: 0px 3px 0px 3px;
| | border-left: none; |
| color: #51E527;
| |
| background-color: rgba(56, 56, 56, 0.5);
| |
| border-radius: 0;
| |
| border: 1px solid #383838;
| |
| } | | } |
| | | blockquote { |
| /* ################################################## */
| | margin: 0 auto; |
| /* ### ÉDITEUR WIKICODE ### */
| |
| /* ################################################## */
| |
| | |
| .wikiEditor-ui, .wikiEditor-ui-controls, .wikiEditor-preview-contents {
| |
| background-color: transparent;
| |
| } | | } |
| | | q::before, |
| .wikiEditor-ui-buttons {
| | q::after { |
| background-color: transparent;
| | content: ""; |
| border-top: none;
| |
| } | | } |
| | | blockquote small { |
| .wikiEditor-ui-tabs {
| | margin-bottom: 10px; |
| background-color: transparent;
| | display: block; |
| border-left: 1px solid #383838;
| | padding-left: 150px; |
| border-top: 1px solid #383838;
| |
| } | | } |
| | | blockquote small, |
| .wikiEditor-ui-tabs div.current[rel=wikiEditor-ui-view-wikitext] {
| | q small { |
| border-bottom: 1px solid #F5F7F2;
| | font-size: inherit; |
| background-color: #F5F7F2;
| |
| } | | } |
| | | blockquote .mediaContainer { |
| .wikiEditor-ui-tabs div.current {
| | display: inline-block; |
| border-bottom: 1px solid #383838;
| |
| background-color: rgba(58,58,58,0.2);
| |
| } | | } |
|
| |
|
| .wikiEditor-ui-tabs div {
| | /* ------------------------------ */ |
| background-color: transparent;
| | /* Modèle:Citation ligne */ |
| border-right: 1px solid #383838;
| | /* ------------------------------ */ |
| border-bottom: 1px solid #383838;
| |
| }
| |
|
| |
|
| .wikiEditor-ui-toolbar .tabs span.tab a, .wikiEditor-ui-toolbar .tabs span.tab a:visited, .wikiEditor-ui-tabs div a, .wikiEditor-ui-toolbar .booklet .index div { | | .np-quote-snd-trigger { |
| color: #383838;
| | display: inline-block; |
| | position: relative; |
| | top: auto; |
| | left: auto; |
| | padding: 0px 2px; |
| } | | } |
| | | .np-quote-snd-trigger:hover .np-quote-snd-player { |
| .wikiEditor-ui .wikiEditor-ui-top { | | display: block; |
| border-bottom: 1px solid #383838;
| |
| } | | } |
| | | .np-quote-snd-player { |
| .wikiEditor-ui-toolbar { | | display: none; |
| background: #F5F7F2;
| | position: absolute; |
| | top: -30px; |
| | left: 100%; |
| | z-index: 100 !important; |
| | width: 300px; |
| | overflow-x: hidden; |
| | margin: 0px; |
| | padding: 5px 10px 10px 10px; |
| | border: 1px solid var(--border-color-base); |
| | box-shadow: var(--box-shadow); |
| | background-color: var(--box-background-color); |
| | text-align: left; |
| | font-size: 0.85em; |
| } | | } |
| | | .np-quote-snd-player-img { |
| .wikiEditor-ui-toolbar .sections .section { | | float: left; |
| border-top: 1px solid #383838;
| | width: 55px; |
| background-color: transparent;
| |
| } | | } |
| | | .np-quote-snd-player-title { |
| .wikiEditor-ui .wikiEditor-ui-view { | | width: 250px; |
| border: 1px solid #383838;
| | height: 50px; |
| | display: table-cell; |
| | vertical-align: middle; |
| } | | } |
| | | .np-quote-snd-player-title span { |
| .wikiEditor-ui-toolbar .group { | | font-size: 18px; |
| border-right: 1px solid #383838;
| |
| } | | } |
|
| |
|
| #upload-div {
| | /* ------------------------------ */ |
| background: #191919;
| | /* Modèle:Documentation */ |
| border-top: 1px solid #383838;
| | /* ------------------------------ */ |
| border-bottom: 1px solid #383838;
| |
| }
| |
|
| |
|
| #editform textarea, #wpTextbox1 {
| | .va-documentation, |
| background: rgba(58, 58, 58, 0.2);
| | .va-documentation-bar-top, |
| border: none;
| | .va-documentation-bar-bottom { |
| color: #F5F7F2;
| | border-color: var(--border-color-base); |
| font-family: consolas;
| | border-style: solid; |
| }
| | clear: both; |
| | |
| .wikiEditor-ui-toolbar .booklet .index .current {
| |
| background-color: rgba(58, 58, 58, 0.2);
| |
| color: #383838;
| |
| border-top: 1px solid #383838;
| |
| border-bottom: 1px solid #383838;
| |
| }
| |
| | |
| .wikiEditor-ui-toolbar .booklet .pages { | |
| background-color: transparent;
| |
| }
| |
| | |
| .wikiEditor-ui-toolbar .page-characters div span {
| |
| border: 1px solid #383838;
| |
| }
| |
| | |
| .editOptions {
| |
| background-color: transparent;
| |
| border: 1px solid #383838;
| |
| border-top: none;
| |
| }
| |
| | |
| .mw-scribunto-console-fieldset {
| |
| background: transparent;
| |
| color: #F5F7F2;
| |
| }
| |
| | |
| #mw-scribunto-output #editform textarea, #wpTextbox1 {
| |
| background: rgba(81, 229, 39, 0.1);
| |
| border: 1px solid #51E527;
| |
| color: #F5F7F2;
| |
| }
| |
| | |
| .mw-scribunto-message {
| |
| color: #51E527;
| |
| background: transparent;
| |
| }
| |
| | |
| td.diff-context {
| |
| background: rgba(58,58,58,0.2);
| |
| border-color: #383838;
| |
| color: #F5F7F2;
| |
| }
| |
| | |
| td.diff-deletedline .diffchange, td.diff-addedline .diffchange {
| |
| color: #383838;
| |
| }
| |
| | |
| /* ################################################## */
| |
| /* ### ÉDITEUR VISUEL ### */
| |
| /* ################################################## */
| |
| | |
| .oo-ui-toolbar-bar {
| |
| border-bottom: 1px solid #383838;
| |
| background-color: #F5F7F2;
| |
| color: #383838;
| |
| }
| |
| | |
| .oo-ui-popupToolGroup .oo-ui-toolGroup-tools {
| |
| background-color: #F5F7F2;
| |
| }
| |
| | |
| .ve-activated .vectorTabs .selected {
| |
| box-shadow: none;
| |
| }
| |
| | |
| figure[typeof~="mw:Image/Thumb"], figure[typeof~="mw:Image/Frame"], figure[typeof*="mw:Image"] > figcaption {
| |
| border: 1px solid #383838;
| |
| background-color: rgba(58,58,58,0.2);
| |
| }
| |
| | |
| .oo-ui-popupWidget-popup {
| |
| background-color: #F5F7F2;
| |
| border: 1px solid #383838;
| |
| border-radius: 0;
| |
| color: #383838;
| |
| }
| |
| | |
| /* ################################################## */
| |
| /* ### PRÉFÉRENCES ### */
| |
| /* ################################################## */
| |
| | |
| .client-js #preferences
| |
| {
| |
| border: solid 1px #383838;
| |
| background: rgba(58, 58, 58, 0.2);
| |
| }
| |
| | |
| .client-js #preftoc
| |
| {
| |
| background: 0;
| |
| }
| |
| | |
| .client-js #preftoc li
| |
| {
| |
| height: 2.5em;
| |
| background: 0;
| |
| } | | } |
|
| |
| .client-js #preftoc li.selected a
| |
| {
| |
| background: none;
| |
| color: #F5F7F2;
| |
| }
| |
|
| |
| /* ################################################## */
| |
| /* ### PROFIL SOCIAL ### */
| |
| /* ################################################## */
| |
|
| |
| #profile-top {
| |
| background-color: rgba(58, 58, 58, 0.2);
| |
| border-bottom: 1px solid #51E527;
| |
| border-top: 1px solid #51E527;
| |
| }
| |
|
| |
| #profile-image img {
| |
| border: 1px solid #51E527;
| |
| background-color: #191919;
| |
| }
| |
|
| |
| #profile-toggle-button {
| |
| background-color: #191919;
| |
| border: 1px solid #383838;
| |
| }
| |
|
| |
| /* Couleur des tableaux de message */
| |
|
| |
| .user-board-message {
| |
| border: 1px solid #383838;
| |
| background-color: rgba(58, 58, 58, 0.2);
| |
| }
| |
|
| |
| .user-board-message-from {
| |
| background-color: #191919;
| |
| border-bottom: 1px solid #383838;
| |
| }
| |
|
| |
| .user-board-message-image img {
| |
| border: 1px solid #383838;
| |
| }
| |
|
| |
| .profile-on {
| |
| background-color: rgba(58, 58, 58, 0.2);
| |
| border: 1px solid #51E527;
| |
| }
| |
|
| |
| /* ################################################## */
| |
| /* ### Spécial:UpdateProfile ### */
| |
| /* ################################################## */
| |
|
| |
| .offset1 span10 {
| |
| font-family: arial;
| |
| }
| |
|
| |
| .profile-tab {
| |
| background-color: transparent;
| |
| padding: 0px 5px 0px 5px;
| |
| margin: 0px 5px 0px 0px;
| |
| border-left: 1px solid #51E527;
| |
| border-right: 1px solid #51E527;
| |
| }
| |
|
| |
| .profile-tab-on {
| |
| background-color: rgba(56,56,56,0.3);
| |
| border: 1px solid #51E527;
| |
| border-bottom: none;
| |
| font-size: inherit;
| |
| padding: 0 5px 0 5px;
| |
| }
| |
|
| |
| .profile-info {
| |
| background-color: rgba(56,56,56,0.3);
| |
| border: 1px solid #51E527;
| |
| width: 90%;
| |
| padding: 20px 20px 20px 20px;
| |
| }
| |
|
| |
| .profile-update {
| |
| font-family: Arial;
| |
| }
| |
|
| |
| .profile-update-title {
| |
| font-size: 20px;
| |
| color: #ACA9A9;
| |
| margin: 0px 0px 5px 0px !important;
| |
| font-weight: bold;
| |
| border-bottom: 1px solid #383838;
| |
| }
| |
|
| |
| .profile-update-unit-left {
| |
| color: #777;
| |
| font-weight: inherit;
| |
| font-size: 14px;
| |
| float: left;
| |
| width: 20%;
| |
| }
| |
|
| |
| /* ################################################## */
| |
| /* ### TABLEAU WIKITABLE ### */
| |
| /* ################################################## */
| |
|
| |
| table.wikitable {
| |
| background-color: rgba(58, 58, 58, 0.2);
| |
| border: 1px solid #383838;
| |
| color: inherit;
| |
| }
| |
|
| |
| table.wikitable > tr > th, table.wikitable > * > tr > th {
| |
| background-color: #191919;
| |
| }
| |
|
| |
| table.wikitable > tr > th, table.wikitable > tr > td, table.wikitable > * > tr > th, table.wikitable > * > tr > td {
| |
| border: 1px solid #383838;
| |
| }
| |
|
| |
| /* ################################################## */
| |
| /* ### EXTENSION:ECHO ### */
| |
| /* ################################################## */
| |
|
| |
| #pt-notifications-alert .mw-echo-notifications-badge, #pt-notifications-notice .mw-echo-notifications-badge
| |
| {
| |
| background-color: white;
| |
| border-radius: 16px;
| |
| }
| |
|
| |
| /* ################################################## */
| |
| /* ### DOCUMENTATION ### */
| |
| /* ################################################## */
| |
|
| |
| /* Modèle:Documentation */
| |
| .va-documentation { | | .va-documentation { |
| background: rgba(58,58,58,0.5);
| | border-width: 1px; |
| color: #F5F7F2;
| | margin: 10px 0; |
| | box-shadow: var(--box-shadow); |
| | background: var(--box-background-color); |
| } | | } |
| | | .va-documentation-bar-top, |
| .va-documentation, .va-documentation-bar-top, .va-documentation-bar-bottom {
| | .va-documentation-bar-bottom { |
| border-color: #383838;
| | background-color: var(--background-color-dp-02); |
| | margin: 0; |
| | padding: 10px; |
| } | | } |
| | | .va-documentation-bar-top { |
| .va-documentation-bar-top, .va-documentation-bar-bottom { | | border-width: 0 0 1px 0; |
| background: #191919;
| |
| color: #F5F7F2;
| |
| } | | } |
| | | .va-documentation-bar-bottom { |
| /* Modèle:Docparam */
| | border-width: 1px 0 0 0; |
| .va-docparam { | | text-align: right; |
| background: rgba(58,58,58,0.2);
| |
| border: 1px dotted #383838;
| |
| } | | } |
| | | .va-documentation-links { |
| .va-docparam-params { | | float: right; |
| font-family: consolas;
| | text-align: right; |
| color: #F5F7F2;
| |
| } | | } |
| | | .va-documentation-content { |
| /* ################################################## */
| | margin: 0; |
| /* ### VISIONNEUSE DE MÉDIAS ### */
| | padding: 20px; |
| /* ################################################## */
| |
| | |
| .mw-mmv-overlay { | |
| background-color: transparent;
| |
| } | | } |
| | | .va-documentation-small { |
| .mw-mmv-post-image { | | font-size: 0.8em; |
| color: #F5F7F2;
| |
| background-color: transparent;
| |
| border-top: 1px solid #383838;
| |
| }
| |
| | |
| .mw-mmv-image-metadata { | |
| border-top: 1px solid #383838;
| |
| background-color: black;
| |
| } | | } |
| | | .va-documentation-bar-top .external { |
| .mw-mmv-image-links li { | | background: none !important; |
| color: #F5F7F2;
| | padding: 0 !important; |
| } | | } |
|
| |
|
| /* ################################################## */ | | /* ---------------------------------- */ |
| /* ### TESTS PORTAILS ### */ | | /* Modèle:En-tête Aide */ |
| /* ################################################## */ | | /* ---------------------------------- */ |
|
| |
|
| .portal-thematic { | | .avt-help-frame { |
| -webkit-column-count: 4;
| | padding: 20px; |
| -moz-column-count: 4;
| | border: 1px solid var(--border-color-base); |
| column-count: 4;
| | background-color: var(--box-background-color); |
| color: #51E527;
| | box-shadow: var(--box-shadow); |
| | margin-bottom: 1em; |
| } | | } |
| .portal-thematic dl { | | .avt-help-welcome-title { |
| margin: auto;
| | text-align: center; |
| padding: 0;
| | font-size: 150%; |
| page-break-inside: avoid;
| | margin: 0 50px 0.5em 50px; |
| | text-shadow: var(--box-shadow); |
| | color: #425b84; |
| | font-weight: bold; |
| } | | } |
| .portal-thematic dt { | | .avt-help-search { |
| border-bottom: 1px solid #383838;
| | display: grid; |
| | grid-template-columns: 1fr 1fr; |
| | justify-items: center; |
| | align-items: center; |
| } | | } |
| .portal-thematic dd, .portal-thematic dt { | | .avt-help-rules-first-steps { |
| display: flex;
| | display: grid; |
| align-items: center;
| | grid-template-columns: 1fr 1fr; |
| height: 40px;
| | gap: 1em; |
| margin: 0;
| |
| } | | } |
| .portal-thematic dd span:first-child, .portal-thematic dt span:first-child { | | /* Partie à revoir */ |
| width: 65px;
| | .avt-help-homepage-title { |
| text-align: center;
| | color: var(--color-warning); |
| | text-align: center; |
| } | | } |
| .portal-color { | | .avt-help-header { |
| border: 1px solid #383838;
| | display: grid; |
| background: rgba(58,58,58,0.2);
| | gap: 10px; |
| border-radius: 10px;
| | grid-template-columns: 1fr 1fr; |
| }
| | padding: 20px; |
| .portal-body {
| | border: 1px solid var(--border-color-base); |
| display: table;
| | background-color: var(--box-background-color); |
| margin-top: 10px;
| | box-shadow: var(--box-shadow); |
| }
| | justify-items: center; |
| .portal-body-left {
| | align-items: center; |
| width: 65%;
| | margin: 1em 0; |
| vertical-align: top;
| |
| padding: 10px;
| |
| display: table-cell;
| |
| }
| |
| .portal-body-right {
| |
| width: 35%;
| |
| vertical-align: top;
| |
| padding: 10px;
| |
| display: table-cell;
| |
| }
| |
| .portal-body-separator {
| |
| border: 5px solid transparent;
| |
| }
| |
| .portal-home-header {
| |
| padding: 5px 5px 5px 0;
| |
| }
| |
| .portal-home-header > span { padding-left: 200px; }
| |
| .portal-home-header span {
| |
| display: block;
| |
| font-size: 95%;
| |
| }
| |
| .portal-home-bckg {
| |
| background-image: url(/resources/assets/wiki.png?a7f4d);
| |
| background-repeat: no-repeat;
| |
| background-position: -198px -18px;
| |
| }
| |
| .portal-home-title {
| |
| font-size: 250% !important;
| |
| color: #51E527;
| |
| }
| |
| .portal-wikistats {
| |
| float: right;
| |
| text-align: right;
| |
| margin: 5px;
| |
| }
| |
| .portal-fogen-links {
| |
| text-align: center;
| |
| }
| |
| .portal-frame-title {
| |
| background-image: url(/images/c/cb/Bandeau_gris.png);
| |
| background-repeat: no-repeat;
| |
| background-position: left center;
| |
| height: 30px;
| |
| }
| |
| .portal-frame-title img {
| |
| position: relative;
| |
| top: -9px;
| |
| left: 7px;
| |
| }
| |
| .portal-frame-title h2 {
| |
| margin: 0;
| |
| display: inline-block;
| |
| border: 0;
| |
| padding: 0 0 0 9px;
| |
| }
| |
| .portal-frame-content{
| |
| padding: 15px;
| |
| }
| |
| .liste-portails
| |
| {
| |
| text-align: center;
| |
| }
| |
| .liste-portails ul
| |
| {
| |
| list-style: none;
| |
| padding: 0;
| |
| margin: 0;
| |
| }
| |
| .liste-portails ul li
| |
| {
| |
| display: inline-block;
| |
| width: 150px;
| |
| }
| |
| .liste-portails ul li span:first-child {
| |
| display: table-cell;
| |
| width: 150px;
| |
| height: 60px;
| |
| vertical-align: middle;
| |
| } | | } |
|
| |
|
| .portal-game-content {
| | /* ---------------------------------- */ |
| -moz-column-count: 3;
| | /* Modèle:Fiche de créatur */ |
| -moz-column-gap: 20px;
| | /* ---------------------------------- */ |
| -webkit-column-count: 3;
| |
| -webkit-column-gap: 20px;
| |
| column-count: 3;
| |
| column-gap: 20px;
| |
| }
| |
| .portal-game-content ul li:first-child {
| |
| display: flex;
| |
| align-items: center;
| |
| padding: 3px 0 3px 0;
| |
| margin: 10px 0 2px 0;
| |
| border-bottom: 1px solid #383838;
| |
| background: linear-gradient(to bottom, rgba(25,25,25,0) 0%, rgba(231,56,39,0) 0%, rgba(25,25,25,0.25) 25%, rgba(25,25,25,0.56) 56%, rgba(25,25,25,0.6) 60%, rgba(25,25,25,1) 100%);
| |
| }
| |
| .portal-game-content ul:first-child li:first-child {
| |
| margin: 0 0 2px 0;
| |
| }
| |
| .portal-game-content ul li:first-child span:first-child {
| |
| width: 70px;
| |
| height: 30px;
| |
| text-align: center;
| |
| }
| |
| .portal-game-content ul {
| |
| margin: 0;
| |
| page-break-inside: avoid;
| |
| padding: 0;
| |
| list-style-position: inside;
| |
| min-height: 130px;
| |
| }
| |
| .portal-game-content li {
| |
| display: inline-block;
| |
| line-height: 2em;
| |
| }
| |
| .portal-game-content li:first-child::after, .portal-game-content li:last-child::after {
| |
| content: "";
| |
| margin-right: 0;
| |
| }
| |
| .portal-game-content li::after {
| |
| content: ",";
| |
| margin-right: 5px;
| |
| }
| |
|
| |
|
| /* ################################################## */
| | .creature-card { |
| /* ### MEDIAWIKI:NEWARTICLE ### */
| | margin: 1em 0 1em 0; |
| /* ################################################## */
| | display: grid; |
| | | grid-template-columns: 3fr 2fr; |
| .mw-newarticletext, .mw-newarticletextanon {
| | padding: 1em; |
| border: 1px solid #383838;
| | background-color: var(--box-background-color); |
| margin-bottom: 10px;
| | border: 1px solid var(--border-color-base); |
| padding: 10px;
| | box-shadow: var(--box-shadow); |
| background-color: rgba(58,58,58,0.2);
| |
| } | | } |
| .mw-newarticletext h2, .mw-newarticletextanon h2 { | | .creature-card-description { |
| border: none;
| | padding-right: 1em; |
| color: #51E527;
| |
| padding: 0;
| |
| margin: 10px 0 13px 0;
| |
| } | | } |
| .new-article-game { | | .creature-card-data { |
| color: #51E527;
| | padding-left: 1em; |
| | border-left: 1px solid var(--border-color-base); |
| } | | } |
| | | .creature-card-table { |
| /* ################################################## */
| | font-size: 12px; |
| /* ### LISTE DEROULANTE (Modèle:Liste déroulante) ### */
| | width: 100%; |
| /* ################################################## */
| | table-layout: fixed; |
| | | border-collapse: collapse; |
| .dropdown {
| | display: table; |
| padding: 1px 8px;
| | line-height: 1rem; |
| | margin: 0 0 5px 0; |
| } | | } |
| .dropdown > :first-child:after { | | .creature-card-table caption, |
| background-image: url("data:image/gif;base64,R0lGODlhAQABAIABAAAAAP///yH5BAEAAAEALAAAAAABAAEAQAICTAEAOw%3D%3D");
| | .creature-card-list dt { |
| border-color: white transparent transparent;
| | font-weight: bold; |
| border-style: solid;
| | line-height: 1.1; |
| border-width: 4px;
| | margin: 0 0 5px 0; |
| content: "";
| | padding: 4px; |
| display: inline-block;
| | background-color: var(--background-color-dp-02); |
| height: 1px;
| | text-align: center; |
| margin-left: 4px;
| | border: 1px solid var(--border-color-base); |
| margin-top: 2px;
| |
| position: relative;
| |
| vertical-align: middle;
| |
| width: 1px;
| |
| } | | } |
| .dropdown:hover { | | .creature-card-table th[scope="row"] { |
| border-bottom-left-radius: 0;
| | text-align: left; |
| border-bottom-right-radius: 0;
| | padding-right: 10px; |
| margin-bottom: -1px;
| | max-width: 140px; |
| padding-bottom: 2px;
| | word-wrap: normal; |
| }
| |
| .dropdown ul {
| |
| list-style: none outside none;
| |
| min-width: 100%;
| |
| top: 23px;
| |
| } | | } |
| .dropdown:hover ul { | | .creature-card-table th[scope="row"], |
| display: block;
| | .creature-card-table td { |
| | padding-top: 4px; |
| | vertical-align: super; |
| } | | } |
| .dropdown li a { | | .creature-card-list { |
| font-size: 12px;
| | font-size: 12px; |
| height: 14px;
| |
| line-height: 14px;
| |
| } | | } |
|
| |
|
| .portal .body li a:visited, .vector-menu-portal .body li a:visited {
| | /* ---------------------------------- */ |
| color: #51E527;
| | /* Modèle:Galerie de vidéos */ |
| }
| | /* ---------------------------------- */ |
| .portal .body li a, .vector-menu-portal .body li a {
| |
| color: #51E527;
| |
| }
| |
|
| |
|
| .vector-menu-tabs, .vector-menu-tabs li, .vector-menu-tabs .selected, .vector-menu-tabs li a, .vector-menu-heading { | | .avt-videogallery { |
| background: none;
| | list-style: none; |
| }
| | margin: 0.5em 0 !important; |
| .vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited { | | display: inline-flex; |
| color: #51E527;
| | flex-wrap: wrap; |
| text-decoration: none;
| | gap: 0 20px; |
| }
| |
| .vector-menu-tabs li a {
| |
| color: #51E527;
| |
| } | | } |
|
| |
|
| #ca-view, #ca-edit, #ca-ve-edit, #ca-history, #ca-unwatch,
| | /* ------------------------------ */ |
| #ca-talk, .vector-menu-tabs .selected, #selected, #ca-nstab-main,
| | /* Modèle:Infobox */ |
| #collapsible {
| | /* ------------------------------ */ |
| color: #51E527;
| |
| }
| |
|
| |
|
| .flow-post .flow-post-content { | | .avt-infobox { |
| color: white;
| | box-shadow: var(--box-shadow); |
| | padding: 5px; |
| | background-color: var(--box-background-color); |
| | border: 1px solid var(--border-color-base); |
| | clear: right; |
| | float: right; |
| | font-size: 0.9em; |
| | line-height: 1.4; |
| | margin: 0 0 0.5em 1em; |
| | word-wrap: break-word; |
| | max-width: 400px; |
| } | | } |
| | | .avt-infobox-header { |
| .flow-board { | | border: 1px solid var(--border-color-base); |
| border: 1px solid #383838;
| | padding: 3px; |
| background: rgba(58,58,58,0.2);
| | text-align: center; |
| border-radius: 10px;
| | font-size: 1.4em; |
| margin:5px;
| | line-height: 1.1; |
| | margin-bottom: 10px; |
| | background-color: var(--background-color-dp-02); |
| | display: grid; |
| | grid-template-columns: 1fr 1.7fr 0.3fr; |
| | grid-template-rows: 1fr 1fr 1fr; |
| | grid-auto-flow: row; |
| | gap: 0 0; |
| } | | } |
| .ve-ui-mwWikitextSurface .ve-ce-paragraphNode { | | .avt-infobox-header-icon, |
| color:black;
| | .avt-infobox-header-title, |
| | .avt-infobox-header-subhead { |
| | justify-self: center; |
| | align-self: center; |
| } | | } |
| .flow-topic-titlebar { | | .avt-infobox-header-icon { |
| border: 1px solid #383838;
| | grid-area: 1 / 3 / 4 / 4; |
| } | | } |
| .mw-ui-anchor.mw-ui-progressive.mw-ui-quiet { | | .avt-infobox-header-title { |
| color:#51E527;
| | grid-area: 2 / 1 / 4 / 4; |
| | font-weight: bold; |
| } | | } |
| | | .avt-infobox-header-subhead { |
| .user-gift-container img { | | grid-area: 1 / 1 / 2 / 4; |
| background-color: transparent;
| | font-size: 0.6em; |
| border: 0px;
| |
| padding: 3px;
| |
| } | | } |
| | | .avt-infobox-images { |
| .user-relationship-container img { | | text-align: center; |
| background-color: transparent;
| | display: flex; |
| border: 0px;
| | justify-content: space-around; |
| padding: 3px;
| | align-items: center; |
| | padding: 2px 0; |
| } | | } |
| | | .avt-infobox-images a { |
| /* ################################################## */
| | max-width: 100%; |
| /* ### Infobox portables ### */
| | flex: 0 0 auto; |
| /* ################################################## */
| |
| | |
| .portable-infobox { | |
| background: transparent;
| |
| font-size: 11px;
| |
| line-height: 16px;
| |
| border: 1px solid;
| |
| } | | } |
| .portable-infobox .pi-title { | | .avt-infobox-images img { |
| font-size: 15px;
| | height: auto; |
| font-weight: bold;
| | width: auto; |
| line-height: 20px;
| | max-width: 100%; |
| text-align: center;
| | max-height: 250px; |
| } | | } |
| .portable-infobox .pi-header { | | .avt-infobox-images-legend { |
| text-align: center;
| | text-align: center; |
| border: 1px solid;
| | font-size: 0.9em; |
| } | | } |
| | | .avt-infobox table { |
| .portable-infobox .pi-media { | | width: 100%; |
| border: 1px solid;
| | margin: 5px 0; |
| | table-layout: fixed; |
| | border-collapse: collapse; |
| | display: table; |
| } | | } |
| | | .avt-infobox caption { |
| .portable-infobox .pi-data-label { | | text-align: center; |
| border: 1px;
| | border: 1px solid var(--border-color-base); |
| } | | } |
| .mwe-math-fallback-image-inline { | | .avt-infobox caption .mw-collapsible-toggle { |
| background-color: darkgray; | | float: right !important; |
| } | | } |
| .vector-menu-portal .vector-menu-content li a { | | .avt-infobox p.bloc, |
| color: #51E527;
| | .avt-infobox caption { |
| | font-weight: bold; |
| | line-height: 1.1; |
| | margin: 0 0 5px 0; |
| | padding: 4px; |
| | background-color: var(--background-color-dp-02); |
| } | | } |
| .vector-menu-portal .vector-menu-content li a:visited { | | .avt-infobox th[scope="row"], |
| color: #51E527;
| | .avt-infobox td { |
| | padding-top: 4px; |
| | vertical-align: super; |
| } | | } |
| | | .avt-infobox th[scope="row"] { |
| /* -------------------------- */
| | text-align: left; |
| /* Modèle:Tableau d'artisanat */
| | padding-right: 10px; |
| /* -------------------------- */
| | width: 8em; |
| | | max-width: 140px; |
| .artisanat {
| | word-wrap: normal; |
| font-size: 0.85em;
| |
| display: grid;
| |
| grid-template-columns: 1fr 50px 1fr 50px 1fr;
| |
| margin: 10px 0 10px 0;
| |
| } | | } |
| .artisanat-colonne-titre { | | .avt-infobox span.mw-collapsible-toggle { |
| text-align: center;
| | float: right; |
| border: 1px solid var(--border-color-base--darker);
| |
| margin-bottom: 3px;
| |
| background-color: var(--background-color-dp-02);
| |
| padding: 3px;
| |
| } | | } |
| .artisanat-colonne-liste > ul { | | .avt-infobox span.mw-collapsible-toggle a { |
| list-style: none;
| | color: var(--color-base); |
| margin: 0;
| |
| } | | } |
| .artisanat-colonne-liste > ul > li { | | .avt-infobox-armor-rdsd { |
| border: 1px solid var(--border-color-base--darker);
| | width: 3em; |
| padding: 5px;
| | display: inline-block; |
| margin-bottom: 3px;
| |
| background: var(--box-background-color);
| |
| }
| |
| .artisanat-separateur {
| |
| margin: auto;
| |
| } | | } |
|
| |
|
| /* ------------------------------ */ | | /* ------------------------------ */ |
| /* Modèle:Bandeau de rubrique */ | | /* Modèle:Infobulle */ |
| /* ------------------------------ */ | | /* ------------------------------ */ |
|
| |
|
| .avt-section-banner { | | .avt-tooltip { |
| padding: 0.25em 0.5em;
| | border-bottom: 1px dotted; |
| border-top: 1px solid var(--border-color-base--darker);
| | cursor: help; |
| border-bottom: 1px solid var(--border-color-base--darker); | |
| margin: 0.5em 0 0.5em 2em;
| |
| background-color: var(--background-color-dp-00);
| |
| font-size: 0.9em;
| |
| overflow: hidden;
| |
| }
| |
| .avt-section-banner-img {
| |
| margin-right: 0.5em; | |
| } | | } |
|
| |
|
Ligne 3 420 : |
Ligne 1 619 : |
| 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); |
Ligne 3 430 : |
Ligne 1 629 : |
| } | | } |
| .avt-interactions-text { | | .avt-interactions-text { |
| align-self: center; | | align-self: center; |
| font-size: 0.85em; | | font-size: 0.85em; |
| } | | } |
|
| |
|
| /* ---------------------------------- */ | | /* ---------------------------------- */ |
| /* Modèle:Galerie de vidéos */ | | /* Modèle:Introduction de page-liste */ |
| /* ---------------------------------- */ | | /* ---------------------------------- */ |
|
| |
|
| .avt-videogallery { | | .avt-introduction { |
| list-style: none;
| | margin: 0.5em 0; |
| margin: 0.5em 0 !important; | |
| display: inline-flex;
| |
| flex-wrap: wrap;
| |
| gap: 0 20px;
| |
| }
| |
| | |
| /* ---------------------------------- */
| |
| /* Modèle:Références */
| |
| /* ---------------------------------- */
| |
| | |
| .avt-references {
| |
| font-size: 0.8em;
| |
| line-height: 1.6;
| |
| } | | } |
|
| |
|
| /* ------------------------------ */ | | /* ------------------------------ */ |
| /* Modèle:Infobox */ | | /* Modèle:Liste de pages-listes */ |
| /* ------------------------------ */ | | /* ------------------------------ */ |
|
| |
|
| .avt-infobox { | | .avt-game-listpage { |
| box-shadow: var(--box-shadow);
| | float: right; |
| padding: 5px;
| | border: 1px solid var(--border-color-base); |
| background-color: var(--box-background-color);
| | box-shadow: var(--box-shadow); |
| border: 1px solid var(--border-color-base--darker);
| | padding: 5px; |
| clear: right;
| | margin: 0 0 0.5em 1em; |
| float: right;
| | font-size: 0.85em; |
| font-size: 0.9em;
| | background-color: var(--box-background-color); |
| line-height: 1.4;
| | width: 100%; |
| margin: 0 0 0.5em 1em;
| | max-width: 20rem; |
| word-wrap: break-word;
| | text-align: center; |
| max-width: 400px;
| |
| } | | } |
| .avt-infobox-header { | | .avt-game-listpage-title { |
| border: 1px solid var(--border-color-base--darker);
| | border: 1px solid var(--border-color-base); |
| padding: 3px;
| | background-color: var(--background-color-dp-02); |
| text-align: center;
| | padding: 0.25em 8em; |
| font-size: 1.4em;
| | margin-bottom: 0.5em; |
| line-height: 1.1;
| | font-weight: bold; |
| margin-bottom: 10px;
| |
| background-color: var(--background-color-dp-02);
| |
| display: grid;
| |
| grid-template-columns: 1fr 1.7fr 0.3fr;
| |
| grid-template-rows: 1fr 1fr 1fr;
| |
| grid-auto-flow: row;
| |
| gap: 0 0;
| |
| } | | } |
| .avt-infobox-header-icon, | | .avt-game-listpage-list { |
| .avt-infobox-header-title,
| | margin: 0 !important; |
| .avt-infobox-header-subhead {
| | list-style: none; |
| justify-self: center;
| |
| align-self: center;
| |
| } | | } |
| .avt-infobox-header-icon {
| | |
| grid-area: 1 / 3 / 4 / 4;
| | /* ------------------------ */ |
| | /* Modèle:Liste horizontale */ |
| | /* ------------------------ */ |
| | |
| | .liste-horizontale ul, |
| | .liste-horizontale li { |
| | margin-left: 0; |
| | display: inline; |
| } | | } |
| .avt-infobox-header-title { | | .liste-horizontale ul:after { |
| grid-area: 2 / 1 / 4 / 4;
| | white-space: normal; |
| font-weight: bold;
| |
| } | | } |
| .avt-infobox-header-subhead { | | .liste-horizontale li:after { |
| grid-area: 1 / 1 / 2 / 4;
| | content: " "; /* au cas ou Mediawiki supprime les retours ligne */ |
| font-size: 0.6em;
| |
| } | | } |
| .avt-infobox-images { | | .liste-horizontale li + li:before { |
| text-align: center;
| | white-space: normal; |
| display: flex;
| | content: "· "; |
| justify-content: space-around;
| | font-weight: bold; |
| align-items: center;
| |
| padding: 2px 0;
| |
| } | | } |
| .avt-infobox-images a { | | .liste-horizontale li li:first-child:before { |
| max-width: 100%;
| | white-space: normal; |
| flex: 0 0 auto;
| | content: " ("; |
| } | | } |
| .avt-infobox-images img { | | .liste-horizontale li ul:after { |
| max-width: 100%;
| | content: ")"; |
| height: auto;
| | margin-left: -0.28em; |
| }
| |
| .avt-infobox-images-legend {
| |
| text-align: center;
| |
| font-size: 0.8em;
| |
| }
| |
| .avt-infobox table {
| |
| width: 100%;
| |
| margin: 5px 0;
| |
| table-layout: fixed;
| |
| border-collapse: collapse;
| |
| display: table;
| |
| }
| |
| .avt-infobox caption {
| |
| text-align: center;
| |
| border: 1px solid var(--border-color-base--darker); | |
| }
| |
| .avt-infobox p.bloc,
| |
| .avt-infobox caption {
| |
| font-weight: bold;
| |
| line-height: 1.1;
| |
| margin: 0 0 5px 0;
| |
| padding: 4px;
| |
| background-color: var(--background-color-dp-02);
| |
| }
| |
| .avt-infobox th[scope="row"],
| |
| .avt-infobox td {
| |
| padding-top: 4px;
| |
| vertical-align: super;
| |
| }
| |
| .avt-infobox th[scope="row"] {
| |
| text-align: left;
| |
| padding-right: 10px;
| |
| width: 8em;
| |
| max-width: 140px;
| |
| word-wrap: normal;
| |
| }
| |
| .avt-infobox span.mw-collapsible-toggle {
| |
| float: right;
| |
| }
| |
| .avt-infobox span.mw-collapsible-toggle a {
| |
| color: var(--color-base);
| |
| } | | } |
|
| |
|
Ligne 3 563 : |
Ligne 1 701 : |
| /* Modèle:Palette */ | | /* Modèle:Palette */ |
| /* ------------------------ */ | | /* ------------------------ */ |
| | |
| | .palette .mw-collapsible-toggle { |
| | float: right !important; |
| | } |
|
| |
|
| .palette .mw-collapsible-toggle a { | | .palette .mw-collapsible-toggle a { |
| 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 3 637 : |
Ligne 1 779 : |
| .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; |
| } | | } |
|
| |
|
| /* ------------------------------ */ | | /* ---------------------------------- */ |
| /* Modèle:Boîte de contenu de jeu */ | | /* Modèle:Portail de jeu */ |
| /* ------------------------------ */ | | /* ---------------------------------- */ |
|
| |
|
| .avt-content-game-box { | | .game-portal { |
| border: 1px solid var(--border-color-base--darker);
| | display: grid; |
| box-shadow: var(--box-shadow);
| | grid-gap: 1rem; |
| padding: 5px;
| | grid-template-areas: "welcome welcome" "talkto talkto" "content content" "articleday imageday"; |
| margin: 0.5em 0;
| | } |
| font-size: 0.85em;
| | .portal-welcome { |
| background-color: var(--box-background-color);
| | grid-area: welcome; |
| overflow: hidden; | | } |
| | .portal-talkto { |
| | grid-area: talkto; |
| | text-align: center; |
| | } |
| | .portal-content { |
| | grid-area: content; |
| | } |
| | .portal-box-title { |
| | text-align: center; |
| | font-size: 150%; |
| | margin: 0 50px 5px 50px; |
| | border-bottom: 1px solid var(--border-color-base); |
| | text-shadow: 0 0 8px var(--color-link); |
| | color: var(--color-link); |
| | } |
| | .portal-content-links { |
| | display: grid; |
| | grid-gap: 2rem; |
| | grid-template-columns: 1fr 1fr; |
| | padding: 1rem; |
| | } |
| | .portal-content-group-title { |
| | border-bottom: 1px dotted var(--border-color-base); |
| | font-size: 125%; |
| | } |
| | .portal-logo-fo1 { |
| | background-image: url(/images/6/69/Fo1_portail_armure.png); |
| | background-size: 123px; |
| | background-repeat: no-repeat; |
| | background-position: -3px -24px; |
| | } |
| | .portal-logo-fo2 { |
| | background-image: url(/images/2/2b/Fo2_portail_armure.png); |
| | background-size: 100px; |
| | background-repeat: no-repeat; |
| | background-position: -3px -30px; |
| | } |
| | .portal-logo-fot { |
| | background-image: url(/images/3/31/Fot_portail_armure-min.png); |
| | background-size: 123px; |
| | background-repeat: no-repeat; |
| | background-position: -3px -24px; |
| | } |
| | .portal-logo-fo3 { |
| | background-image: url(/images/c/c7/Fo3_portail_armure.png); |
| | background-size: 100px; |
| | background-repeat: no-repeat; |
| | background-position: -3px -24px; |
| | } |
| | .portal-logo-fnv { |
| | background-image: url(/images/2/28/Fnv_portail_ranger.png); |
| | background-size: 180px; |
| | background-repeat: no-repeat; |
| | background-position: -33px -24px; |
| | } |
| | .portal-logo-fo4 { |
| | background-image: url(/images/f/f0/Fo4_portail_h%C3%A9ros_et_son_chien.png); |
| | background-size: 80px; |
| | background-repeat: no-repeat; |
| | background-position: -3px -15px; |
| } | | } |
| .avt-content-game-box span.mw-collapsible-toggle { | | .portal-logo-fos { |
| float: right; | | background-image: url(/images/d/d4/Fos_portail_vaultboy.png); |
| padding: 0.25em 1em; | | background-size: 50px; |
| | background-repeat: no-repeat; |
| | background-position: -3px 0px; |
| } | | } |
| #avt-content-game-box-title {
| | .portal-logo-fo76 { |
| text-align: center;
| | background-image: url(/images/2/21/FO76_portail_resident_min.png); |
| border: 1px solid var(--border-color-base--darker);
| | background-size: 70px; |
| background-color: var(--background-color-dp-02);
| | background-repeat: no-repeat; |
| padding: 3px;
| | background-position: 0px 0px; |
| padding: 0.25em 8em; | |
| font-weight: bold; | |
| } | | } |
| .avt-content-game-box-list { | | .portal-logo-fotv { |
| margin: 0 !important;
| | background-image: url(/images/d/df/FOTV_portail_Goule_Lucy_Maximus_min.png); |
| padding: 5px !important;
| | background-size: 70px; |
| list-style: none;
| | background-repeat: no-repeat; |
| column-count: 2;
| | background-position: 0px 0px; |
| column-rule: 1px solid var(--border-color-base--darker);
| |
| } | | } |
|
| |
|
| /* ---------------------------------- */ | | /* ---------------------------------- */ |
| /* Pages d'aide */ | | /* Modèle:Références */ |
| /* ---------------------------------- */ | | /* ---------------------------------- */ |
|
| |
|
| .avt-help-homepage-title { | | .avt-references { |
| color: var(--color-warning); | | font-size: 0.8em; |
| text-align: center;
| | line-height: 1.6; |
| }
| |
| .avt-help-header { | |
| display: grid;
| |
| gap: 10px; | |
| grid-template-columns: 1fr 1fr;
| |
| padding: 20px;
| |
| border: 1px solid var(--border-color-base--darker);
| |
| background-color: var(--box-background-color);
| |
| box-shadow: var(--box-shadow);
| |
| justify-items: center;
| |
| align-items: center;
| |
| margin: 1em 0;
| |
| } | | } |
|
| |
|
| /* ------------------------------ */ | | /* ---------------------------------- */ |
| /* Modèle:Citation ligne */ | | /* Modèle:Référence Dialogue */ |
| /* ------------------------------ */ | | /* ---------------------------------- */ |
|
| |
|
| .np-quote-snd-trigger { | | .reference-dial { |
| display: inline-block; | | display: table; |
| position: relative;
| |
| top:auto;
| |
| left:auto;
| |
| padding: 0px 2px;
| |
| } | | } |
| .np-quote-snd-trigger:hover .np-quote-snd-player { | | .reference-dial-character { |
| display:block; | | display: table-cell; |
| | text-align: right; |
| | white-space: nowrap; |
| } | | } |
| .np-quote-snd-player { | | .reference-dial-text { |
| display:none; | | display: table-cell; |
| position:absolute;
| |
| top: -30px;
| |
| left: 100%;
| |
| z-index:100 !important;
| |
| width: 300px;
| |
| overflow-x: hidden;
| |
| margin: 0px;
| |
| padding: 5px 10px 10px 10px;
| |
| border: 1px solid var(--border-color-base--darker);
| |
| box-shadow: var(--box-shadow);
| |
| background-color: var(--box-background-color);
| |
| text-align: left;
| |
| font-size: 0.85em;
| |
| } | | } |
| .np-quote-snd-player-img { | | .reference-dial-row { |
| float: left; | | display: table-row; |
| width: 55px;
| |
| } | | } |
| .np-quote-snd-player-title {
| | |
| width: 250px; | | /* ---------------------------------- */ |
| height: 50px; | | /* Modèle:Références nombreuses */ |
| display: table-cell; | | /* ---------------------------------- */ |
| vertical-align: middle; | | |
| | .avt-references-many { |
| | height: 230px; |
| | overflow: auto; |
| | border: 1px solid var(--border-color-base); |
| | scrollbar-width: thin; |
| } | | } |
| .np-quote-snd-player-title span {
| | |
| font-size: 18px; | | /* ---------------------------------- */ |
| | /* Modèle:SPECIAL */ |
| | /* ---------------------------------- */ |
| | |
| | .avt-special-label { |
| | width: 10rem; |
| | display: inline-block; |
| } | | } |
|
| |
|
| /* ------------------------ */ | | /* -------------------------- */ |
| /* Extension:Tabber */ | | /* Modèle:Tableau d'artisanat */ |
| /* ------------------------ */ | | /* -------------------------- */ |
|
| |
|
| ul.tabbernav {
| | .artisanat { |
| border-bottom: 1px solid var(--border-color-base--darker); | | font-size: 0.85em; |
| | display: grid; |
| | grid-template-columns: 1fr 50px 1fr 50px 1fr; |
| | margin: 10px 0 10px 0; |
| } | | } |
| ul.tabbernav li a {
| | .artisanat-colonne-titre { |
| background: var(--background-color-dp-00); | | text-align: center; |
| border: 1px solid var(--border-color-base--darker); | | border: 1px solid var(--border-color-base); |
| | margin-bottom: 3px; |
| | background-color: var(--background-color-dp-02); |
| | padding: 3px; |
| | font-weight: bold; |
| | } |
| | .artisanat-colonne-liste > ul { |
| | list-style: none; |
| | margin: 0; |
| } | | } |
| ul.tabbernav li a:link { | | .artisanat-colonne-liste > ul > li { |
| color: var(--color-link); | | border: 1px solid var(--border-color-base); |
| | padding: 5px; |
| | margin-bottom: 3px; |
| | background: var(--box-background-color); |
| } | | } |
| .tabber .tabbertab { | | .artisanat-separateur { |
| border: 1px solid var(--border-color-base--darker); | | margin: auto; |
| border-top: 0;
| |
| } | | } |
| ul.tabbernav li.tabberactive a {
| | |
| background-color: var(--background-color-dp-04);
| | /* ------------------------------ */ |
| border-bottom: 1px solid var(--border-color-base--darker);
| | /* Modèle:Transcription */ |
| | /* ------------------------------ */ |
| | |
| | .va-transcript { |
| | line-height: 18px; |
| | padding: 10px 25px; |
| } | | } |
| ul.tabbernav li a:hover {
| | .va-transcript-icon { |
| color: var(--color-link); | | width: 40px; |
| background: var(--background-color-dp-04); | | z-index: -1; |
| border-color: var(--border-color-base--darker); | | position: relative; |
| | float: left; |
| | left: -25px; |
| | margin-right: -40px; |
| | top: -5px; |
| } | | } |
| ul.tabbernav li.tabberactive a:hover {
| | .va-transcript-text { |
| color: var(--color-base); | | font-family: monospace; |
| background: var(--background-color-dp-06);
| | font-size: 13px; |
| border-bottom: 1px solid var(--border-color-base--darker); | |
| } | | } |