62 734
modifications
« MediaWiki:Vector.css » : différence entre les versions
aucun résumé des modifications
CSS temporaire de la nouvelle version des infobox |
Aucun résumé des modifications |
||
| Ligne 1 : | Ligne 1 : | ||
/* | /* ----------------------- */ | ||
/* Variables */ | |||
/* ----------------------- */ | |||
:root { | |||
--background-color-dp-00: #020601; | |||
--background-color-dp-01: #040d02; | |||
--background-color-dp-02: #071403; | |||
--background-color-dp-03: #091b04; | |||
--background-color-dp-04: #0c2205; | |||
--background-color-dp-06: #0e2806; | |||
--background-color-dp-08: #102f07; | |||
--background-color-dp-12: #133608; | |||
--background-color-dp-16: #153d09; | |||
--background-color-dp-24: #18440b; | |||
--background-color-overlay: rgba(0,0,0,0.99); | |||
--background-color-overlay--lighter: rgba(19,26,33,0.6); | |||
--background-color-framed: #040d02; | |||
--background-color-framed--hover: #091b04; | |||
--background-color-framed--active: #020601; | |||
--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-success: #00af89; | |||
--color-link: #51E527; | |||
--color-link--hover: #18440b; | |||
--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; | |||
} | |||
/* ### IMPORTATION DE L'ANCIEN CONTENU DE COMMON.CSS ### */ | /* ### IMPORTATION DE L'ANCIEN CONTENU DE COMMON.CSS ### */ | ||
| Ligne 779 : | Ligne 846 : | ||
display: none; | 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 { | |||
.va-navbox- | width: 1px; | ||
} | } | ||
.va-navbox- | .va-navbox-columncont .va-navbox-spacing-h { | ||
border-right: 1px solid #383838; | |||
width: 0%; | |||
} | } | ||
.va-navbox-spacing-v { | |||
.va-navbox { | font-size: 1pt; | ||
font-size: | height: 1px; | ||
line-height: 0em; | |||
} | } | ||
.va-navbox- | /* 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- | .va-navbox-headertext, | ||
.va-navbox-titletext { | |||
font-weight: bold; | |||
padding-left: 40px; | |||
padding-right: 40px; | |||
text-align: center; | |||
} | } | ||
.va-navbox- | .va-navbox-maintitle .va-navbox-titletext { | ||
font-size: 118%; | |||
text-align: center; | |||
} | } | ||
/* | /* v/d/e and collapse button */ | ||
.va-navbox- | .va-navbox-editlink { | ||
margin: | float: left; | ||
width: | margin-right: -100%; | ||
text-align: left; | |||
width: 40px; | |||
} | } | ||
.va-navbox .mw-collapsible-toggle { | |||
margin-left: -100%; | |||
.va-navbox | |||
. | |||
} | } | ||
.va-navbox- | .va-navbox-cell { | ||
padding: 1px 2px; | |||
background: #383020; | |||
} | } | ||
.va-navbox- | .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- | .va-navbox-colgroup, | ||
.va-navbox-group, | |||
.va-navbox-subgroup { | |||
font-weight: bold; | |||
} | } | ||
.va-navbox- | .va-navbox-group, | ||
.va-navbox-subgroup { | |||
text-align: center; | |||
width: 15%; | |||
} | } | ||
.va-navbox-footer, | |||
.va-navbox-group, | |||
.va-navbox- | .va-navbox-header { | ||
background: #171717; | |||
border: | border: 1px solid #383838; | ||
} | } | ||
.va-navbox- | .va-navbox-colgroup, | ||
.va-navbox- | .va-navbox-subgroup { | ||
background: #222222; | |||
border: 1px solid #383838; | |||
} | } | ||
.va-navbox- | .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- | .va-navbox-column, | ||
.va-navbox-colgroup, | |||
.va-navbox-footer, | |||
.va-navbox-image { | |||
text-align: center; | |||
} | |||
.va-navbox-cell-withgroups { | |||
text-align: left; | text-align: left; | ||
} | } | ||
.va-navbox | .va-navbox-column { | ||
vertical-align: top; | |||
color: #252525 | |||
} | } | ||
.va-navbox- | .va-navbox-image { | ||
width: 8%; | |||
} | } | ||
/* Navbox link colors (groups) */ | |||
.va-navbox-group a, .va-navbox-footer a { | |||
.va-navbox-group, | color: #F7EEBA; | ||
.va-navbox- | |||
} | } | ||
.va-navbox-group a:visited, .va-navbox-footer a:visited { | |||
.va-navbox-group, | color: #F7EEBA; | ||
.va-navbox- | |||
} | } | ||
.va-navbox- | /* Lists in column rows */ | ||
.va-navbox- | .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- | .va-navbox-formatlist li li { | ||
font-size: 90%; | |||
} | } | ||
.va-navbox- | .va-navbox-formatlist li ul { | ||
margin-bottom: 0.5em; | |||
margin-top: -0.1em; | |||
} | } | ||
.va-navbox- | .va-navbox-formatlist li ul li { | ||
margin: 0em; | |||
} | } | ||
.va-navbox | /* Nested */ | ||
.va-navbox- | .va-navbox .va-navbox-nested { | ||
font-size: 100%; | |||
.va-navbox- | } | ||
.va-navbox- | |||
.va-navbox-nested .va-navbox-title { | |||
background: #383020; | |||
border: 1px solid #AAA; | |||
color: #000; | |||
} | } | ||
.va-navbox- | .va-navbox-nested .va-navbox-footer, | ||
.va-navbox-nested .va-navbox-group, | |||
.va-navbox-nested .va-navbox-header { | |||
background: #917D55; | |||
} | } | ||
.va-navbox- | .va-navbox-nested .va-navbox-colgroup, | ||
.va-navbox-nested .va-navbox-subgroup { | |||
background: #DDE1CB; | |||
} | } | ||
.va-navbox- | /* 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- | .va-navbox-maintitle a:link, | ||
.va-navbox-maintitle a:visited { | |||
color: #F7EEBA !important; | |||
} | } | ||
.va-navbox- | .va-navbox-maintitle a:hover, | ||
.va-navbox-maintitle a:active { | |||
color: #FFF; | |||
} | } | ||
.va-navbox-maintitle a.new { | |||
.va-navbox- | color: #F11 !important; | ||
. | |||
} | } | ||
.va-navbox- | .va-navbox-maintitle .mw-collapsible-toggle a { | ||
color: #FFF !important; | |||
} | } | ||
.va-navbox- | /* Printing */ | ||
@media print { | |||
.va-navbox, | |||
.va-navbox-border { | |||
display: none; | |||
} | |||
} | } | ||
/* ################################################## */ | |||
/* ### TOOLTIPS (Modèle:Tooltip) ### */ | |||
/* ################################################## */ | |||
.va- | .va-tooltip { | ||
border-bottom: 1px dotted; | |||
cursor: help; | |||
} | } | ||
/* ################################################## */ | |||
/* ### BALISES <pre> SPÉCIALES (Modèle:Pre fake) ### */ | |||
/* ################################################## */ | |||
.va-pre-fake { | |||
.va- | background-color: #F9F9F9; | ||
font- | border: 1px dashed #AAA; | ||
font-family: monospace; | |||
line-height: 1.1em; | |||
overflow: auto; | |||
padding: 1em; | |||
white-space: pre; | |||
color: black; | |||
} | } | ||
/* ################################################## */ | |||
/* ### COPYRIGHT BOXES (Modèle:Copyrightbox) ### */ | |||
/* ################################################## */ | |||
.va- | .va-copybox { | ||
background: | background-color: rgba(58,58,58,0.2); | ||
border: 1px solid # | border: 1px solid #383838; | ||
clear: both; | |||
font-size: 12px; | |||
line-height: 16px; | |||
margin: 10px 0; | |||
padding: 3px 5px; | |||
width: 100%; | |||
} | } | ||
.va- | .va-copybox th { | ||
padding: 1px 0 1px 5px; | |||
text-align: center; | |||
vertical-align: middle; | |||
width: 30px; | |||
} | } | ||
.va- | .va-copybox td { | ||
padding-left: 5px; | |||
} | } | ||
.va-copybox + .va-copybox { | |||
.va- | margin-top: -8px; | ||
} | } | ||
/* Printing */ | |||
.va- | @media print { | ||
.va-copybox { | |||
background-color: transparent; | |||
} | |||
} | } | ||
/* ################################################## */ | |||
/* ### TABLEAUX STATS (Modèle:Stats créature) ### */ | |||
/* ################################################## */ | |||
.va- | .va-stats-creature-name { | ||
text-align: center; | |||
} | } | ||
.va- | .va-stats-creature-icontable { | ||
margin: 0 auto; | |||
} | } | ||
.va- | .va-stats-creature-icontable td { | ||
border: none; | |||
vertical-align: top; | |||
} | } | ||
.va- | .va-stats-creature-icon { | ||
font-weight: bold; | |||
left: 0; | |||
position: absolute; | |||
text-align: center; | |||
top: 0; | |||
width: 20px; | |||
} | } | ||
.va-stats-creature-item { | |||
min-width: 10px; | |||
padding: 0 2px 0 22px; | |||
position: relative; | |||
} | } | ||
.va- | .va-stats-creature-item + .va-stats-creature-item { | ||
margin-top: 2px; | |||
} | } | ||
.va- | .va-stats-creature-icontable-full, | ||
.va-stats-creature-layout-1 td { | |||
width: 100%; | |||
} | } | ||
.va- | .va-stats-creature-layout-2 td { | ||
width: 50%; | |||
width: | |||
} | } | ||
.va- | .va-stats-creature-layout-3 td { | ||
width: 33%; | |||
width: | |||
} | } | ||
.va- | .va-stats-creature-layout-3 td:first-child { | ||
width: 34%; | |||
} | } | ||
.va- | .va-stats-creature-layout-4 td { | ||
width: 25%; | |||
} | } | ||
/* ################################################## */ | /* ################################################## */ | ||
/* ### TABLEAUX | /* ### TABLEAUX ### */ | ||
/* ################################################## */ | /* ################################################## */ | ||
.va- | .va-table { | ||
background-color: rgba(58,58,58,0.2); | |||
border-collapse: collapse; | |||
empty-cells: show; | |||
font-size: 12px; | |||
line-height: 16px; | |||
margin-bottom: 5px; | |||
color: #D7D7D7; | |||
font-family: sans-serif; | |||
} | } | ||
.va- | .va-table > tr > td, | ||
border: | .va-table > * > tr > td, | ||
.va-table > tr > th, | |||
.va-table > * > tr > th { | |||
border: 1px solid #383838; | |||
padding: 1px 2px; | |||
} | } | ||
.va- | .va-table > tr > th, | ||
.va-table > * > tr > th { | |||
background-color: #171717; | |||
font-weight: bold; | font-weight: bold; | ||
color: #E1E4E1; | |||
text-align: center; | text-align: center; | ||
} | } | ||
.va- | /* Table header links */ | ||
.va-table th a { | |||
color: #F7EEBA; | |||
} | } | ||
.va- | .va-table th a:visited { | ||
color: #918347; | |||
} | } | ||
.va- | /* Collapse button */ | ||
. | .va-table .mw-collapsible-toggle a { | ||
color: #F7EEBA; | |||
} | } | ||
.va- | /* Adapting lists & paragraphs */ | ||
.va-table ul, | |||
.va-table ol, | |||
.va-table p { | |||
line-height: 16px; | |||
margin-bottom: 0; | |||
} | } | ||
.va- | .va-table ul, | ||
.va-table ol { | |||
margin-left: 20px; | |||
margin-top: 0; | |||
} | } | ||
.va- | .va-table p, | ||
.va-table * + ul, | |||
.va-table * + ol { | |||
margin-top: 3px; | |||
} | } | ||
.va- | .va-table ul li, | ||
.va-table ol li { | |||
margin-bottom: 0; | |||
} | } | ||
.va-table | /* Highlighted rows */ | ||
.va-table > tr.va-table-highlight, | |||
.va-table > * > tr.va-table-highlight, | |||
.va-table > tr.va-table-highlight > th, | |||
.va-table > * > tr.va-table-highlight > th { | |||
background-color: #1B1B1B; | |||
} | } | ||
.va-table | /* Tables with specific vertical alignment for cells */ | ||
.va-table-top > tr > td, | |||
.va-table | .va-table-top > * > tr > td { | ||
vertical-align: top; | |||
} | } | ||
.va-table-middle > tr > td, | |||
.va-table-middle > * > tr > td { | |||
.va-table | vertical-align: middle; | ||
} | } | ||
.va-table | .va-table-bottom > tr > td, | ||
.va-table-bottom > * > tr > td { | |||
vertical-align: bottom; | |||
} | } | ||
/* | /* Tables with specific horizontal alignment for cells/columns */ | ||
.va-table . | .va-table-center > tr > td, | ||
.va-table-center > * > tr > td, | |||
.va-table-center-col1 > * > tr > td:first-child, | |||
.va-table-center-col2 > * > tr > *:first-child + td, | |||
.va-table-center-col3 > * > tr > *:first-child + * + td, | |||
.va-table-center-col4 > * > tr > *:first-child + * + * + td, | |||
.va-table-center-col5 > * > tr > *:first-child + * + * + * + td, | |||
.va-table-center-col6 > * > tr > *:first-child + * + * + * + * + td, | |||
.va-table-center-col7 > * > tr > *:first-child + * + * + * + * + * + td, | |||
.va-table-center-col8 > * > tr > *:first-child + * + * + * + * + * + * + td, | |||
.va-table-center-col9 > * > tr > *:first-child + * + * + * + * + * + * + * + td, | |||
.va-table-center-col10 > * > tr > *:first-child + * + * + * + * + * + * + * + * + 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 | .va-table-left > * > tr > td, | ||
.va-table | .va-table-left-col1 > * > tr > td:first-child, | ||
.va-table | .va-table-left-col2 > * > tr > *:first-child + td, | ||
.va-table-left-col3 > * > tr > *:first-child + * + td, | |||
.va-table-left-col4 > * > tr > *:first-child + * + * + td, | |||
.va-table-left-col5 > * > tr > *:first-child + * + * + * + td, | |||
.va-table-left-col6 > * > tr > *:first-child + * + * + * + * + td, | |||
.va-table | .va-table-left-col7 > * > tr > *:first-child + * + * + * + * + * + td, | ||
.va-table | .va-table-left-col8 > * > tr > *:first-child + * + * + * + * + * + * + td, | ||
.va-table-left-col9 > * > tr > *:first-child + * + * + * + * + * + * + * + td, | |||
.va-table-left-col10 > * > tr > *:first-child + * + * + * + * + * + * + * + * + 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 | .va-table-right > tr > td, | ||
.va-table * + | .va-table-right > * > tr > td, | ||
.va-table * + | .va-table-right-col1 > * > tr > td:first-child, | ||
.va-table-right-col2 > * > tr > *:first-child + td, | |||
.va-table-right-col3 > * > tr > *:first-child + * + td, | |||
.va-table-right-col4 > * > tr > *:first-child + * + * + td, | |||
.va-table-right-col5 > * > tr > *:first-child + * + * + * + td, | |||
.va-table-right-col6 > * > tr > *:first-child + * + * + * + * + td, | |||
.va-table-right-col7 > * > tr > *:first-child + * + * + * + * + * + td, | |||
.va-table-right-col8 > * > tr > *:first-child + * + * + * + * + * + * + td, | |||
.va-table-right-col9 > * > tr > *:first-child + * + * + * + * + * + * + * + td, | |||
.va-table-right-col10 > * > tr > *:first-child + * + * + * + * + * + * + * + * + 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; | |||
} | } | ||
.va-table | /* Tables which are full width */ | ||
.va-table-full { | |||
width: 100%; | |||
} | } | ||
/* | /* Tables which leave enough space for an infobox on the right */ | ||
.va-table | .va-table-full-infobox { | ||
width: 960px; | |||
} | } | ||
/* Tables | /* Tables which are floated */ | ||
.va-table- | .va-table-float-left { | ||
clear: left; | |||
float: left; | |||
margin: 0 10px 10px 0; | |||
} | } | ||
.va-table- | .va-table-float-right { | ||
clear: right; | |||
float: right; | |||
margin: 0 0 10px 10px; | |||
} | } | ||
.va-table- | /* Tables in which the first column starts with an icon */ | ||
.va-table- | .va-table-icon > tr > td:first-child, | ||
.va-table-icon > * > tr > td:first-child { | |||
padding-left: 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%; | 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; | ||
padding | |||
} | } | ||
.bandeau-image div { | |||
.bandeau { | margin: 0 auto; | ||
} | } | ||
.bandeau | .bandeau-noimage .bandeau-image div { | ||
width: 9px; | |||
} | } | ||
.bandeau- | /* Template:Mbox management */ | ||
.bandeau.bandeau-avertissement { | |||
background-color: #868686; | |||
} | } | ||
/* Template:Mbox mediawiki */ | |||
.mw-warning-with-logexcerpt .va-mbox.va-mbox-mediawiki { | |||
/* Template:Mbox mediawiki */ | |||
.mw-warning-with-logexcerpt .va-mbox.va-mbox-mediawiki { | |||
border-left: none !important; | border-left: none !important; | ||
border-right: none !important; | border-right: none !important; | ||
| Ligne 3 313 : | Ligne 3 303 : | ||
content: ","; | content: ","; | ||
margin-right: 5px; | margin-right: 5px; | ||
} | } | ||
| Ligne 3 597 : | Ligne 3 560 : | ||
.avt-infobox { | .avt-infobox { | ||
box-shadow: | box-shadow: var(--box-shadow); | ||
padding: 5px; | padding: 5px; | ||
background-color: | background-color: var(--box-background-color); | ||
border: 1px solid | border: 1px solid var(--border-color-base--darker); | ||
clear: right; | clear: right; | ||
float: right; | float: right; | ||
| Ligne 3 610 : | Ligne 3 573 : | ||
} | } | ||
.avt-infobox-header { | .avt-infobox-header { | ||
border: 1px solid | border: 1px solid var(--border-color-base--darker); | ||
padding: 3px; | padding: 3px; | ||
text-align: center; | text-align: center; | ||
| Ligne 3 616 : | Ligne 3 579 : | ||
line-height: 1.1; | line-height: 1.1; | ||
margin-bottom: 10px; | margin-bottom: 10px; | ||
background: | background-color: var(--background-color-dp-02); | ||
display: grid; | display: grid; | ||
grid-template-columns: 1fr 1.7fr 0.3fr; | grid-template-columns: 1fr 1.7fr 0.3fr; | ||
| Ligne 3 668 : | Ligne 3 631 : | ||
.avt-infobox caption { | .avt-infobox caption { | ||
text-align: center; | text-align: center; | ||
border: 1px solid var(--border-color-base--darker); | |||
} | } | ||
.avt-infobox p.bloc, | .avt-infobox p.bloc, | ||
| Ligne 3 676 : | Ligne 3 639 : | ||
margin: 0 0 5px 0; | margin: 0 0 5px 0; | ||
padding: 4px; | padding: 4px; | ||
background-color: | background-color: var(--background-color-dp-02); | ||
} | } | ||
.avt-infobox th[scope="row"], | .avt-infobox th[scope="row"], | ||
| Ligne 3 694 : | Ligne 3 657 : | ||
} | } | ||
.avt-infobox span.mw-collapsible-toggle a { | .avt-infobox span.mw-collapsible-toggle a { | ||
color: # | color: var(--color-base); | ||
} | |||
/* ------------------------ */ | |||
/* Modèle:Palette */ | |||
/* ------------------------ */ | |||
.palette .mw-collapsible-toggle a { | |||
color: var(--color-base); | |||
} | |||
.palette-banniere { | |||
border-top: 2px solid var(--box-background-color); | |||
} | |||
.palette-groupe { | |||
border-top: 2px solid var(--box-background-color); | |||
border-right: 2px solid var(--box-background-color); | |||
font-weight: bold; | |||
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-pair { | |||
background-color: var(--box-background-color); | |||
border-top: 2px solid transparent; | |||
} | |||
.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, | |||
.palette .mw-collapsible-toggle, | |||
.palette-groupe { | |||
padding: 0.25em 1em; | |||
} | |||
.palette-titre { | |||
background-color: var(--background-color-dp-02); | |||
} | |||
.palette-titre, | |||
.palette-section { | |||
font-size: 105%; | |||
font-weight: bold; | |||
padding: 0.25em 8em; | |||
text-align: center; | |||
} | |||
.palette-ligne { | |||
display: table-row; | |||
} | |||
.palette-groupe, | |||
.palette-image, | |||
.palette-liste, | |||
.palette-listes { | |||
display: table-cell; | |||
vertical-align: middle; | |||
} | |||
.palette-banniere, | |||
.palette-liste, | |||
.palette-liste-simple { | |||
padding: 0.25em; | |||
} | |||
.palette-liste, | |||
.palette-listes { | |||
width: 100%; | |||
} | |||
.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%; | |||
} | |||
div.palette + div.palette { | |||
margin-top: -1px; | |||
} | |||
/* ------------------------------ */ | |||
/* Modèle:Boîte de contenu de jeu */ | |||
/* ------------------------------ */ | |||
.avt-content-game-box { | |||
border: 1px solid var(--border-color-base--darker); | |||
box-shadow: var(--box-shadow); | |||
padding: 5px; | |||
margin: 0.5em 0; | |||
font-size: 0.85em; | |||
background-color: var(--box-background-color); | |||
overflow: hidden; | |||
} | |||
.avt-content-game-box span.mw-collapsible-toggle { | |||
float: right; | |||
padding: 0.25em 1em; | |||
} | |||
#avt-content-game-box-title { | |||
text-align: center; | |||
border: 1px solid var(--border-color-base--darker); | |||
background-color: var(--background-color-dp-02); | |||
padding: 3px; | |||
padding: 0.25em 8em; | |||
font-weight: bold; | |||
} | |||
.avt-content-game-box-list { | |||
margin: 0 !important; | |||
padding: 5px !important; | |||
list-style: none; | |||
column-count: 2; | |||
column-rule: 1px solid var(--border-color-base--darker); | |||
} | } | ||