|
|
(30 versions intermédiaires par 2 utilisateurs non affichées) |
Ligne 4 : |
Ligne 4 : |
|
| |
|
| :root { | | :root { |
| --background-color-dp-00: #020601;
| | --background-color-dp-00: #a9ceea; |
| --background-color-dp-01: #040d02;
| | --background-color-dp-01: #b1d2ec; |
| --background-color-dp-02: #071403;
| | --background-color-dp-02: #bad7ee; |
| --background-color-dp-03: #091b04;
| | --background-color-dp-03: #c2dcf0; |
| --background-color-dp-04: #0c2205;
| | --background-color-dp-04: #cbe1f2; |
| --background-color-dp-06: #0e2806;
| | --background-color-dp-06: #d4e6f4; |
| --background-color-dp-08: #102f07;
| | --background-color-dp-08: #dcebf6; |
| --background-color-dp-12: #133608;
| | --background-color-dp-12: #e5f0f8; |
| --background-color-dp-16: #153d09;
| | --background-color-dp-16: #edf5fa; |
| --background-color-dp-24: #18440b;
| | --background-color-dp-24: #f6fafc; |
| --background-color-overlay: rgba(0,0,0,0.99);
| | --background-color-overlay: rgba(0,0,0,0.99); |
| --background-color-overlay--lighter: rgba(19,26,33,0.6);
| | --background-color-overlay--lighter: rgba(19,26,33,0.6); |
| --background-color-framed: #040d02;
| | --background-color-framed: #040d02; |
| --background-color-framed--hover: #091b04;
| | --background-color-framed--hover: #091b04; |
| --background-color-framed--active: #020601;
| | --background-color-framed--active: #020601; |
| --background-color-input: rgba(0,0,0,0.5);
| | --background-color-input: rgba(0,0,0,0.5); |
| --background-color-icon: rgba(255,255,255,0.4);
| | --background-color-icon: rgba(255,255,255,0.4); |
| --background-color-icon--hover: rgba(255,255,255,0.6);
| | --background-color-icon--hover: rgba(255,255,255,0.6); |
| --background-color-icon--active: rgba(255,255,255,0.2);
| | --background-color-icon--active: rgba(255,255,255,0.2); |
| --background-color-quiet--hover: rgba(255,255,255,0.07);
| | --background-color-quiet--hover: rgba(255,255,255,0.07); |
| --background-color-quiet--active: rgba(255,255,255,0.03);
| | --background-color-quiet--active: rgba(255,255,255,0.03); |
| --background-color-primary--hover: #18440b;
| | --background-color-primary--hover: #18440b; |
| --background-color-primary--active: #26437f;
| | --background-color-primary--active: #26437f; |
| --background-color-destructive: #b32424;
| | --background-color-destructive: #b32424; |
| --background-color-warning: #ac6600;
| | --background-color-warning: #ac6600; |
| --background-color-success: #14866d;
| | --background-color-success: #14866d; |
| --background-main: #000100;
| | --background-img: #f6fafc; |
| --box-background-color: #000300;
| | --background-main: #fff; |
| --box-shadow: 0 0 10px #071403;
| | --box-background-color: #f6fafc; |
| --color-base: #999999;
| | --box-shadow: 0 0 10px #e9f2f9; |
| --color-base--emphasized: rgba(255,255,255,0.87);
| | --color-base: black; |
| --color-base--subtle: rgba(255,255,255,0.38);
| | --color-base--emphasized: rgba(255,255,255,0.87); |
| --color-primary: #51E527;
| | --color-base--subtle: rgba(255,255,255,0.38); |
| --color-primary--hover: #18440b;
| | --color-primary: #51E527; |
| --color-primary--active: #2a4b8d;
| | --color-primary--hover: #18440b; |
| --color-destructive: #0066cc;
| | --color-primary--active: #2a4b8d; |
| --color-destructive--hover: #e35b5b;
| | --color-destructive: #0066cc; |
| --color-destructive--active: #b32424;
| | --color-destructive--hover: #e35b5b; |
| --color-warning: #ffcc33;
| | --color-destructive--active: #b32424; |
| --color-success: #00af89;
| | --color-warning: #ffcc33; |
| --color-link: #51E527;
| | --color-success: #090a0a; |
| --color-link--hover: #18440b;
| | --color-link: #0645ad; |
| --color-link--active: #2a4b8d;
| | --color-link--hover: #18440b; |
| --color-link-new: #e35b5b;
| | --color-link--active: #2a4b8d; |
| --color-link-new--hover: #fee7e6;
| | --color-link-new: #EE474D; |
| --color-link-new--active: #b32424;
| | --color-link-new--hover: #fee7e6; |
| --opacity-base--disabled: 0.2;
| | --color-link-new--active: #b32424; |
| --opacity-icon-base: 0.4;
| | --opacity-base--disabled: 0.2; |
| --opacity-icon-base--hover: 0.6;
| | --opacity-icon-base: 0.4; |
| --opacity-icon-base--active: 0.2;
| | --opacity-icon-base--hover: 0.6; |
| --size-icon: 20px;
| | --opacity-icon-base--active: 0.2; |
| --border-color-base: rgba(255,255,255,0.05);
| | --size-icon: 20px; |
| --border-color-base--lighter: rgba(255,255,255,0.02);
| | --border-color-base: rgba(0, 0, 0, 0.1); |
| --border-color-base--darker: rgba(255,255,255,0.08);
| | --border-color-base--lighter: rgba(255,255,255,0.02); |
| --border-color-input: rgba(255,255,255,0.05);
| | --border-color-base--darker: #0000005e; |
| --border-color-input--hover: rgba(255,255,255,0.5);
| | --border-color-input: rgba(255,255,255,0.05); |
| --border-radius--small: 4px;
| | --border-color-input--hover: rgba(255,255,255,0.5); |
| --border-radius--medium: 8px;
| | --border-radius--small: 4px; |
| --border-radius--large: 12px;
| | --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; |
| | --icon-filter-full: invert(0); |
| | --icon-filter-half: invert(0); |
| } | | } |
| | |
| | /* ------------------------------ */ |
| | /* Général */ |
| | /* ------------------------------ */ |
|
| |
|
| /* Adaptation spéciale en fonction des dimensions de l'écran */ | | /* Adaptation spéciale en fonction des dimensions de l'écran */ |
| @media screen and (min-width: 720px) { | | @media all and (max-width:720px) { |
| .avt-infobox {
| | /* On vire le comportement qui aligne les images les unes en dessous des autres */ |
| clear: right;
| | .gallery .gallerybox { |
| float: right !important;
| | width: 0; |
| margin: 0 0 0.5em 1em;
| |
| max-width: 400px;
| |
| }
| |
| .avt-content-game-box {
| |
| max-width: 400px;
| |
| }
| |
| } | | } |
|
| |
| /* ################################################## */
| |
| /* ### THÈME GÉNÉRAL ### */
| |
| /* ################################################## */
| |
|
| |
| /* Arrière-plan et bordure */
| |
| #content {
| |
| background: url(/skins/Vector/images/background/coolblack.png);
| |
| border-top: 1px solid #51E527;
| |
| border-bottom: 1px solid #51E527;
| |
| } | | } |
| | | @media screen and (min-width: 720px) { |
| /* Couleur du texte */
| | .avt-infobox { |
| body {
| | clear: right; |
| color: #F5F7F2;
| | float: right !important; |
| }
| | margin: 0 0 0.5em 1em; |
| | | max-width: 400px; |
| .animations #mw-mf-page-center { | |
| background-color: #191919;
| |
| } | | } |
| | | .avt-content-game-box { |
| /* Pied des articles */
| | max-width: 400px; |
| #footer {
| |
| background-color: #191919;
| |
| } | | } |
| | | .avt-game-listpage { |
| /* ################################################## */
| | float: right; |
| /* ### LIENS ### */
| | margin: 0 0 0.5em 1em; |
| /* ################################################## */
| | max-width: 20rem; |
| | | width: 100%; |
| a, a:visited {
| |
| text-decoration: none;
| |
| color: #51E527;
| |
| } | | } |
|
| |
| a.new, a.new:visited, a.new:hover {
| |
| color: #EE474D;
| |
| } | | } |
|
| |
|
| /* ################################################## */ | | /* ----------------------- */ |
| /* ### TABLE DES MATIÈRES ### */ | | /* Galerie pages-listes */ |
| /* ################################################## */ | | /* ----------------------- */ |
|
| |
|
| .client-js .toc-mobile { | | .avt-gallery-list-page { |
| background-color: rgba(58,58,58,0.2);
| | text-align: center; |
| border: 1px solid #51E527;
| | margin: 0.3em 0 0 0 !important; |
| }
| | padding: 0 !important; |
| | |
| /* ################################################## */
| |
| /* ### GALERIES (<gallery>...</gallery> ### */
| |
| /* ################################################## */
| |
| | |
| li.gallerybox div.thumb {
| |
| border: 1px solid #383838;
| |
| background-color: rgba(58, 58, 58, 0.2);
| |
| }
| |
| | |
| /* ################################################## */
| |
| /* ### BACKGROUND PARTAGÉ ### */
| |
| /* ################################################## */
| |
|
| |
| .va-forum-index th,
| |
| .va-forum-search th,
| |
| .va-infobox-title,
| |
| .va-navbox-title,
| |
| .va-portal-section-header {
| |
| background: url(/skins/Vector/images/background/foggy.png) !important;
| |
| }
| |
| | |
| /* ################################################## */
| |
| /* ### BOITE GÉNÉRIQUE (modèles mineurs) ### */
| |
| /* ################################################## */
| |
|
| |
| .va-genericbox {
| |
| background: #383838;
| |
| border: 1px solid #AAA;
| |
| }
| |
| | |
| /* ################################################## */
| |
| /* ### PORTAILS ### */
| |
| /* ################################################## */
| |
| | |
| #accueil_titre, .portaildroite {
| |
| display: none;
| |
| }
| |
| | |
| .globegris {
| |
| background-image: url(/skins/common/images/wiki.png);
| |
| }
| |
| | |
| .portailhaut {
| |
| 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;
| |
| } | | } |
| | | .avt-gallery-list-page li.gallerybox div.thumb { |
| .portailgauche { | | border: none; |
| width:100%;
| | background-color: transparent; |
| border:0px solid #383838;
| |
| vertical-align:top;
| |
| background:rgba(58, 58, 58, 0.2);
| |
| padding: 0px 10px 10px 0px;
| |
| border-radius:10px;
| |
| } | | } |
|
| |
|
| .portaildroite {
| | /* ----------------------- */ |
| width:100%;
| | /* Tables personnalisées */ |
| border:1px solid #383838;
| | /* ----------------------- */ |
| background:rgba(58, 58, 58, 0.2);
| |
| vertical-align:top;
| |
| padding: 0px 10px 10px 0px;
| |
| border-radius:10px;
| |
| }
| |
|
| |
|
| .logoportailfo1 {
| |
| background-image: url(http://www.fallout-wiki.com/images/6/69/Fo1_portail_armure.png);
| |
| background-size: 392px;
| |
| background-position: -85px -67px;
| |
| }
| |
|
| |
| .logoportailfo2 {
| |
| background-image: url(http://www.fallout-wiki.com/images/2/2b/Fo2_portail_armure.png);
| |
| background-size: 231px auto;
| |
| background-position:-2px -50px;
| |
| }
| |
|
| |
| .logoportailfot {
| |
| background-image: url(http://www.fallout-wiki.com/images/3/31/Fot_portail_armure-min.png);
| |
| background-size: 224px;
| |
| background-position:-9px -19px;
| |
| }
| |
|
| |
| .logoportailfo3 {
| |
| background-image: url(http://www.fallout-wiki.com/images/c/c7/Fo3_portail_armure.png);
| |
| background-size: 304px auto;
| |
| background-position:-72px -73px;
| |
| }
| |
|
| |
| .logoportailfnv {
| |
| background-image: url(http://www.fallout-wiki.com/images/2/28/Fnv_portail_ranger.png);
| |
| background-size: 418px auto;
| |
| background-position:-114px -42px;
| |
| }
| |
|
| |
| .logoportailfos {
| |
| background-image: url(http://www.fallout-wiki.com/images/d/d4/Fos_portail_vaultboy.png);
| |
| background-size: 184px auto;
| |
| background-position:11px -17px;
| |
| }
| |
|
| |
| /* TOC */
| |
| .va-portal-toc {
| |
| border-collapse: collapse;
| |
| font-size: 95%;
| |
| width: 100%;
| |
| }
| |
|
| |
| /* ################################################## */
| |
| /* ### CITATIONS (Modèle:Citation) ### */
| |
| /* ################################################## */
| |
|
| |
| .va-citation {
| |
| overflow: hidden;
| |
| line-height: 18px;
| |
| padding: 10px 25px;
| |
| }
| |
|
| |
| .va-citation-body {
| |
| display: block;
| |
| }
| |
|
| |
| .va-citation-quote {
| |
| display: block;
| |
| position: relative;
| |
| z-index: 1;
| |
| }
| |
|
| |
| .va-citation-left,
| |
| .va-citation-right {
| |
| border-bottom: 1px solid #AAA;
| |
| border-top: 1px solid #AAA;
| |
| width: 200px;
| |
| }
| |
|
| |
| .va-citation-left {
| |
| clear: left;
| |
| float: left;
| |
| margin: 10px 10px 10px 0;
| |
| }
| |
|
| |
| .va-citation-right {
| |
| clear: right;
| |
| float: right;
| |
| margin: 10px 0 10px 10px;
| |
| }
| |
|
| |
| .va-citation-center {
| |
| text-align: center;
| |
| }
| |
|
| |
| .va-citation-center .va-citation-body {
| |
| display: inline-block;
| |
| }
| |
|
| |
| .va-citation-quot-l,
| |
| .va-citation-quot-r {
| |
| position: absolute;
| |
| color: rgba(255, 255, 255, 0.2);
| |
| font: bold 55px/40px serif;
| |
| height: 18px;
| |
| width: 40px;
| |
| z-index: -1;
| |
| }
| |
|
| |
| .va-citation-quot-l {
| |
| top: -2px;
| |
| left: -16px;
| |
| text-align: left;
| |
| }
| |
|
| |
| .va-citation-quot-r {
| |
| bottom: 2px;
| |
| right: -16px;
| |
| text-align: right;
| |
| }
| |
|
| |
| .va-citation-text {
| |
| display: block;
| |
| margin-top: -0.4em;
| |
| text-align: left;
| |
| font-size: 14px;
| |
| font-style: italic;
| |
| }
| |
|
| |
| .va-citation-text ol,
| |
| .va-citation-text p,
| |
| .va-citation-text ul {
| |
| margin-bottom: 0;
| |
| }
| |
|
| |
| va-citation-source {
| |
| font-size: 12px;
| |
| }
| |
|
| |
| /* ################################################## */
| |
| /* ### TABLEAUX ### */
| |
| /* ################################################## */
| |
|
| |
| .va-table { | | .va-table { |
| background-color: #383838;
| | box-shadow: var(--box-shadow); |
| border-collapse: collapse;
| | background-color: var(--box-background-color); |
| empty-cells: show;
| | border-collapse: collapse; |
| font-size: 11px;
| | empty-cells: show; |
| line-height: 16px;
| | font-size: 12px; |
| margin-bottom: 5px;
| | line-height: 16px; |
| color: #D7D7D7;
| | font-family: sans-serif; |
| font-family: sans-serif;
| |
| } | | } |
|
| |
| .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 #676767;
| | border: 1px solid var(--border-color-base); |
| padding: 1px 2px;
| | padding: 1px 2px; |
| } | | } |
|
| |
| .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: #D7C57B;
| |
| }
| |
|
| |
| .va-table th a:visited {
| |
| color: #918347;
| |
| }
| |
|
| |
| /* Collapse button */
| |
| .va-table .mw-collapsible-toggle a {
| |
| color: #D7C57B;
| |
| } | | } |
|
| |
| /* 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 402 : |
Ligne 166 : |
| .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 439 : |
Ligne 199 : |
| .va-table-center-col14 > * > tr > *:first-child + * + * + * + * + * + * + * + * + * + * + * + * + td, | | .va-table-center-col14 > * > tr > *:first-child + * + * + * + * + * + * + * + * + * + * + * + * + td, |
| .va-table-center-col15 > * > tr > *:first-child + * + * + * + * + * + * + * + * + * + * + * + * + * + td { | | .va-table-center-col15 > * > tr > *:first-child + * + * + * + * + * + * + * + * + * + * + * + * + * + td { |
| text-align: center;
| | text-align: center; |
| } | | } |
|
| |
| .va-table-left > tr > td, | | .va-table-left > tr > td, |
| .va-table-left > * > tr > td, | | .va-table-left > * > tr > td, |
Ligne 459 : |
Ligne 218 : |
| .va-table-left-col14 > * > tr > *:first-child + * + * + * + * + * + * + * + * + * + * + * + * + td, | | .va-table-left-col14 > * > tr > *:first-child + * + * + * + * + * + * + * + * + * + * + * + * + td, |
| .va-table-left-col15 > * > tr > *:first-child + * + * + * + * + * + * + * + * + * + * + * + * + * + td { | | .va-table-left-col15 > * > tr > *:first-child + * + * + * + * + * + * + * + * + * + * + * + * + * + td { |
| text-align: left;
| | text-align: left; |
| } | | } |
|
| |
| .va-table-right > tr > td, | | .va-table-right > tr > td, |
| .va-table-right > * > tr > td, | | .va-table-right > * > tr > td, |
Ligne 479 : |
Ligne 237 : |
| .va-table-right-col14 > * > tr > *:first-child + * + * + * + * + * + * + * + * + * + * + * + * + td, | | .va-table-right-col14 > * > tr > *:first-child + * + * + * + * + * + * + * + * + * + * + * + * + td, |
| .va-table-right-col15 > * > tr > *:first-child + * + * + * + * + * + * + * + * + * + * + * + * + * + td { | | .va-table-right-col15 > * > tr > *:first-child + * + * + * + * + * + * + * + * + * + * + * + * + * + td { |
| text-align: right;
| | text-align: right; |
| } | | } |
|
| |
| /* Tables which are full width */ | | /* Tables which are full width */ |
| .va-table-full { | | .va-table-full { |
| width: 960px;
| | 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: 680px;
| | width: 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; |
| } | | } |
|
| |
|
| /* ################################################## */ | | /* |
| /* ### INFOBOXES (Template:Infobox) ### */ | | --------------------------------------------------- |
| /* ################################################## */ | | Templates & Modules |
|
| | --------------------------------------------------- |
| /* Outer table */ | | le style ci-dessous défini l'apparence des modèles |
| .va-infobox { | | et des modules. |
| border: 1px solid #383838;
| | Les modèles doivent être rangés dans l'ordre |
| clear: right;
| | alphabétique. |
| float: right;
| | --------------------------------------------------- |
| font-size: 11px;
| | */ |
| line-height: 16px;
| | |
| margin: 0 0 5px 10px;
| | /* ------------------------------ */ |
| font-family: sans-serif;
| | /* Modèle:Boîte déroulante */ |
| | /* ------------------------------ */ |
| | |
| | .avt-dropdown-box { |
| | margin: 0.5em 0; |
| | padding: 3px; |
| | border: 1px solid var(--border-color-base); |
| | overflow: auto; |
| } | | } |
|
| | .avt-dropdown-box-title { |
| /* Inner tables */
| | text-align: center; |
| .va-infobox-cont, | | background-color: var(--background-color-dp-02); |
| .va-infobox-group {
| |
| margin: 0;
| |
| width: 100%;
| |
| } | | } |
|
| | .avt-dropdown-box-content { |
| .va-infobox-mainimage-table { | | padding: 0 5px; |
| margin: 0 auto;
| |
| } | | } |
|
| | .avt-dropdown-box .mw-collapsible-toggle { |
| .va-infobox-mainimage-table + .va-infobox-mainimage-table { | | padding-right: 0.5em; |
| margin-top: 2px;
| |
| } | | } |
|
| | |
| /* Cellspacing */ | | /* ------------------------------ */ |
| .va-infobox,
| | /* Modèle:Citation */ |
| .va-infobox-cont,
| | /* ------------------------------ */ |
| .va-infobox-group,
| | |
| .va-infobox-mainimage-table,
| | blockquote { |
| .va-infobox-spacing-h,
| | border-left: none; |
| .va-infobox-spacing-v {
| | margin: 0 auto; |
| margin: 0 !important;
| |
| background: transparent;
| |
| } | | } |
|
| | q::before, q::after { |
| .va-infobox-spacing-h {
| | content: ""; |
| /* border-right: 1px solid #FFF; */
| |
| width: 0%;
| |
| } | | } |
|
| | blockquote small { |
| .va-infobox-spacing-v {
| | margin-bottom: 10px; |
| font-size: 1px;
| | display: block; |
| height: 1px;
| | padding-left: 150px; |
| line-height: 0;
| |
| } | | } |
|
| | blockquote small, q small { |
| .va-infobox-columns + .va-infobox-spacing {
| | font-size: inherit; |
| display: none !important;
| |
| } | | } |
|
| | blockquote .mediaContainer { |
| /* Widths */
| | display: inline-block; |
| .va-infobox-columns-1 .va-infobox-col1 { | |
| width: 100%;
| |
| } | | } |
|
| | |
| .va-infobox-columns-2 .va-infobox-col1,
| | /* ------------------------------ */ |
| .va-infobox-columns-3 .va-infobox-col1,
| | /* Modèle:Console */ |
| .va-infobox-columns-4 .va-infobox-col1 {
| | /* ------------------------------ */ |
| width: 28%;
| | |
| | .va-console{ |
| | background-color: #cfc; |
| | color: #000; |
| | font-family: monospace; |
| | padding: 2px |
| } | | } |
|
| | .va-console-cmd { |
| .va-infobox-columns-2 .va-infobox-col2 {
| | color:#555; |
| width: 72%;
| |
| } | | } |
|
| | |
| .va-infobox-columns-3 .va-infobox-col2,
| | /* ------------------------------ */ |
| .va-infobox-columns-3 .va-infobox-col3 {
| | /* Modèle:Infobox */ |
| width: 36%;
| | /* ------------------------------ */ |
| | |
| | /* Fix de l'infobox natif */ |
| | .content .infobox th, .content .infobox td { |
| | border-bottom: none; |
| } | | } |
|
| | |
| .va-infobox-columns-4 .va-infobox-col2, | | .avt-infobox { |
| .va-infobox-columns-4 .va-infobox-col3,
| | background-color: var(--box-background-color) !important; |
| .va-infobox-columns-4 .va-infobox-col4 { | | border: 1px solid var(--border-color-base--darker) !important; |
| width: 24%;
| | font-size: 0.9em !important;; |
| | line-height: 1.4; |
| | word-wrap: break-word; |
| | box-shadow: var(--box-shadow); |
| } | | } |
|
| | .avt-infobox-header { |
| /* Cell styles */
| | padding: 3px; |
| .va-infobox-content, | | text-align: center; |
| .va-infobox-footer, | | font-size: 1.4em; |
| .va-infobox-header,
| | line-height: 1.1; |
| .va-infobox-image,
| | margin-bottom: 10px; |
| .va-infobox-label,
| | background-color: var(--background-color-dp-02); |
| .va-infobox-title {
| | display: grid; |
| padding: 1px 2px;
| | 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, |
| .va-infobox-content, | | .avt-infobox-header-title, |
| .va-infobox-footer, | | .avt-infobox-header-subhead { |
| .va-infobox-image, | | justify-self: center; |
| .va-infobox-mainimage {
| | align-self: center; |
| background: rgba(58,58,58,0.2);
| |
| border-top: 1px solid #383838;
| |
| border-bottom: 1px solid #383838;
| |
| } | | } |
|
| | .avt-infobox-header-icon { |
| .va-infobox-header, | | grid-area: 1 / 3 / 4 / 4; |
| .va-infobox-icon,
| | opacity: 0.1; |
| .va-infobox-label {
| |
| background: #171717;
| |
| color: #E1E4E1;
| |
| border-top: 1px solid #383838;
| |
| border-bottom: 1px solid #383838;
| |
| } | | } |
|
| | .avt-infobox-header-title { |
| .va-infobox-image,
| | grid-area: 2 / 1 / 4 / 4; |
| .va-infobox-footer,
| | font-weight: bold; |
| .va-infobox-header, | |
| .va-infobox-icon,
| |
| .va-infobox-mainimage,
| |
| .va-infobox-mainimage-cont,
| |
| .va-infobox-mainimage-image {
| |
| text-align: center;
| |
| vertical-align: middle;
| |
| } | | } |
|
| | .avt-infobox-header-subhead { |
| .va-infobox-content { | | grid-area: 1 / 1 / 2 / 4; |
| text-align: left;
| | font-size: 0.6em; |
| vertical-align: top;
| |
| color: #D7D7D7;
| |
| } | | } |
|
| | .avt-infobox-images { |
| .va-infobox-label { | | text-align: center; |
| cursor: default;
| | display: flex; |
| text-align: right;
| | justify-content: space-around; |
| vertical-align: top;
| | align-items: center; |
| | padding: 2px 0; |
| } | | } |
|
| | .avt-infobox-images a { |
| .va-infobox-icon-cont { | | max-width: 100%; |
| margin: 0;
| | flex: 0 0 auto; |
| padding: 0;
| |
| position: relative;
| |
| } | | } |
|
| | .avt-infobox-images img { |
| .va-infobox-icon-table { | | max-width: 100%; |
| margin: 0 auto;
| | height: auto; |
| } | | } |
|
| | .avt-infobox-images-legend { |
| .va-infobox-mainimage-cont + .va-infobox-icon-table {
| | text-align: center; |
| position: absolute;
| | font-size: 0.8em; |
| right: 3px;
| |
| top: 1px;
| |
| } | | } |
|
| | .avt-infobox table { |
| /* FIXME: Find better method to prevent column width oddities in IE8/Webkit */
| | width: 100%; |
| .va-infobox-image { | | margin: 5px 0; |
| max-width: 0;
| | table-layout: fixed; |
| | border-collapse: collapse; |
| | display: table; |
| } | | } |
|
| | .avt-infobox caption { |
| .va-infobox-image-cont { | | text-align: center !important; |
| margin-right: -100%;
| | display: table-caption; |
| text-align: center;
| |
| width: 100%;
| |
| } | | } |
|
| | .avt-infobox p.bloc, |
| .va-infobox-image-desc { | | .avt-infobox caption { |
| font-size: 10px;
| | font-weight: bold; |
| line-height: 15px;
| | line-height: 1.1; |
| padding: 1px 1px 0;
| | margin: 0 0 5px 0; |
| color: #D7D7D7;
| | padding: 4px !important; |
| | background-color: var(--background-color-dp-02) !important;; |
| } | | } |
|
| | .avt-infobox th[scope="row"], |
| .va-infobox-image-upload { | | .avt-infobox td { |
| padding: 15px 3px;
| | padding: 7px 10px; |
| | vertical-align: super; |
| } | | } |
|
| | .avt-infobox th[scope="row"] { |
| .va-infobox-mainimage { | | text-align: left; |
| padding: 2px 0;
| | padding-right: 10px; |
| | width: 8em; |
| | max-width: 140px; |
| | word-wrap: normal; |
| } | | } |
|
| | .avt-infobox span.mw-collapsible-toggle { |
| .va-infobox-mainimage-cont { | | float: right; |
| margin: 0;
| |
| width: 100%;
| |
| } | | } |
|
| | .avt-infobox span.mw-collapsible-toggle a { |
| .va-infobox-mainimage-image { | | color: var(--color-base) |
| background: transparent;
| |
| padding: 0 1px;
| |
| } | | } |
|
| | |
| .va-infobox-mainimage-minheight { | | /* ------------------------------ */ |
| width: 0%;
| | /* Modèle:Bandeau de source */ |
| | /* ------------------------------ */ |
| | |
| | .avt-source-banner { |
| | margin: 0.5em 0; |
| | display: inline-flex; |
| | gap: 8px; |
| } | | } |
|
| | .avt-source-banner-img { |
| .va-infobox-mainimage-minheight div { | | margin: auto; |
| height: 120px;
| |
| margin: 0;
| |
| padding: 0;
| |
| width: 1px;
| |
| } | | } |
|
| | .avt-source-banner-text { |
| .va-infobox-title { | | padding: 5px; |
| /* Shared background; see top of page */
| | font-size: 0.9em; |
| color: #FFF;
| | border-top: 1px solid var(--border-color-base); |
| text-align: center;
| | border-bottom: 1px solid var(--border-color-base); |
| vertical-align: middle;
| |
| width: 100%;
| |
| } | | } |
|
| | |
| .va-infobox-title-main { | | /* ------------------------------ */ |
| font-size: 15px;
| | /* Modèle:Boîte de contenu de jeu */ |
| font-weight: bold;
| | /* ------------------------------ */ |
| line-height: 20px;
| | |
| | .avt-content-game-box { |
| | float: right; |
| | border: 1px solid var(--border-color-base); |
| | box-shadow: var(--box-shadow); |
| | margin: 0 0 0.5em 1em; |
| | font-size: 0.85em; |
| | background-color: var(--box-background-color); |
| | overflow: hidden; |
| } | | } |
|
| | #avt-content-game-box-title { |
| .va-infobox-title-sub {
| | text-align: center; |
| font-size: 12px;
| | background-color: var(--background-color-dp-02); |
| line-height: 15px;
| | padding: 3px; |
| } | | } |
|
| | .avt-content-game-box-list { |
| .va-infobox-title-super { | | margin: 0 !important; |
| font-size: 10px;
| | padding: 5px !important; |
| line-height: 12px;
| | list-style: none !important;; |
| }
| | column-count: 2; |
|
| | column-rule: 1px solid var(--border-color-base); |
| .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: #D7C57B;
| |
| }
| |
|
| |
| /* Links */
| |
| .va-infobox-title a:link,
| |
| .va-infobox-title a:visited {
| |
| color: #D7C57B !important;
| |
| }
| |
| .va-infobox-title a:hover,
| |
| .va-infobox-title a:active {
| |
| color: #D7C57B !important;
| |
| }
| |
| .va-infobox-title a.new {
| |
| color: #F11 !important;
| |
| }
| |
|
| |
| .va-infobox-label a {
| |
| color: #D7C57B;
| |
| }
| |
|
| |
| .va-infobox-label a:visited {
| |
| color: #918347;
| |
| }
| |
|
| |
| /* 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;
| |
| } | | } |
|
| |
|
| /* ################################################## */ | | /* ------------------------ */ |
| /* ### NAVBOXES (Template:Navbox) ### */ | | /* Modèle:Liste horizontale */ |
| /* ################################################## */ | | /* ------------------------ */ |
|
| | |
| /* Outer table - border */
| | .liste-horizontale ul, |
| .va-navbox-border { | | .liste-horizontale li { |
| border-top: 1px solid #51E527;
| | margin-left: 0 !important; |
| border-bottom: 1px solid #51E527;
| | padding-left: 0 !important; |
| | display: inline; |
| } | | } |
|
| | .liste-horizontale ul:after { |
| .va-navbox-bottom + .va-navbox-bottom { | | white-space: normal; |
| margin-top: 2px;
| |
| } | | } |
|
| | .liste-horizontale li:after { |
| /* Outer table - widths, floats */
| | content: " "; /* au cas ou Mediawiki supprime les retours ligne */ |
| .va-navbox { | |
| font-size: 11px;
| |
| line-height: 16px;
| |
| width: 100%;
| |
| } | | } |
|
| | .liste-horizontale li + li:before { |
| .va-navbox-bottom { | | white-space: normal; |
| clear: both;
| | content: "· "; |
| margin: 5px auto 0;
| | font-weight: bold; |
| width: 100%;
| |
| } | | } |
|
| | .liste-horizontale li li:first-child:before { |
| .va-navbox-left { | | white-space: normal; |
| clear: left;
| | content: " ("; |
| float: left;
| |
| margin: 0 1.5em 0.5em 0;
| |
| width: 240px;
| |
| } | | } |
|
| | .liste-horizontale li ul:after { |
| .va-navbox-right { | | content: ")"; |
| clear: right;
| | margin-left: -0.28em; |
| 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 #FFF;
| |
| 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;
| |
| }
| |
|
| |
| .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-top: 1px solid #AAA;
| |
| border-bottom: 1px solid #AAA;
| |
| }
| |
|
| |
| .va-navbox-colgroup,
| |
| .va-navbox-subgroup {
| |
| background: #2A2A2A;
| |
| border-top: 1px solid #AAA;
| |
| border-bottom: 1px solid #AAA;
| |
| }
| |
|
| |
| .va-navbox-cell,
| |
| .va-navbox-column,
| |
| .va-navbox-image {
| |
| background: #383838;
| |
| border-top: 1px solid #AAA;
| |
| border-bottom: 1px solid #AAA;
| |
| }
| |
|
| |
| .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: #D7C57B;
| |
| }
| |
|
| |
| .va-navbox-group a:visited, .va-navbox-footer a:visited {
| |
| color: #918347;
| |
| }
| |
|
| |
| /* 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: #AFA000 !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;
| |
| }
| |
| } | | } |
|
| |
|
| /* ################################################## */ | | /* ------------------------ */ |
| /* ### ICONS (Template:Icon) ### */
| | /* Modèle:Palette */ |
| /* ################################################## */
| | /* ------------------------ */ |
|
| |
| .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://hydra-images.cursecdn.com/fallout.gamepedia.com/thumb/0/0f/Icon_check.png/20px-Icon_check.png);
| |
| }
| |
| .va-icon-normal .va-icon-highuse-check {
| |
| background-image: url(http://hydra-images.cursecdn.com/fallout.gamepedia.com/thumb/0/0f/Icon_check.png/14px-Icon_check.png);
| |
| }
| |
|
| |
| .va-icon-big .va-icon-highuse-checkbrown {
| |
| background-image: url(http://hydra-images.cursecdn.com/fallout.gamepedia.com/thumb/c/c3/Icon_check_temp.png/20px-Icon_check_temp.png);
| |
| }
| |
| .va-icon-normal .va-icon-highuse-checkbrown {
| |
| background-image: url(http://hydra-images.cursecdn.com/fallout.gamepedia.com/thumb/c/c3/Icon_check_temp.png/14px-Icon_check_temp.png);
| |
| }
| |
|
| |
| .va-icon-big .va-icon-highuse-cross {
| |
| background-image: url(http://hydra-images.cursecdn.com/fallout.gamepedia.com/thumb/e/e4/Icon_cross.png/20px-Icon_cross.png);
| |
| }
| |
| .va-icon-normal .va-icon-highuse-cross {
| |
| background-image: url(http://hydra-images.cursecdn.com/fallout.gamepedia.com/thumb/e/e4/Icon_cross.png/14px-Icon_cross.png);
| |
| }
| |
|
| |
|
| /* ################################################## */
| | .palette .mw-collapsible-toggle a { |
| /* ### TABLEAUX STATS (Modèle:Stats créature) ### */
| | color: var(--color-base); |
| /* ################################################## */
| |
|
| |
| .va-stats-creature-name { | |
| text-align: center;
| |
| } | | } |
|
| | .palette-groupe { |
| .va-stats-creature-icontable {
| | border-top: 2px solid var(--box-background-color); |
| margin: 0 auto;
| | font-weight: bold; |
| | text-align: right; |
| | white-space: normal; |
| } | | } |
|
| | .palette-banniere, |
| .va-stats-creature-icontable td { | | .palette-groupe, |
| border: none;
| | .palette-section { |
| vertical-align: top;
| | background: var(--background-color-dp-03); |
| } | | } |
|
| | .palette-listes .palette-groupe { |
| .va-stats-creature-icon { | | background: var(--background-color-dp-04); |
| font-weight: bold;
| |
| left: 0;
| |
| position: absolute;
| |
| text-align: center;
| |
| top: 0;
| |
| width: 20px;
| |
| } | | } |
|
| | .palette { |
| .va-stats-creature-item { | | clear: both; |
| min-width: 10px;
| | margin: 1em 0 1em 0; |
| padding: 0 2px 0 22px;
| | padding: 3px; |
| position: relative;
| | font-size: 88%; |
| | border: 1px solid var(--border-color-base); |
| } | | } |
|
| | .palette ul, |
| .va-stats-creature-item + .va-stats-creature-item { | | .palette li, |
| margin-top: 2px;
| | .palette p { |
| | margin: 0 !important; |
| | padding: 0 !important; |
| | line-height: 1.6em; |
| | list-style: none none; |
| } | | } |
|
| | .palette-liens { |
| .va-stats-creature-icontable-full, | | float: left; |
| .va-stats-creature-layout-1 td {
| | font-variant: small-caps; |
| width: 100%;
| |
| } | | } |
|
| | .palette-liens a { |
| .va-stats-creature-layout-2 td { | | background: none !important; |
| width: 50%;
| | padding: 0 !important; |
| } | | } |
|
| | .palette span.mw-collapsible-toggle { |
| .va-stats-creature-layout-3 td { | | float: right; |
| width: 33%;
| |
| } | | } |
|
| | .palette-liens, |
| .va-stats-creature-layout-3 td:first-child { | | .palette .mw-collapsible-toggle, |
| width: 34%;
| | .palette-groupe { |
| | padding: 0.25em 1em; |
| } | | } |
|
| | .palette-titre { |
| .va-stats-creature-layout-4 td {
| | background-color: var(--background-color-dp-02); |
| width: 25%;
| |
| } | | } |
| | | .palette-titre, |
| /* ################################################## */
| | .palette-section { |
| /* ### BOITE COPYRIGHT (Modèle:Copyrightbox) ### */
| | font-size: 105%; |
| /* ################################################## */
| | font-weight: bold; |
|
| | padding: 0.25em 8em; |
| .va-copybox { | | text-align: center; |
| background-color: #868686;
| |
| border: 1px solid #A8ACA8;
| |
| border-collapse: collapse;
| |
| clear: both;
| |
| color: #000;
| |
| font-size: 11px;
| |
| line-height: 16px;
| |
| margin: 10px 0;
| |
| padding: 3px 5px;
| |
| width: 100%;
| |
| font-family: sans-serif;
| |
| } | | } |
|
| | .palette-banniere, |
| .va-copybox th { | | .palette-liste, |
| padding: 1px 0 1px 5px;
| | .palette-liste-simple { |
| text-align: center;
| | padding: 0.25em; |
| vertical-align: middle;
| |
| width: 30px;
| |
| } | | } |
|
| | .palette-liste, |
| .va-copybox td { | | .palette-listes { |
| padding-left: 5px;
| | width: 100%; |
| } | | } |
|
| | .palette-groupe, |
| .va-copybox + .va-copybox { | | .palette-banniere, |
| margin-top: -8px;
| | .mw-collapsible-content > ul > li > .palette-liste-simple { |
| | text-align: center; |
| } | | } |
|
| | div.palette-image { |
| /* Printing */
| | padding: 0.25em 0 0.25em 0.25em; |
| @media print {
| | width: 1%; |
| .va-copybox {
| |
| background-color: transparent;
| |
| }
| |
| } | | } |
|
| |
|
| /* ################################################## */ | | /* ------------------------------ */ |
| /* ### BOITES GESTION (Modèle:Directionbox) ### */ | | /* Modèle:Documentation */ |
| /* ################################################## */ | | /* ------------------------------ */ |
|
| |
| .va-dirbox {
| |
| 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;
| |
| }
| |
|
| |
| .va-dirbox + .va-dirbox {
| |
| margin-top: -3px;
| |
| }
| |
|
| |
| .va-dirbox th {
| |
| line-height: 20px;
| |
| padding: 1px 0 1px 5px;
| |
| text-align: center;
| |
| vertical-align: middle;
| |
| width: 40px;
| |
| }
| |
|
| |
| .va-dirbox th div {
| |
| margin: 0;
| |
| padding: 0;
| |
| text-align: center;
| |
| width: 25px;
| |
| }
| |
|
| |
| .va-dirbox td {
| |
| padding: 1px 5px;
| |
| width: 100%;
| |
| }
| |
|
| |
| /* Printing */
| |
| @media print {
| |
| .va-dirbox {
| |
| display: none;
| |
| }
| |
| }
| |
|
| |
|
| /* ################################################## */
| |
| /* ### MODÈLE DE DOCUMENTATION ### */
| |
| /* ### (Modèle:Docparam/Template:Documentation) ### */
| |
| /* ################################################## */
| |
|
| |
| /* Template: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: black;
| |
| }
| |
|
| |
| .va-docparam-desc {
| |
| margin: 0;
| |
| padding: 0 0 5px 20px;
| |
| }
| |
|
| |
| /* Template:Documentation */
| |
| .va-documentation, | | .va-documentation, |
| .va-documentation-bar-top, | | .va-documentation-bar-top, |
| .va-documentation-bar-bottom { | | .va-documentation-bar-bottom { |
| border-color: #AAA;
| | border-color: var(--border-color-base); |
| border-style: solid;
| | border-style: solid; |
| clear: both;
| | clear: both; |
| } | | } |
|
| |
| .va-documentation { | | .va-documentation { |
| border-width: 1px;
| | border-width: 1px; |
| margin: 10px 0;
| | margin: 10px 0; |
| background: rgba(188,226,199,0.5);
| | box-shadow: var(--box-shadow); |
| color: black;
| | background: var(--box-background-color); |
| } | | } |
|
| |
| .va-documentation-bar-top, | | .va-documentation-bar-top, |
| .va-documentation-bar-bottom { | | .va-documentation-bar-bottom { |
| background: rgb(0, 121, 0) none repeat scroll 0% 0%;
| | background-color: var(--background-color-dp-02); |
| color: #000;
| | margin: 0; |
| margin: 0;
| | padding: 10px; |
| padding: 5px;
| |
| } | | } |
|
| |
| .va-documentation-bar-top { | | .va-documentation-bar-top { |
| border-width: 0 0 1px 0;
| | border-width: 0 0 1px 0; |
| } | | } |
|
| |
| .va-documentation-bar-bottom { | | .va-documentation-bar-bottom { |
| border-width: 1px 0 0 0;
| | border-width: 1px 0 0 0; |
| text-align: right;
| | text-align: right; |
| } | | } |
|
| |
| .va-documentation-links { | | .va-documentation-links { |
| float: right;
| | float: right; |
| text-align: right;
| | text-align: right; |
| } | | } |
|
| |
| .va-documentation-content { | | .va-documentation-content { |
| margin: 0;
| | margin: 0; |
| padding: 10px;
| | padding: 20px; |
| } | | } |
|
| |
| .va-documentation-small { | | .va-documentation-small { |
| font-size: 10px;
| | font-size: 0.8em; |
| | } |
| | .va-documentation-bar-top .external { |
| | background: none !important; |
| | padding: 0 !important; |
| } | | } |
|
| |
|
| /* ################################################## */ | | /* ---------------------------------- */ |
| /* ### BOITES DE SOURCE (Modèle:Sourcebox) ### */ | | /* Modèle:Interactions */ |
| /* ################################################## */ | | /* ---------------------------------- */ |
|
| |
|
| .avt-source-banner { | | .avt-interactions { |
| margin: 0.5em 0;
| | list-style: none; |
| display: inline-flex;
| | margin: 0.5em 0 !important; |
| gap: 8px;
| | max-width: 40rem; |
| | padding: 0 !important; |
| | } |
| | .avt-interactions-row { |
| | display: grid; |
| | grid-template-columns: 5rem auto; |
| | border: 1px solid var(--border-color-base); |
| | margin: 0.25em 0; |
| | background-color: var(--box-background-color); |
| | box-shadow: var(--box-shadow); |
| | padding: 7px; |
| } | | } |
| .avt-source-banner-img { | | .avt-interactions-img { |
| margin: auto;
| | margin: auto; |
| } | | } |
| .avt-source-banner-text { | | .avt-interactions-text { |
| padding: 5px;
| | align-self: center; |
| font-size: 0.9em;
| | font-size: 0.85em; |
| border-top: 1px solid #383838;
| |
| border-bottom: 1px solid #383838;
| |
| } | | } |
|
| |
|
| /* ################################################## */ | | /* ------------------------------ */ |
| /* ### BOITES D'INFORMATION (Modèle:Mbox) ### */ | | /* Modèle:Homonymie */ |
| /* ################################################## */ | | /* ------------------------------ */ |
|
| | |
| /* Main style */
| | .homonymie { |
| .va-mbox { | | padding: 5px; |
| background-color: #868686;
| | font-style: italic; |
| border: 1px solid #AAA;
| | border-bottom: 1px solid var(--border-color-base); |
| border-collapse: collapse;
| |
| color: #000;
| |
| font-size: 11px;
| |
| line-height: 16px;
| |
| margin: 10px 0;
| |
| padding: 0;
| |
| font-family: sans-serif;
| |
| } | | } |
|
| | |
| .va-mbox + .va-mbox { | | /* ------------------------------ */ |
| margin-top: -8px;
| | /* Modèle:Transcription */ |
| | /* ------------------------------ */ |
| | |
| | .va-transcript-icon { |
| | display: none; |
| } | | } |
|
| | .va-transcript-text { |
| .va-mbox-body { | | font-family: monospace; |
| padding: 1px 9px 1px 0px;
| | font-size: 0.9em; |
| width: 100%;
| |
| } | | } |
|
| | |
| .va-mbox-footer { | | /* ---------------------------------- */ |
| font-size: 90%;
| | /* Modèle:Galerie de vidéos */ |
| | /* ---------------------------------- */ |
| | |
| | .avt-videogallery { |
| | list-style: none !important;; |
| | margin: 0.5em 0 !important; |
| | display: inline-flex; |
| | flex-wrap: wrap; |
| | padding: 0 !important; |
| } | | } |
|
| | |
| .va-mbox-header {
| | /* ------------------------------ */ |
| font-weight: bold;
| | /* Modèle:Bandeau de rubrique */ |
| }
| | /* ------------------------------ */ |
|
| | |
| .va-mbox-image {
| | .avt-section-banner { |
| padding: 1px 5px;
| | padding: 0.25em 0.5em; |
| text-align: center;
| | border-top: 1px solid var(--border-color-base); |
| vertical-align: middle;
| | border-bottom: 1px solid var(--border-color-base); |
| }
| | margin: 0.5em 0; |
|
| | background-color: var(--box-background-color); |
| .va-mbox-noborder .va-mbox-image {
| | font-size: 0.9em; |
| padding-left: 9px;
| | overflow: hidden; |
| padding-right: 9px;
| | display: flex; |
| }
| | align-items: center; |
|
| | gap: 10px; |
| .va-mbox-noimage .va-mbox-image,
| |
| .va-mbox-noborder.va-mbox-noimage .va-mbox-image {
| |
| padding: 0;
| |
| }
| |
|
| |
| .va-mbox-image div {
| |
| margin: 0 auto;
| |
| }
| |
|
| |
| .va-mbox-noimage .va-mbox-image div {
| |
| width: 9px;
| |
| }
| |
|
| |
| /* Template:Mbox management */ | |
| .va-mbox.va-mbox-management {
| |
| 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;
| |
| box-shadow: 2px 2px 2px #AAA;
| |
| -moz-box-shadow: 2px 2px 2px #AAA;
| |
| -webkit-box-shadow: 2px 2px 2px #AAA;
| |
| 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 {
| |
| .va-mbox {
| |
| display: none;
| |
| }
| |
| } | | } |
|
| |
|
| /* ################################################## */ | | /* ------------------------------ */ |
| /* ### LIENS "EN SAVOIR PLUS" (Template:Plus) ### */ | | /* Modèle:Infobulle */ |
| /* ################################################## */ | | /* ------------------------------ */ |
|
| | |
| .va-more { | | .avt-tooltip { |
| margin-top: 0.5em;
| | border-bottom: 1px dotted; |
| | cursor:help |
| } | | } |
|
| | .avt-tooltip-popup { |
| .va-more-link { | | position: absolute; |
| font-size: 10px;
| | background: var(--background-color-dp-02); |
| line-height: 15px;
| | border: 1px solid var(--border-color-base); |
| | padding: 4px; |
| | left: 0; |
| | white-space: nowrap; |
| | z-index: 2; |
| } | | } |
|
| |
| /**
| |
| * 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;
| | /* Modèle:Bandeau d'avertissement */ |
| }
| | /* ------------------------------ */ |
|
| |
|
| /* ################################################## */
| | .avt-warn-banner { |
| /* ### AUDIO SNIPPETS, QUOTES & TRANSCRIPTS ### */
| | margin: 0.5em 0; |
| /* ### (Template:Listen, Template:Inlinequote, ### */
| | display: grid; |
| /* ### Template:Newsquote, Template:Quotation, ### */
| | grid-template-columns: max-content auto; |
| /* ### Modèle:Transcription) ### */
| | gap: 8px; |
| /* ################################################## */
| | padding: 0 10px; |
|
| | border-style: solid; |
| /* Container */
| | border-width: 1px 0 1px 0; |
| .va-listen,
| | background-color: var(--box-background-color); |
| .va-newsquote,
| |
| .va-quotation,
| |
| .va-transcript {
| |
| line-height: 18px;
| |
| padding: 10px 25px;
| |
| } | | } |
|
| | .avt-warn-banner-header { |
| .va-quotation { | | font-weight: bold; |
| overflow: hidden;
| |
| } | | } |
|
| | .avt-warn-banner-img { |
| .va-quotation-body { | | margin: auto; |
| display: block;
| |
| } | | } |
|
| | .avt-warn-banner-text { |
| .va-quotation-quote { | | padding: 5px; |
| display: block;
| |
| position: relative;
| |
| } | | } |
|
| | .avt-warn-banner-desc, |
| .va-listen-left, | | .avt-warn-banner-note { |
| .va-listen-right,
| | font-size: 0.8em; |
| .va-quotation-left, | |
| .va-quotation-right {
| |
| border-bottom: 1px solid #AAA;
| |
| border-top: 1px solid #AAA;
| |
| width: 200px;
| |
| } | | } |
|
| | /* Types de bandeau */ |
| .va-listen-left, | | .avt-warn-banner-maintenance { |
| .va-quotation-left {
| | border-color: var(--color-warning); |
| clear: left;
| |
| float: left;
| |
| margin: 10px 10px 10px 0;
| |
| } | | } |
|
| | .avt-warn-banner-info { |
| .va-listen-right, | | border-color: #77ccff; |
| .va-quotation-right {
| |
| clear: right;
| |
| float: right;
| |
| margin: 10px 0 10px 10px;
| |
| } | | } |
|
| | .avt-warn-banner-license { |
| .va-quotation-center { | | border-color: #c0c0ff; |
| text-align: center;
| |
| } | | } |
|
| | |
| .va-quotation-center .va-quotation-body {
| | /* ------------------------------ */ |
| display: inline-block;
| | /* Portails */ |
| | /* ------------------------------ */ |
| | |
| | /* Définition des zones */ |
| | .homepage-welcome { |
| | gap: 1rem; |
| } | | } |
|
| | .homepage-welcome { |
| /* Quotation marks/icons */
| | grid-area: welcome; |
| .va-listen-icon, | | background: linear-gradient(to bottom,#fff,var(--box-background-color)); |
| .va-newsquote-quot-l,
| | border-bottom: solid 1px var(--border-color-base); |
| .va-newsquote-quot-r,
| |
| .va-quotation-quot-l,
| |
| .va-quotation-quot-r,
| |
| .va-transcript-icon {
| |
| width: 40px;
| |
| /*z-index: -1;*/
| |
| } | | } |
|
| | /* Boîte générique */ |
| .va-listen-icon, | | .homepage-box { |
| .va-newsquote-quot-l,
| | border: 1px solid var(--border-color-base); |
| .va-newsquote-quot-r,
| | background: var(--box-background-color); |
| .va-transcript-icon {
| | box-shadow: var(--box-shadow); |
| position: relative;
| | padding: 1rem; |
| | margin-bottom: 1rem; |
| } | | } |
|
| | .homepage-welcome-subtitle, |
| .va-quotation-quot-l, | | .homepage-welcome-links, |
| .va-quotation-quot-r { | | .homepage-portal-theme .homepage-box-content { |
| position: absolute;
| | text-align: center; |
| } | | } |
|
| | .homepage-welcome-fogen { |
| .va-listen-icon,
| | margin-bottom: 1rem; |
| .va-transcript-icon { | | text-align: center; |
| float: left;
| |
| left: -25px;
| |
| margin-right: -40px;
| |
| top: -5px;
| |
| } | | } |
|
| | .homepage-welcome-title { |
| .va-newsquote-quot-l, | | text-align: center; |
| .va-newsquote-quot-r,
| | font-size: 200%; |
| .va-quotation-quot-l,
| | margin: 0 50px 5px 50px; |
| .va-quotation-quot-r {
| | border-bottom: 1px solid var(--border-color-base); |
| color: #E0E0E0;
| | text-shadow: 0 0 8px #829fce; |
| font: bold 55px/40px serif;
| | color: #425b84; |
| height: 18px;
| | font-weight: bold; |
| } | | } |
| | | .homepage-box-title { |
| .va-newsquote-quot-l,
| | text-align: center; |
| .va-quotation-quot-l {
| | font-size: 150%; |
| left: -15px;
| | border-bottom: 1px solid var(--border-color-base); |
| text-align: left;
| | margin-bottom: 20px; |
| | text-shadow: 0 0 8px #829fce; |
| | color: #425b84; |
| } | | } |
|
| | .homepage-portal-fangames-list { |
| .va-newsquote-quot-r, | | list-style: none !important;; |
| .va-quotation-quot-r {
| | margin: 0 !important; |
| right: -15px;
| | padding: 0 !important; |
| text-align: right;
| | display: grid; |
| | grid-template-columns: 1fr 1fr; |
| | grid-gap: 30px 0; |
| } | | } |
|
| | .homepage-portal-games-list { |
| .va-newsquote-quot-l { | | list-style: none !important; |
| float: left;
| | margin: 0 !important; |
| margin-right: -40px;
| | padding: 0 !important; |
| | display: grid; |
| | grid-template-columns: 1fr 1fr; |
| | grid-gap: 30px 0; |
| } | | } |
|
| | .homepage-portal-games-item { |
| .va-newsquote-quot-r { | | text-align: center; |
| float: right;
| | font-size: 0.85em; |
| margin-left: -40px;
| |
| } | | } |
|
| | .homepage-portal-games-logo { |
| .va-quotation-quot-l { | | height: 60px; |
| top: -2px;
| |
| } | | } |
|
| | .homepage-presentation-title, |
| .va-quotation-quot-r { | | .homepage-participation-title, |
| bottom: 2px;
| | .homepage-articleday-title, |
| | .homepage-imageday-title { |
| | border-bottom: 1px solid var(--border-color-base); |
| | margin-bottom: 20px; |
| | text-shadow: 0 0 8px var(--color-link); |
| | color: var(--color-link); |
| } | | } |
|
| | .homepage-presentation-content, |
| /* Quoted text/audio file desc */
| | .homepage-participation-content, |
| .va-listen-item, | | .homepage-articleday-content, |
| .va-listen-item .ogg-player-options, | | .homepage-imageday-content { |
| .va-newsquote-text, | | font-size: 0.85em; |
| .va-quotation-text { | |
| font-size: 12px;
| |
| } | | } |
|
| | .game-portal { |
| .va-inlinequote-text, | | display: grid; |
| .va-listen-text,
| | grid-gap: 1rem; |
| .va-newsquote-text,
| |
| .va-quotation-text {
| |
| font-style: italic;
| |
| } | | } |
|
| | .portal-talkto { |
| .va-transcript-text { | | text-align: center; |
| font-family: monospace;
| |
| font-size: 14px;
| |
| } | | } |
|
| | .portal-box-title { |
| .va-quotation-text { | | text-align: center; |
| display: block;
| | font-size: 150%; |
| margin-top: -0.4em;
| | margin: 0 0 5px 0; |
| text-align: left;
| | border-bottom: 1px solid var(--border-color-base); |
| | text-shadow: 0 0 8px var(--color-link); |
| | color: var(--color-link); |
| } | | } |
|
| | .portal-content-links { |
| .va-quotation-text ol, | | display: grid; |
| .va-quotation-text p,
| | grid-gap: 2rem; |
| .va-quotation-text ul {
| | grid-template-columns: 1fr; |
| margin-bottom: 0;
| | padding: 1rem; |
| } | | } |
|
| | .portal-content-group-title { |
| /* Source */
| | border-bottom: 1px dotted var(--border-color-base); |
| .va-newsquote-source, | | font-size: 125%; |
| .va-quotation-source {
| | margin-bottom: 1rem; |
| padding: 5px 0 0;
| |
| text-align: right;
| |
| } | | } |
|
| | |
| .va-quotation-source { | | |
| display: block;
| | /* ------------------------------ */ |
| font-size: 10px;
| | /* Modèle:Bandeau de note */ |
| line-height: 15px;
| | /* ------------------------------ */ |
| | |
| | .avt-note-banner { |
| | margin-top: 0.5em; |
| | padding-left: 2em; |
| | padding-bottom: 0.5em; |
| | margin-bottom: 0.5em; |
| | background: var(--background-main); |
| | font-style: italic; |
| | border-bottom: 1px solid var(--border-color-base); |
| | display: flex; |
| | align-items: center; |
| | gap: 10px; |
| } | | } |
|
| | .avt-note-banner + .avt-note-banner { |
| /* "Incomplete quote" dots */
| | margin-top: calc(-0.5em - 1.05px); |
| .va-newsquote-dots { | |
| font-style: normal;
| |
| padding: 3px 0;
| |
| } | | } |
|
| | |
| /* Audio file list */ | | /* ---------------------------------- */ |
| .va-listen-item {
| | /* Modèle:Références */ |
| margin: 0 auto;
| | /* ---------------------------------- */ |
| width: 180px;
| | |
| }
| | .avt-references { |
|
| | font-size: 0.8em; |
| .va-listen-item audio {
| | line-height: 1.6; |
| 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;
| |
| } | | } |
| | |
| | /* ------------------------------ */ |
| | /* Modèle:Citation ligne */ |
| | /* ------------------------------ */ |
|
| |
|
| .np-quote-snd-trigger { | | .np-quote-snd-trigger { |
| display: inline-block;
| | display: inline-block; |
| position: relative;
| | position: relative; |
| top:auto;
| | top:auto; |
| left:auto;
| | left:auto; |
| padding: 0px 2px;
| | padding: 0px 2px; |
| } | | } |
|
| |
| .np-quote-snd-trigger:hover .np-quote-snd-player { | | .np-quote-snd-trigger:hover .np-quote-snd-player { |
| display:block; | | display:block; |
| } | | } |
|
| |
| .np-quote-snd-player { | | .np-quote-snd-player { |
| display:none;
| | display:none; |
| position:absolute;
| | position:absolute; |
| top:-55px;
| | top: -30px; |
| left:100%;
| | left: 100%; |
| z-index:100 !important;
| | z-index:100 !important; |
| width: 300px;
| | width: 300px; |
| overflow-x: hidden;
| | overflow-x: hidden; |
| margin:0px;
| | margin: 0px; |
| padding:5px 10px 10px 10px;
| | padding: 5px 10px 10px 10px; |
| border:1px solid #CCCCCC;
| | border: 1px solid var(--border-color-base); |
| border-radius:5px;
| | box-shadow: var(--box-shadow); |
| box-shadow:#AAAAAA 2px 2px 5px 0px;
| | background-color: var(--box-background-color); |
| background-color:White;
| | text-align: left; |
| color: Black;
| | font-size: 0.85em; |
| text-align: left;
| |
| font: normal normal normal 13px/normal Helvetica,Arial,sans-serif;
| |
| } | | } |
|
| |
| .np-quote-snd-player-img { | | .np-quote-snd-player-img { |
| float:left;
| | float: left; |
| width:50px;
| | width: 55px; |
| } | | } |
|
| |
| .np-quote-snd-player-title { | | .np-quote-snd-player-title { |
| width:250px;
| | width: 250px; |
| height:50px;
| | height: 50px; |
| display:table-cell;
| | display: table-cell; |
| vertical-align:middle;
| | vertical-align: middle; |
| } | | } |
|
| |
| .np-quote-snd-player-title span { | | .np-quote-snd-player-title span { |
| font-size: 18px;
| | font-size: 18px; |
| } | | } |
|
| |
|
| /* ######################################################## */ | | /* ---------------------------------- */ |
| /* ### LISTES (Modèle:Liste horizontale) ### */ | | /* Modèle:Fiche de créature */ |
| /* ######################################################## */ | | /* ---------------------------------- */ |
|
| |
|
| /* Classe pour les listes horizontales séparées par des puces.
| | .creature-card-data { |
| Adaptation de la classe 'hlist' de en:User:Edokter.
| | background-color: var(--box-background-color) !important; |
| (cf. [[mw:Snippets/Horizontal lists]]). */
| | border: 1px solid var(--border-color-base) !important; |
| .liste-horizontale ul,
| | font-size: 0.9em !important; |
| .liste-horizontale li {
| | line-height: 1.4; |
| margin-left: 0;
| | word-wrap: break-word; |
| display: inline;
| | box-shadow: var(--box-shadow); |
| 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 */ | | .creature-card-table { |
| white-space: normal;
| | width: 100%; |
| | table-layout: fixed; |
| | border-collapse: collapse; |
| | display: table; |
| } | | } |
| .liste-horizontale li:after { | | .creature-card-table caption, |
| content: " "; /* au cas ou Mediawiki supprime les retours ligne */
| | .creature-card-list dt { |
| | font-weight: bold; |
| | line-height: 1.1; |
| | margin: 0 0 5px 0; |
| | padding: 4px !important; |
| | background-color: var(--background-color-dp-02) !important; |
| | text-align: center !important; |
| } | | } |
| .liste-horizontale li + li:before { | | .creature-card-table th[scope="row"] { |
| white-space: normal;
| | text-align: left; |
| content: "· ";
| | padding-right: 10px; |
| font-weight: bold;
| | width: 13em; |
| | word-wrap: normal; |
| } | | } |
| .liste-horizontale li li:first-child:before { | | .creature-card-table th[scope="row"], |
| white-space: normal;
| | .creature-card-table td, |
| content: " (";
| | .creature-card-list dd { |
| | padding: 7px 10px; |
| | vertical-align: super; |
| } | | } |
| .liste-horizontale li ul:after { | | .creature-card-list { |
| content: ")";
| | margin-left: 0 !important; |
| margin-left: -0.28em;
| | margin: 0 0 5px 0; |
| } | | } |
|
| |
|
| /* ######################################################### */ | | /* ---------------------------------- */ |
| /* ### LISTE DE COMPÉTENCES (Modèle:Compétences) ### */ | | /* Modèle:Introduction de page-liste */ |
| /* ######################################################### */ | | /* ---------------------------------- */ |
|
| |
|
| .va-competence-list { | | .avt-introduction { |
| list-style: none !important;
| | margin: 0.5em 0; |
| padding: 0 !important;
| |
| margin: 0 !important;
| |
| } | | } |
|
| |
|
| .va-competence-list span:first-child
| | /* ------------------------------ */ |
| {
| | /* Modèle:Liste de pages-listes */ |
| display: inline-block;
| | /* ------------------------------ */ |
| width: 150px;
| |
| }
| |
| | |
| /* ######################################################### */
| |
| /* ### PORTAIL ### */ | |
| /* ######################################################### */ | |
| | |
| .portal-color {
| |
| background-color: rgba(58,58,58,0.2);
| |
| border: 1px solid #383838;
| |
| border-radius: 10px;
| |
| }
| |
| | |
| .portal-home-header {
| |
| margin-top: 5px;
| |
| text-align: center;
| |
| padding: 6px;
| |
| }
| |
| | |
| .portal-home-bckg {
| |
| background-image: url(http://www.fallout-wiki.com/skins/common/images/wiki.png);
| |
| background-repeat: no-repeat;
| |
| background-position: 50% 5px;
| |
| background-size: 145px;
| |
| }
| |
| | |
| .portal-home-header span {
| |
| display: block;
| |
| }
| |
| | |
| .portal-wikistats, .portal-frame-title .indicator {
| |
| display: none;
| |
| }
| |
| | |
| .portal-home-title {
| |
| color: #51E527;
| |
| font-size: 150%;
| |
| margin-top: 85px;
| |
| }
| |
| | |
| .portal-fogen-links {
| |
| border-top: 2px solid #383838;
| |
| font-size: 12px;
| |
| }
| |
|
| |
|
| .liste-portails ul { | | .avt-game-listpage { |
| list-style: none;
| | border: 1px solid var(--border-color-base); |
| padding: 0;
| | box-shadow: var(--box-shadow); |
| margin: 0;
| | padding: 5px; |
| text-align: center;
| | font-size: 0.85em; |
| | background-color: var(--box-background-color); |
| | text-align: center; |
| } | | } |
| | | .avt-game-listpage-title { |
| .liste-portails li span { | | border: 1px solid var(--border-color-base); |
| display: block;
| | background-color: var(--background-color-dp-02); |
| | padding: 0.25em 0; |
| | margin-bottom: 0.5em; |
| | font-weight: bold; |
| } | | } |
| | | .avt-game-listpage-list { |
| .portal-thematic { | | margin: 0 !important; |
| color: #51E527;
| | list-style: none; |
| } | | } |
|
| |
|
| .portal-thematic dl {
| | /* -------------------------- */ |
| margin: 0 auto;
| | /* Modèle:Tableau d'artisanat */ |
| width: 295px;
| | /* -------------------------- */ |
| }
| |
| | |
| .portal-thematic dd, .portal-thematic dt {
| |
| height: 40px;
| |
| }
| |
| | |
| .portal-thematic dl span:first-child {
| |
| width: 80px;
| |
| text-align: center;
| |
| }
| |
| | |
| .portal-thematic dl span {
| |
| display: inline-block;
| |
| }
| |
| | |
| .portal-thematic dd span:last-child, .portal-thematic dt span:last-child {
| |
| text-align: left;
| |
| width: 215px;
| |
| }
| |
| | |
| .portal-thematic dt span:last-child {
| |
| border-bottom: 1px solid #383838;
| |
| }
| |
| | |
| .portal-body-left, .portal-body-right {
| |
| padding-top: 5px;
| |
| margin-top: 5px;
| |
| }
| |
| | |
| .portal-frame-title {
| |
| display: table;
| |
| margin: 0 auto;
| |
| border: 1px solid #383838;
| |
| padding: 5px 5px 5px 5px;
| |
| background-color: #191919;
| |
| border-radius: 10px;
| |
| }
| |
| | |
| .portal-frame-title img, .portal-frame-title h2 {
| |
| display: table-cell !important;
| |
| vertical-align: middle;
| |
| padding: 0 0 0 9px;
| |
| }
| |
| | |
| .portal-frame-title h2 {
| |
| border: 0 !important;
| |
| width: 250px !important;
| |
| }
| |
| | |
| .portal-frame-content {
| |
| padding: 15px;
| |
| }
| |
| | |
| .portal-game-content ul {
| |
| list-style: none;
| |
| }
| |
| | |
| .portal-game-content li:first-child {
| |
| display: flex;
| |
| align-items: center;
| |
| border-bottom: 1px solid #383838;
| |
| height: 45px;
| |
| }
| |
| | |
| .portal-game-content li:first-child span:first-child {
| |
| display: inline-block;
| |
| width: 80px;
| |
| text-align: center;
| |
| }
| |
| | |
| .portal-game-content li {
| |
| display: inline-block;
| |
| margin: 0;
| |
| }
| |
| | |
| .portal-game-content li:after {
| |
| content: ",";
| |
| margin-right: 5px;
| |
| }
| |
| | |
| .portal-game-content li:first-child:after, .portal-game-content li:last-child:after
| |
| {
| |
| content: "";
| |
| }
| |
| | |
| /* ################################################## */
| |
| /* ### ARTISANAT (Modèle:Tableau d'artisanat) ### */
| |
| /* ################################################## */
| |
|
| |
|
| .artisanat { | | .artisanat { |
| font-size: 0.85em;
| | box-shadow: var(--box-shadow); |
| margin: 10px 0 10px 0;
| | background-color: var(--box-background-color); |
| | border: 1px solid var(--border-color-base); |
| | font-size: 0.9em; |
| | display: grid; |
| } | | } |
| .artisanat-colonne-titre { | | .artisanat-colonne-titre { |
| text-align: center;
| | font-weight: bold; |
| border: 1px solid #383838;
| | text-align: center; |
| margin-bottom: 3px;
| | margin-bottom: 3px; |
| background: #171717;
| | background-color: var(--background-color-dp-02); |
| padding: 3px;
| | padding: 4px !important; |
| }
| |
| .artisanat-colonne {
| |
| margin-top: 8px;
| |
| } | | } |
| .artisanat-colonne-liste > ul { | | .artisanat-colonne-liste > ul { |
| list-style: none;
| | list-style: none; |
| margin: 0;
| | margin: 0; |
| padding: 0;
| | padding: 7px 10px; |
| } | | } |
| .artisanat-separateur { | | .artisanat-separateur { |
| display: none;
| | display: none; |
| }
| |
| .artisanat-colonne-liste > ul > li {
| |
| border: 1px solid #383838;
| |
| padding: 5px;
| |
| margin-bottom: 3px;
| |
| background: rgba(58,58,58,0.2);
| |
| }
| |
| | |
| /* ---------------------------------- */
| |
| /* Modèle:Interactions */
| |
| /* ---------------------------------- */
| |
| | |
| .avt-interactions {
| |
| list-style: none;
| |
| margin: 0.5em 0 !important;
| |
| max-width: 40rem;
| |
| }
| |
| .avt-interactions-row {
| |
| display: grid;
| |
| grid-template-columns: 8rem auto;
| |
| border: 1px solid #383838;
| |
| margin: 0.25em 0;
| |
| background-color: rgba(58,58,58,0.2);
| |
| padding: 7px;
| |
| }
| |
| .avt-interactions-img {
| |
| margin: auto;
| |
| }
| |
| .avt-interactions-text {
| |
| align-self: center;
| |
| font-size: 0.85em;
| |
| }
| |
| | |
| /* ---------------------------------- */
| |
| /* Modèle:Galerie de vidéos */
| |
| /* ---------------------------------- */
| |
| | |
| .avt-videogallery {
| |
| list-style: none !important;;
| |
| margin: 0.5em 0 !important;
| |
| display: inline-flex;
| |
| flex-wrap: wrap;
| |
| padding: 0 !important;
| |
| } | | } |
|
| |
|
| /* ------------------------------ */ | | /* ------------------------------ */ |
| /* Modèle:Infobox */ | | /* MediaWiki:Sitenotice */ |
| /* ------------------------------ */ | | /* ------------------------------ */ |
|
| |
|
| .avt-infobox { | | .avt-sitenotice { |
| background-color: var(--box-background-color);
| | border: 1px solid var(--border-color-base); |
| border: 1px solid var(--border-color-base--darker);
| | background-color: var(--box-background-color); |
| font-size: 0.9em;
| | box-shadow: var(--box-shadow); |
| line-height: 1.4;
| | padding: 5px; |
| word-wrap: break-word;
| | display: flex; |
| box-shadow: var(--box-shadow);
| | align-items: center; |
| }
| | justify-content: center; |
| .avt-infobox-header {
| | gap: 10px; |
| padding: 3px;
| |
| text-align: center;
| |
| font-size: 1.4em;
| |
| line-height: 1.1;
| |
| margin-bottom: 10px;
| |
| background-color: var(--background-color-dp-02);
| |
| display: grid;
| |
| grid-template-columns: 1fr 1.7fr 0.3fr;
| |
| grid-template-rows: 1fr 1fr 1fr;
| |
| grid-auto-flow: row;
| |
| gap: 0 0;
| |
| }
| |
| .avt-infobox-header-icon,
| |
| .avt-infobox-header-title,
| |
| .avt-infobox-header-subhead {
| |
| justify-self: center;
| |
| align-self: center;
| |
| }
| |
| .avt-infobox-header-icon {
| |
| grid-area: 1 / 3 / 4 / 4;
| |
| opacity: 0.1;
| |
| }
| |
| .avt-infobox-header-title {
| |
| grid-area: 2 / 1 / 4 / 4;
| |
| font-weight: bold;
| |
| }
| |
| .avt-infobox-header-subhead {
| |
| grid-area: 1 / 1 / 2 / 4;
| |
| font-size: 0.6em;
| |
| }
| |
| .avt-infobox-images {
| |
| text-align: center;
| |
| display: flex;
| |
| justify-content: space-around;
| |
| align-items: center;
| |
| padding: 2px 0;
| |
| }
| |
| .avt-infobox-images a {
| |
| max-width: 100%;
| |
| flex: 0 0 auto;
| |
| }
| |
| .avt-infobox-images img {
| |
| max-width: 100%;
| |
| height: auto;
| |
| }
| |
| .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 !important;
| |
| display: table-caption;
| |
| }
| |
| .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) !important;;
| |
| }
| |
| .avt-infobox th[scope="row"],
| |
| .avt-infobox td {
| |
| padding: 7px 10px;
| |
| 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 { | | .avt-sitenotice a { |
| color: var(--color-base);
| | color: var(--color-link) !important; |
| } | | } |
|
| |
|
| /* ------------------------ */ | | /* |
| /* Modèle:Palette */
| | --------------------------------------------------- |
| /* ------------------------ */
| | Cross classes |
| | --------------------------------------------------- |
| | Les classes ci-dessous sont utilisées par plusieurs |
| | modèles ou modules |
| | --------------------------------------------------- |
| | */ |
|
| |
|
| .palette .mw-collapsible-toggle a {
| | /* Pour créer des listes simples, souvent appelées |
| color: var(--color-base);
| | dans des modèles ou des tables */ |
| }
| | .avt-simple-list { |
| .palette-groupe {
| | margin: 0 !important; |
| border-top: 2px solid var(--box-background-color);
| | padding: 0 !important; |
| font-weight: bold;
| | list-style: none !important; |
| text-align: right;
| |
| white-space: normal;
| |
| }
| |
| .palette-banniere,
| |
| .palette-groupe,
| |
| .palette-section { | |
| background: var(--background-color-dp-03);
| |
| }
| |
| .palette-listes .palette-groupe {
| |
| background: var(--background-color-dp-04);
| |
| }
| |
| .palette {
| |
| clear: both;
| |
| margin: 1em 0 1em 0;
| |
| padding: 3px;
| |
| font-size: 88%;
| |
| border: 1px solid var(--border-color-base--darker);
| |
| }
| |
| .palette ul,
| |
| .palette li,
| |
| .palette p {
| |
| margin: 0 !important;
| |
| padding: 0 !important;
| |
| line-height: 1.6em;
| |
| list-style: none none;
| |
| }
| |
| .palette-liens {
| |
| float: left;
| |
| font-variant: small-caps;
| |
| }
| |
| .palette-liens a {
| |
| background: none !important;
| |
| padding: 0 !important;
| |
| }
| |
| .palette span.mw-collapsible-toggle {
| |
| float: right;
| |
| } | | } |
| .palette-liens, | | /* Séparateur <hr/> */ |
| .palette .mw-collapsible-toggle,
| | .separator { |
| .palette-groupe {
| | background-color: var(--border-color-base); |
| padding: 0.25em 1em;
| |
| } | | } |
| .palette-titre { | | /* Boîte générique */ |
| background-color: var(--background-color-dp-02);
| | .avt-genericbox { |
| | border: 1px solid var(--border-color-base); |
| | background: var(--box-background-color); |
| } | | } |
| .palette-titre,
| | /* catlinks mobile */ |
| .palette-section { | | .catlinks{ |
| font-size: 105%;
| | background-color: var(--box-background-color); |
| font-weight: bold;
| | border: 1px solid var(--border-color-base); |
| padding: 0.25em 8em;
| |
| text-align: center;
| |
| }
| |
| .palette-banniere,
| |
| .palette-liste,
| |
| .palette-liste-simple {
| |
| padding: 0.25em;
| |
| }
| |
| .palette-liste,
| |
| .palette-listes {
| |
| width: 100%;
| |
| }
| |
| .palette-groupe,
| |
| .palette-banniere,
| |
| .mw-collapsible-content > ul > li > .palette-liste-simple {
| |
| text-align: center;
| |
| }
| |
| div.palette-image {
| |
| padding: 0.25em 0 0.25em 0.25em;
| |
| width: 1%;
| |
| } | | } |