62 734
modifications
m Ajout du css pour le tableau d'artisanat |
Importation de Common.css |
||
Ligne 1 : | Ligne 1 : | ||
/* Le CSS placé ici affectera les utilisateurs de l’habillage Vector. */ | /* Le CSS placé ici affectera les utilisateurs de l’habillage Vector. */ | ||
/* ### IMPORTATION DE L'ANCIEN CONTENU DE COMMON.CSS ### */ | |||
/* Importation des polices */ | |||
@font-face{ | |||
font-family : "Overseer"; | |||
src : url("/resources/fonts/Overseer.ttf") format("truetype"), | |||
url("/resources/fonts/Overseer.woff") format("woff"); | |||
} | |||
@font-face{ | |||
font-family : "OverseerItalic"; | |||
src : url("/resources/fonts/OverseerItalic.ttf") format("truetype"), | |||
url("/resources/fonts/OverseerItalic.woff") format("woff"); | |||
} | |||
/* Taille de la police dans les pages css */ | |||
.css.source-css { | |||
font-size: 11px; | |||
} | |||
/* Taille de la police dans les pages js */ | |||
.javascript.source-javascript { | |||
font-size: 11px; | |||
} | |||
.infobox { | |||
/* monobookocentré debut */ | |||
background: #f9f9f9; | |||
color: #000; | |||
font-size: 90%; | |||
line-height: 1.1em; | |||
float: right; | |||
clear: right; | |||
/* haut droite bas gauche */ | |||
margin: 0 0 .5em 1em; | |||
width: 200px; | |||
border: 1px solid #aaa; | |||
padding: 0.1em; | |||
} | |||
.infobox th { | |||
vertical-align: super; | |||
text-align: left; | |||
} | |||
.infobox .entete { | |||
height: 45px; | |||
vertical-align: middle; | |||
text-align: center; | |||
font-size: 150%; | |||
font-weight: bolder; | |||
line-height: 1.2em; | |||
color: #000; | |||
} | |||
.infobox .media { | |||
/* css V2 pour [[Modèle: Son]], etc. */ | |||
height: 35px; | |||
vertical-align: middle; | |||
text-align: center; | |||
font-weight: bolder; | |||
color: #000; | |||
} | |||
/* Décoration des titres de sous-chapitre. */ | |||
h1.firstHeading { | |||
/* bug de rendu si icône de titre ou coordonnées déplacées dans le titre */ | |||
overflow: visible; | |||
} | |||
.mw-body h1, | |||
.mw-body h2 { | |||
padding-top: 0.65em; | |||
} | |||
/* monobookocentré */ | |||
.mw-body h3 { | |||
padding-top: 0.6em; | |||
border-bottom: dotted 1px #AAA; | |||
} | |||
.mw-body h4, | |||
.mw-body h5, | |||
.mw-body h6 { | |||
padding-top: 0.55em; | |||
border-bottom: dotted 1px #DDD; | |||
} | |||
/* Sous-titre ([[Modèle:Sous-titre]]) */ | |||
h1 #sous_titre_h1 { | |||
display: block; | |||
font-size: 0.7em; | |||
line-height: 1.3em; | |||
margin: 0.2em 0 0 0.5em; | |||
} | |||
/* Titres de sections modifiés par JS */ | |||
.modifiedSectionTitle .editsection, .mw-editsection { | |||
float: none; | |||
font-size: x-small; | |||
} | |||
.modifiedSectionTitle .mw-headline { | |||
margin-right: 0.3em; | |||
} | |||
.italique { | |||
font-style: italic; | |||
} | |||
.italique i { | |||
font-style: normal | |||
} | |||
/* WIKITABLE */ | |||
/* Classe pour tableaux standards, légèrement grisés. Syntaxe : {| class="wikitable" */ | |||
/* Tableaux selon la charte graphique. Ils sont centrés par défaut. */ | |||
table.wikitable th, | |||
table.wikitable td { | |||
padding: 0.3em; | |||
} | |||
.wikitable th[scope=row] { | |||
text-align: left; | |||
} | |||
/** Alignement du tableau : flottant à droite ou à gauche, ou centré. On peut aligner à droite ou à gauche | |||
* sans flottement en ajoutant le [[modèle:clr]] en bas du tableau, ou en précisant style="float:none" | |||
* dans l'en-tête du tableau. | |||
*/ | |||
table.gauche, | |||
table.left { | |||
float: left; | |||
margin: 0 1em 1em 0; | |||
} | |||
table.droite, | |||
table.right { | |||
float: right; | |||
margin: 0 0 1em 1em; | |||
} | |||
table.centre, | |||
table.center { | |||
margin: 1em auto; | |||
} | |||
/* Pour les cas où le code de l'article contienne un paramètre align de valeur center */ | |||
table.wikitable[align=center] { | |||
margin: 1em auto; | |||
} | |||
/* ALTERNANCE */ | |||
/** Classes permettant d'alterner les couleurs de ligne | |||
* dans les tableaux selon le nombre de lignes d'en-tête : | |||
*.alternance si nombre impair | |||
*.alternance2 si nombre pair. | |||
* | |||
*.odd est un be kind to IE<9 qui n'implémente pas | |||
* le sélecteur :nth-child, appliquée via Common.js | |||
* | |||
*.sortable : les tableaux triables nécessitent d'inverser | |||
* l'alternance. | |||
*/ | |||
.alternance, | |||
.alternance2 { | |||
border-collapse: collapse; | |||
} | |||
table.alternance > * > tr > th, | |||
table.alternance2 > * > tr > th { | |||
background: #e6e6e6; | |||
} | |||
.alternance tr, | |||
.alternance th[scope="row"] { | |||
background: #fcfcfc; | |||
} | |||
.alternance:not(.sortable) tr:nth-child(odd), | |||
.alternance.sortable tr:nth-child(even), | |||
.alternance:not(.sortable) tr:nth-child(odd) th[scope="row"], | |||
.alternance.sortable tr:nth-child(even) th[scope="row"] { | |||
background: #eeeeee; | |||
} | |||
.alternance .odd, | |||
.alternance .odd th[scope="row"] { | |||
/* be kind to IE<9 */ | |||
background: #eeeeee; | |||
} | |||
.alternance2 tr, | |||
.alternance2 th[scope="row"] { | |||
background: #eeeeee; | |||
} | |||
.alternance2 tr:nth-child(odd), | |||
.alternance2 tr:nth-child(odd) th[scope="row"] { | |||
background: #fcfcfc; | |||
} | |||
.alternance2 .odd, | |||
.alternance2 .odd th[scope="row"] { | |||
/* be kind to IE<9 */ | |||
background: #fcfcfc; | |||
} | |||
/* Modèle:Histoire Globale */ | |||
.Histoire-Globale { | |||
text-align: left; | |||
margin: 8px 10% 12px; | |||
border-style: solid; | |||
border-width: 1px 1px 1px 10px; | |||
border-color: #77ccff; | |||
border-radius: 5px; | |||
padding: 2px 10px; | |||
background-color: #fbfbfb; | |||
} | |||
.Histoire-Globale table { | |||
background-color: transparent | |||
} | |||
/* Make <ref> tags not increase line height */ | |||
.reference { | |||
line-height: 1em; | |||
} | |||
/* Taille du texte plus pour la balise <references> */ | |||
ol.references { | |||
font-size: 11px; | |||
line-height: 16px; | |||
font-family: sans-serif; | |||
} | |||
/* ################################################## */ | |||
/* ### ARRIÈRE-PLAN PARTAGÉ ### */ | |||
/* ################################################## */ | |||
.va-forum-index th, | |||
.va-forum-search th, | |||
.va-infobox-title, | |||
.va-navbox-title, | |||
.va-portal-section-header { | |||
background-color: #383020; | |||
background-image: none; | |||
background: url(/skins/Vector/images/background/foggy.png) !important; | |||
} | |||
/* ################################################## */ | |||
/* ### GENERIC BOX (divers modèles mineurs) ### */ | |||
/* ################################################## */ | |||
.va-genericbox { | |||
background: #383838; | |||
border: 1px solid #AAA; | |||
} | |||
/* ################################################## */ | |||
/* ### INFOBOXES (Modèle:Infobox) ### */ | |||
/* ################################################## */ | |||
/* Outer table */ | |||
.va-infobox { | |||
border: none; | |||
clear: right; | |||
float: right; | |||
font-size: 11px; | |||
line-height: 16px; | |||
margin: 0 0 5px 10px; | |||
font-family: sans-serif; | |||
} | |||
/* Inner tables */ | |||
.va-infobox-cont, | |||
.va-infobox-group { | |||
margin: 0; | |||
width: 100%; | |||
} | |||
.va-infobox-mainimage-table { | |||
margin: 0 auto; | |||
} | |||
.va-infobox-mainimage-table + .va-infobox-mainimage-table { | |||
margin-top: 2px; | |||
} | |||
/* Cellspacing */ | |||
.va-infobox, | |||
.va-infobox-cont, | |||
.va-infobox-group, | |||
.va-infobox-mainimage-table, | |||
.va-infobox-spacing-h, | |||
.va-infobox-spacing-v { | |||
background: transparent; | |||
} | |||
.va-infobox-spacing-h { | |||
border-right: none; | |||
width: 0%; | |||
} | |||
.va-infobox-spacing-v { | |||
font-size: 1px; | |||
height: 1px; | |||
line-height: 0; | |||
} | |||
.va-infobox-columns + .va-infobox-spacing { | |||
display: none !important; | |||
} | |||
/* Widths */ | |||
.va-infobox-columns-1 .va-infobox-col1 { | |||
width: 100%; | |||
} | |||
.va-infobox-columns-2 .va-infobox-col1, | |||
.va-infobox-columns-3 .va-infobox-col1, | |||
.va-infobox-columns-4 .va-infobox-col1 { | |||
width: 28%; | |||
} | |||
.va-infobox-columns-2 .va-infobox-col2 { | |||
width: 72%; | |||
} | |||
.va-infobox-columns-3 .va-infobox-col2, | |||
.va-infobox-columns-3 .va-infobox-col3 { | |||
width: 36%; | |||
} | |||
.va-infobox-columns-4 .va-infobox-col2, | |||
.va-infobox-columns-4 .va-infobox-col3, | |||
.va-infobox-columns-4 .va-infobox-col4 { | |||
width: 24%; | |||
} | |||
/* Cell styles */ | |||
.va-infobox-content, | |||
.va-infobox-footer, | |||
.va-infobox-header, | |||
.va-infobox-image, | |||
.va-infobox-label, | |||
.va-infobox-title { | |||
padding: 1px 2px; | |||
} | |||
.va-infobox-content, | |||
.va-infobox-footer, | |||
.va-infobox-image, | |||
.va-infobox-mainimage { | |||
background: rgba(58, 58, 58, 0.2); | |||
border: 1px solid #383838; | |||
} | |||
.va-infobox-header, | |||
.va-infobox-icon, | |||
.va-infobox-label { | |||
background: #171717; | |||
border: 1px solid #383838; | |||
color: #E1E4E1; | |||
} | |||
.va-infobox-image, | |||
.va-infobox-footer, | |||
.va-infobox-header, | |||
.va-infobox-icon, | |||
.va-infobox-mainimage, | |||
.va-infobox-mainimage-cont, | |||
.va-infobox-mainimage-image { | |||
text-align: center; | |||
vertical-align: middle; | |||
} | |||
.va-infobox-content { | |||
text-align: left; | |||
vertical-align: top; | |||
color: #D7D7D7; | |||
} | |||
.va-infobox-label { | |||
cursor: default; | |||
text-align: right; | |||
vertical-align: top; | |||
} | |||
.va-infobox-icon-cont { | |||
margin: 0; | |||
padding: 0; | |||
position: relative; | |||
} | |||
.va-infobox-icon-table { | |||
margin: 0 auto; | |||
} | |||
.va-infobox-mainimage-cont + .va-infobox-icon-table { | |||
position: absolute; | |||
right: 3px; | |||
top: 1px; | |||
} | |||
/* FIXME: Find better method to prevent column width oddities in IE8/Webkit */ | |||
.va-infobox-image { | |||
max-width: 0; | |||
} | |||
.va-infobox-image-cont { | |||
margin-right: -100%; | |||
text-align: center; | |||
width: 100%; | |||
} | |||
.va-infobox-image-desc { | |||
font-size: 10px; | |||
line-height: 15px; | |||
padding: 1px 1px 0; | |||
color: #D7D7D7; | |||
} | |||
.va-infobox-image-upload { | |||
padding: 15px 3px; | |||
} | |||
.va-infobox-mainimage { | |||
padding: 2px 0; | |||
} | |||
.va-infobox-mainimage-cont { | |||
margin: 0; | |||
width: 100%; | |||
} | |||
.va-infobox-mainimage-image { | |||
background: transparent; | |||
padding: 0 1px; | |||
} | |||
.va-infobox-mainimage-minheight { | |||
width: 0%; | |||
} | |||
.va-infobox-mainimage-minheight div { | |||
height: 120px; | |||
margin: 0; | |||
padding: 0; | |||
width: 1px; | |||
} | |||
.va-infobox-title { | |||
/* Shared background; see top of page */ | |||
border: 1px solid #383838; | |||
color: #FFF; | |||
text-align: center; | |||
vertical-align: middle; | |||
width: 100%; | |||
} | |||
.va-infobox-title-main { | |||
font-size: 15px; | |||
font-weight: bold; | |||
line-height: 20px; | |||
} | |||
.va-infobox-title-sub { | |||
font-size: 12px; | |||
line-height: 15px; | |||
} | |||
.va-infobox-title-super { | |||
font-size: 10px; | |||
line-height: 12px; | |||
} | |||
.va-infobox-tooltip { | |||
border-color: #AAA transparent transparent #AAA; | |||
border-style: solid; | |||
border-width: 3px; | |||
float: left; | |||
height: 0; | |||
left: -2px; | |||
margin-bottom: -100%; | |||
margin-right: -100%; | |||
position: absolute; | |||
top: -1px; | |||
width: 0; | |||
} | |||
.va-infobox-tooltip-cell { | |||
cursor: help; | |||
} | |||
.va-infobox-tooltip-cont { | |||
height: 0; | |||
position: relative; | |||
width: 0; | |||
} | |||
/* Collapse buttons */ | |||
.va-infobox-group-collapsible .va-infobox-header { | |||
padding-left: 40px; | |||
padding-right: 40px; | |||
} | |||
.va-infobox-header .mw-collapsible-toggle { | |||
left: 40px; | |||
margin-left: -100%; | |||
position: relative; | |||
} | |||
.va-infobox-header .mw-collapsible-toggle a { | |||
color: #51E527; | |||
} | |||
/* Links */ | |||
.va-infobox-title a:link, | |||
.va-infobox-title a:visited { | |||
color: #F7EEBA !important; | |||
} | |||
.va-infobox-title a:hover, | |||
.va-infobox-title a:active { | |||
color: #51E527 !important; | |||
} | |||
.va-infobox-title a.new { | |||
color: #F11 !important; | |||
} | |||
.va-infobox-label a { | |||
color: #F7EEBA; | |||
} | |||
.va-infobox-label a:visited { | |||
color: #F7EEBA; | |||
} | |||
/* Adapting lists & paragraphs */ | |||
.va-infobox ul, | |||
.va-infobox ol, | |||
.va-infobox p { | |||
line-height: 16px; | |||
margin-bottom: 0; | |||
} | |||
.va-infobox ul, | |||
.va-infobox ol { | |||
margin-left: 20px; | |||
margin-top: 0; | |||
} | |||
.va-infobox p, | |||
.va-infobox * + ul, | |||
.va-infobox * + ol { | |||
margin-top: 3px; | |||
} | |||
.va-infobox ul li, | |||
.va-infobox ol li { | |||
margin-bottom: 0; | |||
} | |||
/* Auxiliary template: Template:Infobox/divider */ | |||
.va-infobox-divider-float { | |||
border-color: #AAA; | |||
border-style: solid; | |||
border-width: 0 0 1px 1px; | |||
clear: right; | |||
float: right; | |||
margin: -1px 0 0 2px; | |||
min-width: 18px; | |||
padding: 0 0 0 2px; | |||
text-align: center; | |||
} | |||
.va-infobox-divider-vert { | |||
width: 100%; | |||
} | |||
.va-infobox-divider-left, | |||
.va-infobox-divider-right { | |||
vertical-align: top; | |||
width: 50%; | |||
} | |||
.va-infobox-divider-left { | |||
border-right: 1px solid #AAA; | |||
padding: 0 2px 0 0; | |||
} | |||
.va-infobox-divider-right { | |||
padding: 0 0 0 2px; | |||
} | |||
.va-infobox-divider-section-start, | |||
.va-infobox-divider-section-end { | |||
display: none; | |||
} | |||
.va-infobox-divider-section-end + .va-infobox-divider-section-start { | |||
border-top: 1px solid #AAA; | |||
clear: both; | |||
display: block; | |||
margin: 1px 0; | |||
} | |||
/* ################################################## */ | |||
/* ### MODÈLE DOCUMENTATION ### */ | |||
/* ### (Modèle:Docparam/Modèle:Documentation) ### */ | |||
/* ################################################## */ | |||
/* 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-bar-top, | |||
.va-documentation-bar-bottom { | |||
border-color: #AAA; | |||
border-style: solid; | |||
clear: both; | |||
} | |||
.va-documentation { | |||
border-width: 1px; | |||
margin: 10px 0; | |||
background: rgba(188,226,199,0.5); | |||
color: black; | |||
} | |||
.va-documentation-bar-top, | |||
.va-documentation-bar-bottom { | |||
background: rgb(0, 121, 0) none repeat scroll 0% 0%; | |||
color: #000; | |||
margin: 0; | |||
padding: 5px; | |||
} | |||
.va-documentation-bar-top { | |||
border-width: 0 0 1px 0; | |||
} | |||
.va-documentation-bar-bottom { | |||
border-width: 1px 0 0 0; | |||
text-align: right; | |||
} | |||
.va-documentation-links { | |||
float: right; | |||
text-align: right; | |||
} | |||
.va-documentation-content { | |||
margin: 0; | |||
padding: 10px; | |||
} | |||
.va-documentation-small { | |||
font-size: 10px; | |||
} | |||
/* ################################################## */ | |||
/* ### ICÔNES (Modèle:Icône) ### */ | |||
/* ################################################## */ | |||
.va-icon-sortkey { | |||
display: none; | |||
} | |||
/* High-use icons */ | |||
.va-icon-highuse, | |||
.va-icon-highuse a { | |||
display: inline-block; | |||
} | |||
.va-icon-highuse { | |||
background-position: center; | |||
background-repeat: no-repeat; | |||
vertical-align: middle; | |||
} | |||
.va-icon-big .va-icon-highuse, | |||
.va-icon-big .va-icon-highuse a { | |||
height: 20px; | |||
width: 20px; | |||
} | |||
.va-icon-normal .va-icon-highuse, | |||
.va-icon-normal .va-icon-highuse a { | |||
height: 14px; | |||
width: 14px; | |||
} | |||
.va-icon-big .va-icon-highuse-check { | |||
background-image: url(http://www.fallout-wiki.com/images/icones/20px-Icon_check.png); | |||
} | |||
.va-icon-normal .va-icon-highuse-check { | |||
background-image: url(http://www.fallout-wiki.com/images/icones/14px-Icon_check.png); | |||
} | |||
.va-icon-big .va-icon-highuse-cross { | |||
background-image: url(http://www.fallout-wiki.com/images/icones/20px-Icon_cross.png); | |||
} | |||
.va-icon-normal .va-icon-highuse-cross { | |||
background-image: url(http://www.fallout-wiki.com/images/icones/14px-Icon_cross.png); | |||
} | |||
.va-icon-big .va-icon-highuse-checkbrown { | |||
background-image: url(http://www.fallout-wiki.com/images/icones/20px-Icon_check_temp.png); | |||
} | |||
.va-icon-normal .va-icon-highuse-checkbrown { | |||
background-image: url(http://www.fallout-wiki.com/images/icones/14px-Icon_check_temp.png); | |||
} | |||
/* ################################################## */ | |||
/* ### DIRECTION BOXES (Modèle:Directionbox) ### */ | |||
/* ################################################## */ | |||
.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; | |||
} | |||
} | |||
/* ################################################## */ | |||
/* ### TOCs (Modèle:TOC, Modèle:Document TOC) ### */ | |||
/* ################################################## */ | |||
.va-toclimit-2 .toclevel-1 ul, | |||
.va-toclimit-3 .toclevel-2 ul, | |||
.va-toclimit-4 .toclevel-3 ul, | |||
.va-toclimit-5 .toclevel-4 ul, | |||
.va-toclimit-6 .toclevel-5 ul, | |||
.va-toclimit-7 .toclevel-6 ul { | |||
display: none; | |||
} | |||
/* ################################################## */ | |||
/* ### PALETTES (modèle:Palette de navigation) ### */ | |||
/* ################################################## */ | |||
/* Palette de navigation */ | |||
.palette | |||
{ | |||
clear: both; | |||
margin: 1em 0 0; | |||
padding: 3px; | |||
font-size: 88%; | |||
} | |||
.palette ul,.palette li,.palette p | |||
{ | |||
margin: 0; | |||
padding: 0; | |||
line-height: 1.6em; | |||
list-style: none none; | |||
} | |||
.palette-liens | |||
{ | |||
float: left; | |||
font-variant: small-caps; | |||
} | |||
.palette span.mw-collapsible-toggle | |||
{ | |||
float: right; | |||
} | |||
.palette-liens,.palette .mw-collapsible-toggle,.palette-groupe | |||
{ | |||
padding: 0.25em 1em; | |||
} | |||
.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-groupe | |||
{ | |||
font-weight: bold; | |||
text-align: right; | |||
white-space: nowrap; | |||
} | |||
.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; | |||
} | |||
/* Outer table - border */ | |||
.va-navbox-border { | |||
border: 1px solid #383838; | |||
} | |||
.va-navbox-bottom + .va-navbox-bottom { | |||
margin-top: 2px; | |||
} | |||
/* Outer table - widths, floats */ | |||
.va-navbox { | |||
font-size: 11px; | |||
line-height: 16px; | |||
width: 100%; | |||
} | |||
.va-navbox-bottom { | |||
clear: both; | |||
margin: 5px auto 0; | |||
width: 100%; | |||
} | |||
.va-navbox-left { | |||
clear: left; | |||
float: left; | |||
margin: 0 1.5em 0.5em 0; | |||
width: 240px; | |||
} | |||
.va-navbox-right { | |||
clear: right; | |||
float: right; | |||
margin: 0 0 0.5em 1.5em; | |||
width: 240px; | |||
} | |||
/* Inner tables */ | |||
.va-navbox-brick { | |||
margin: 0; | |||
width: 100%; | |||
} | |||
/* Cellspacing */ | |||
.va-navbox, | |||
.va-navbox-border, | |||
.va-navbox-brickcont, | |||
.va-navbox-padding, | |||
.va-navbox-spacing-h, | |||
.va-navbox-spacing-v { | |||
background: transparent; | |||
font-family: sans-serif; | |||
color: #D7D7D7; | |||
} | |||
.va-navbox-padding { | |||
padding: 1px; | |||
} | |||
.va-navbox-spacing-h { | |||
width: 1px; | |||
} | |||
.va-navbox-columncont .va-navbox-spacing-h { | |||
border-right: 1px solid #383838; | |||
width: 0%; | |||
} | |||
.va-navbox-spacing-v { | |||
font-size: 1pt; | |||
height: 1px; | |||
line-height: 0em; | |||
} | |||
/* Cell styles and widths */ | |||
/* Remember to update the column width calculations when changing widths */ | |||
.va-navbox-title { | |||
/* Shared background; see top of page */ | |||
border: 0px solid #000; | |||
color: #FFFFFF; | |||
font-weight: normal; | |||
padding: 1px 2px; | |||
} | |||
.va-navbox-headertext, | |||
.va-navbox-titletext { | |||
font-weight: bold; | |||
padding-left: 40px; | |||
padding-right: 40px; | |||
text-align: center; | |||
} | |||
.va-navbox-maintitle .va-navbox-titletext { | |||
font-size: 118%; | |||
text-align: center; | |||
} | |||
/* v/d/e and collapse button */ | |||
.va-navbox-editlink { | |||
float: left; | |||
margin-right: -100%; | |||
text-align: left; | |||
width: 40px; | |||
} | |||
.va-navbox .mw-collapsible-toggle { | |||
margin-left: -100%; | |||
} | |||
.va-navbox-cell { | |||
padding: 1px 2px; | |||
background: #383020; | |||
} | |||
.va-navbox-colgroup, | |||
.va-navbox-column, | |||
.va-navbox-footer, | |||
.va-navbox-group, | |||
.va-navbox-header, | |||
.va-navbox-image, | |||
.va-navbox-subgroup { | |||
padding: 1px 2px; | |||
background: #383020; | |||
COLOR: #E1E4E1; | |||
} | |||
.va-navbox-colgroup, | |||
.va-navbox-group, | |||
.va-navbox-subgroup { | |||
font-weight: bold; | |||
} | |||
.va-navbox-group, | |||
.va-navbox-subgroup { | |||
text-align: center; | |||
width: 15%; | |||
} | |||
.va-navbox-footer, | |||
.va-navbox-group, | |||
.va-navbox-header { | |||
background: #171717; | |||
border: 1px solid #383838; | |||
} | |||
.va-navbox-colgroup, | |||
.va-navbox-subgroup { | |||
background: #222222; | |||
border: 1px solid #383838; | |||
} | |||
.va-navbox-cell, | |||
.va-navbox-column, | |||
.va-navbox-image { | |||
background: rgba(58, 58, 58, 0.2); | |||
border: 1px solid #383838; | |||
} | |||
.va-navbox-cell-nogroups, | |||
.va-navbox-column, | |||
.va-navbox-colgroup, | |||
.va-navbox-footer, | |||
.va-navbox-image { | |||
text-align: center; | |||
} | |||
.va-navbox-cell-withgroups { | |||
text-align: left; | |||
} | |||
.va-navbox-column { | |||
vertical-align: top; | |||
color: #252525 | |||
} | |||
.va-navbox-image { | |||
width: 8%; | |||
} | |||
/* Navbox link colors (groups) */ | |||
.va-navbox-group a, .va-navbox-footer a { | |||
color: #F7EEBA; | |||
} | |||
.va-navbox-group a:visited, .va-navbox-footer a:visited { | |||
color: #F7EEBA; | |||
} | |||
/* Lists in column rows */ | |||
.va-navbox-formatlist ul, | |||
.va-navbox-formatlist li { | |||
list-style-image: none; | |||
list-style-type: none; | |||
line-height: 16px; | |||
margin: 0.6em 0; | |||
padding: 0; | |||
} | |||
.va-navbox-formatlist li li { | |||
font-size: 90%; | |||
} | |||
.va-navbox-formatlist li ul { | |||
margin-bottom: 0.5em; | |||
margin-top: -0.1em; | |||
} | |||
.va-navbox-formatlist li ul li { | |||
margin: 0em; | |||
} | |||
/* Nested */ | |||
.va-navbox .va-navbox-nested { | |||
font-size: 100%; | |||
} | |||
.va-navbox-nested .va-navbox-title { | |||
background: #383020; | |||
border: 1px solid #AAA; | |||
color: #000; | |||
} | |||
.va-navbox-nested .va-navbox-footer, | |||
.va-navbox-nested .va-navbox-group, | |||
.va-navbox-nested .va-navbox-header { | |||
background: #917D55; | |||
} | |||
.va-navbox-nested .va-navbox-colgroup, | |||
.va-navbox-nested .va-navbox-subgroup { | |||
background: #DDE1CB; | |||
} | |||
/* Links */ | |||
.va-navbox-editlink .va-navbar-item { | |||
color: #FFF !important; | |||
} | |||
.va-navbox-nowraplinks .va-navbox-cell a, | |||
.va-navbox-nowraplinks .va-navbox-column a { | |||
white-space: nowrap; | |||
} | |||
.va-navbox-maintitle a:link, | |||
.va-navbox-maintitle a:visited { | |||
color: #F7EEBA !important; | |||
} | |||
.va-navbox-maintitle a:hover, | |||
.va-navbox-maintitle a:active { | |||
color: #FFF; | |||
} | |||
.va-navbox-maintitle a.new { | |||
color: #F11 !important; | |||
} | |||
.va-navbox-maintitle .mw-collapsible-toggle a { | |||
color: #FFF !important; | |||
} | |||
/* Printing */ | |||
@media print { | |||
.va-navbox, | |||
.va-navbox-border { | |||
display: none; | |||
} | |||
} | |||
/* ################################################## */ | |||
/* ### TOOLTIPS (Modèle:Tooltip) ### */ | |||
/* ################################################## */ | |||
.va-tooltip { | |||
border-bottom: 1px dotted; | |||
cursor: help; | |||
} | |||
/* ################################################## */ | |||
/* ### BALISES <pre> SPÉCIALES (Modèle:Pre fake) ### */ | |||
/* ################################################## */ | |||
.va-pre-fake { | |||
background-color: #F9F9F9; | |||
border: 1px dashed #AAA; | |||
font-family: monospace; | |||
line-height: 1.1em; | |||
overflow: auto; | |||
padding: 1em; | |||
white-space: pre; | |||
color: black; | |||
} | |||
/* ################################################## */ | |||
/* ### COPYRIGHT BOXES (Modèle:Copyrightbox) ### */ | |||
/* ################################################## */ | |||
.va-copybox { | |||
background-color: rgba(58,58,58,0.2); | |||
border: 1px solid #383838; | |||
clear: both; | |||
font-size: 12px; | |||
line-height: 16px; | |||
margin: 10px 0; | |||
padding: 3px 5px; | |||
width: 100%; | |||
} | |||
.va-copybox th { | |||
padding: 1px 0 1px 5px; | |||
text-align: center; | |||
vertical-align: middle; | |||
width: 30px; | |||
} | |||
.va-copybox td { | |||
padding-left: 5px; | |||
} | |||
.va-copybox + .va-copybox { | |||
margin-top: -8px; | |||
} | |||
/* Printing */ | |||
@media print { | |||
.va-copybox { | |||
background-color: transparent; | |||
} | |||
} | |||
/* ################################################## */ | |||
/* ### TABLEAUX STATS (Modèle:Stats créature) ### */ | |||
/* ################################################## */ | |||
.va-stats-creature-name { | |||
text-align: center; | |||
} | |||
.va-stats-creature-icontable { | |||
margin: 0 auto; | |||
} | |||
.va-stats-creature-icontable td { | |||
border: none; | |||
vertical-align: top; | |||
} | |||
.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-stats-creature-item + .va-stats-creature-item { | |||
margin-top: 2px; | |||
} | |||
.va-stats-creature-icontable-full, | |||
.va-stats-creature-layout-1 td { | |||
width: 100%; | |||
} | |||
.va-stats-creature-layout-2 td { | |||
width: 50%; | |||
} | |||
.va-stats-creature-layout-3 td { | |||
width: 33%; | |||
} | |||
.va-stats-creature-layout-3 td:first-child { | |||
width: 34%; | |||
} | |||
.va-stats-creature-layout-4 td { | |||
width: 25%; | |||
} | |||
/* ################################################## */ | |||
/* ### TABLEAUX ### */ | |||
/* ################################################## */ | |||
.va-table { | |||
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-table > tr > td, | |||
.va-table > * > tr > td, | |||
.va-table > tr > th, | |||
.va-table > * > tr > th { | |||
border: 1px solid #383838; | |||
padding: 1px 2px; | |||
} | |||
.va-table > tr > th, | |||
.va-table > * > tr > th { | |||
background-color: #171717; | |||
font-weight: bold; | |||
color: #E1E4E1; | |||
text-align: center; | |||
} | |||
/* Table header links */ | |||
.va-table th a { | |||
color: #F7EEBA; | |||
} | |||
.va-table th a:visited { | |||
color: #918347; | |||
} | |||
/* Collapse button */ | |||
.va-table .mw-collapsible-toggle a { | |||
color: #F7EEBA; | |||
} | |||
/* Adapting lists & paragraphs */ | |||
.va-table ul, | |||
.va-table ol, | |||
.va-table p { | |||
line-height: 16px; | |||
margin-bottom: 0; | |||
} | |||
.va-table ul, | |||
.va-table ol { | |||
margin-left: 20px; | |||
margin-top: 0; | |||
} | |||
.va-table p, | |||
.va-table * + ul, | |||
.va-table * + ol { | |||
margin-top: 3px; | |||
} | |||
.va-table ul li, | |||
.va-table ol li { | |||
margin-bottom: 0; | |||
} | |||
/* 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; | |||
} | |||
/* Tables with specific vertical alignment for cells */ | |||
.va-table-top > tr > td, | |||
.va-table-top > * > tr > td { | |||
vertical-align: top; | |||
} | |||
.va-table-middle > tr > td, | |||
.va-table-middle > * > tr > td { | |||
vertical-align: middle; | |||
} | |||
.va-table-bottom > tr > td, | |||
.va-table-bottom > * > tr > td { | |||
vertical-align: bottom; | |||
} | |||
/* Tables with specific horizontal alignment for cells/columns */ | |||
.va-table-center > tr > td, | |||
.va-table-center > * > tr > td, | |||
.va-table-center-col1 > * > tr > td:first-child, | |||
.va-table-center-col2 > * > tr > *:first-child + td, | |||
.va-table-center-col3 > * > tr > *:first-child + * + td, | |||
.va-table-center-col4 > * > tr > *:first-child + * + * + td, | |||
.va-table-center-col5 > * > tr > *:first-child + * + * + * + td, | |||
.va-table-center-col6 > * > tr > *:first-child + * + * + * + * + td, | |||
.va-table-center-col7 > * > tr > *:first-child + * + * + * + * + * + td, | |||
.va-table-center-col8 > * > tr > *:first-child + * + * + * + * + * + * + td, | |||
.va-table-center-col9 > * > tr > *:first-child + * + * + * + * + * + * + * + td, | |||
.va-table-center-col10 > * > tr > *:first-child + * + * + * + * + * + * + * + * + td, | |||
.va-table-center-col11 > * > tr > *:first-child + * + * + * + * + * + * + * + * + * + td, | |||
.va-table-center-col12 > * > tr > *:first-child + * + * + * + * + * + * + * + * + * + * + td, | |||
.va-table-center-col13 > * > tr > *:first-child + * + * + * + * + * + * + * + * + * + * + * + td, | |||
.va-table-center-col14 > * > tr > *:first-child + * + * + * + * + * + * + * + * + * + * + * + * + td, | |||
.va-table-center-col15 > * > tr > *:first-child + * + * + * + * + * + * + * + * + * + * + * + * + * + td { | |||
text-align: center; | |||
} | |||
.va-table-left > tr > td, | |||
.va-table-left > * > tr > td, | |||
.va-table-left-col1 > * > tr > td:first-child, | |||
.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-left-col7 > * > tr > *:first-child + * + * + * + * + * + td, | |||
.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-right > tr > td, | |||
.va-table-right > * > tr > td, | |||
.va-table-right-col1 > * > tr > td:first-child, | |||
.va-table-right-col2 > * > tr > *:first-child + td, | |||
.va-table-right-col3 > * > tr > *:first-child + * + td, | |||
.va-table-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; | |||
} | |||
/* Tables which are full width */ | |||
.va-table-full { | |||
width: 100%; | |||
} | |||
/* Tables which leave enough space for an infobox on the right */ | |||
.va-table-full-infobox { | |||
width: 960px; | |||
} | |||
/* Tables which are floated */ | |||
.va-table-float-left { | |||
clear: left; | |||
float: left; | |||
margin: 0 10px 10px 0; | |||
} | |||
.va-table-float-right { | |||
clear: right; | |||
float: right; | |||
margin: 0 0 10px 10px; | |||
} | |||
/* Tables in which the first column starts with an icon */ | |||
.va-table-icon > tr > td:first-child, | |||
.va-table-icon > * > tr > td:first-child { | |||
padding-left: 18px; | |||
text-indent: -18px; | |||
} | |||
/* ################################################## */ | |||
/* ### SOURCE BOXES (Modèle:Sourcebox) ### */ | |||
/* ################################################## */ | |||
.va-sourcebox { | |||
margin: 0; | |||
border-collapse: collapse; | |||
font-size: 11px; | |||
line-height: 16px; | |||
font-family: sans-serif; | |||
} | |||
.va-sourcebox th { | |||
vertical-align: middle; | |||
text-align: center; | |||
padding: 0 5px; | |||
} | |||
.va-sourcebox td { | |||
padding: 0; | |||
} | |||
.va-sourcebox td span { | |||
border-top: 1px solid #FFF; | |||
border-bottom: 1px solid #FFF; | |||
display: block; | |||
padding: 2px 5px; | |||
float: left; | |||
} | |||
/* ################################################## */ | |||
/* ### BANDEAUX (Modèle:Bandeau) ### */ | |||
/* ################################################## */ | |||
/* Style principal */ | |||
.bandeau { | |||
background-color: #868686; | |||
border-collapse: collapse; | |||
margin: 10px 0; | |||
padding: 0; | |||
} | |||
.bandeau + .bandeau { | |||
margin-top: -8px; | |||
} | |||
.bandeau-cadre { | |||
padding: 0.5em 1em 0.5em 1em; | |||
width: 100%; | |||
} | |||
.bandeau-pied { | |||
font-size: 90%; | |||
} | |||
.bandeau-entete { | |||
font-weight: bold; | |||
} | |||
.bandeau-image { | |||
padding: 0.5em 0em 0.5em 1em; | |||
text-align: center; | |||
vertical-align: middle; | |||
} | |||
.bandeau-noborder .bandeau-image { | |||
padding-left: 9px; | |||
padding-right: 9px; | |||
} | |||
.bandeau-noimage .bandeau-image, | |||
.bandeau-noborder.bandeau-noimage .bandeau-image { | |||
padding: 0; | |||
} | |||
.bandeau-image div { | |||
margin: 0 auto; | |||
} | |||
.bandeau-noimage .bandeau-image div { | |||
width: 9px; | |||
} | |||
/* Template:Mbox management */ | |||
.bandeau.bandeau-avertissement { | |||
background-color: #868686; | |||
} | |||
/* Template:Mbox mediawiki */ | |||
.mw-warning-with-logexcerpt .va-mbox.va-mbox-mediawiki { | |||
border-left: none !important; | |||
border-right: none !important; | |||
border-top: none !important; | |||
margin: 0; | |||
} | |||
/* Template:Mbox project */ | |||
.va-mbox.va-mbox-project { | |||
background-color: #ECECD4; | |||
} | |||
/* Template:Mbox talk */ | |||
.va-mbox.va-mbox-talk { | |||
background-color: #F2E3CF; | |||
font-size: 1em; | |||
line-height: 1.5em; | |||
margin-left: 5%; | |||
margin-right: 5%; | |||
} | |||
.va-mbox.va-mbox-talk .va-mbox-body, | |||
.va-mbox.va-mbox-talk .va-mbox-image { | |||
padding-bottom: 5px; | |||
padding-top: 5px; | |||
} | |||
.va-mbox.va-mbox-talk .va-mbox-footer { | |||
font-size: 85%; | |||
} | |||
/* Printing */ | |||
@media print { | |||
.bandeau { | |||
display: none; | |||
} | |||
} | |||
/* ################################################## */ | |||
/* ### SECTIONS (Modèle:section) ### */ | |||
/* ################################################## */ | |||
.bandeau-section { | |||
overflow: hidden; | |||
display: block; | |||
font-size: 0.95em; | |||
padding: 0.2em 0.5em 0.1em 0px; | |||
margin: 0px 0px 0.7em 2em; | |||
border-top: 1px solid rgb(255,136,34); | |||
border-bottom: 1px solid rgb(255,136,34); | |||
background-color: rgba(255,136,34,0.1); | |||
background-image: url("http://www.fallout-wiki.com/images/4/47/Mbox_moignon.png"); | |||
background-repeat: no-repeat; | |||
background-size: 16px; | |||
text-indent: 20px; | |||
background-position: 3px; | |||
} | |||
/* ################################################## */ | |||
/* ### PORTAILS ### */ | |||
/* ################################################## */ | |||
/* Colonnes */ | |||
.va-portal-columns-body-left { | |||
float: left; | |||
margin-right: -323px; | |||
position: relative; | |||
width: 100%; | |||
} | |||
.va-portal-columns-body-left-inner { | |||
width: 75%; | |||
} | |||
.va-portal-columns-body-right { | |||
clear: right; | |||
float: right; | |||
position: relative; | |||
width: 24%; | |||
} | |||
.va-portal-columns-body-below, | |||
.va-portal-columns-body-left-below { | |||
clear: both; | |||
} | |||
.va-portal-columns-body-left-double .va-portal-columns-body-left-columns { | |||
padding-right: 10px; | |||
} | |||
.va-portal-columns-body-left-double .va-portal-columns-left { | |||
float: left; | |||
width: 60%; | |||
} | |||
.va-portal-columns-body-left-double .va-portal-columns-middle { | |||
float: right; | |||
margin-right: -10px; | |||
width: 40%; | |||
} | |||
.va-portal-columns-left, | |||
.va-portal-columns-middle, | |||
.va-portal-columns-right { | |||
position: relative; | |||
} | |||
/* Colonne spéciale de droite */ | |||
#rightContent { | |||
background: url(/skins/common/images/pipground.gif) #0f3d20; | |||
border: 1px solid #413F3F; | |||
border-radius: 20px; | |||
-moz-border-radius: 20px; | |||
-ms-border-radius: 20px; | |||
-o-border-radius: 20px; | |||
-webkit-border-radius: 20px; | |||
} | |||
/* Boîtes de contenu */ | |||
.va-portal-section { | |||
background: transparent; | |||
border: 1px solid #AAA; | |||
margin-bottom: 5px; | |||
margin-top: 0px; | |||
font-family: sans-serif; | |||
font-size: 15px; | |||
color: #D7D7D7; | |||
} | |||
.va-portal-section-body { | |||
border: 1px solid #AAA; | |||
background: url(/skins/Vector/images/background/hardline.png) !important; | |||
margin: 1px; | |||
padding: 3px 5px; | |||
} | |||
.va-portal-section-header { | |||
/* Shared background; see top of page */ | |||
border: 0 solid #000; | |||
color: white; | |||
margin: 1px 1px 0; | |||
padding: 3px 5px; | |||
text-align: center; | |||
border: none; | |||
font-size: 20px; | |||
font-weight: bold; | |||
margin-top: 0; | |||
padding: 0; | |||
} | |||
.va-portal-section-header a:link, | |||
.va-portal-section-header a:visited, | |||
.va-portal-section-header a:hover, | |||
.va-portal-section-header a:active { | |||
color: #FFF !important; | |||
} | |||
.va-portal-section-header a.new { | |||
color: #F11 !important; | |||
} | |||
/* | |||
.va-portal-section-header h2 { | |||
border: none; | |||
color: #FFF; | |||
font-size: 14px; | |||
font-weight: bold; | |||
margin-top: 0em; | |||
padding: 0; | |||
} | |||
*/ | |||
.va-portal-section-header-cleft, | |||
.va-portal-section-header-cright { | |||
display: none; | |||
} | |||
.va-portal-section-header-links { | |||
float: right; | |||
font-size: 10px; | |||
margin-top: 6px; | |||
margin-left: -75px; | |||
font-weight: normal; | |||
} | |||
.va-portal-section-footer { | |||
border-top: 1px solid #AAA; | |||
clear: both; | |||
margin-top: 10px; | |||
padding-top: 1px; | |||
text-align: right; | |||
} | |||
.va-portal-section-clear { | |||
clear: both; | |||
} | |||
/* Welcome */ | |||
.va-portal-welcome { | |||
padding: 2px 0 3px; | |||
text-align: center; | |||
} | |||
.va-portal-welcome .va-wikiinothermedia { | |||
margin: 8px 0 0; | |||
} | |||
.va-portal-welcome-title { | |||
font-size: 14px; | |||
margin: 0; | |||
} | |||
.va-portal-welcome-subtitle { | |||
font-size: 11px; | |||
line-height: 16px; | |||
margin: 0; | |||
} | |||
.va-portal-welcome-slogan { | |||
margin: 3px 0 0; | |||
} | |||
/* TOC */ | |||
.va-portal-toc { | |||
border-collapse: collapse; | |||
font-size: 95%; | |||
width: 100%; | |||
} | |||
.va-portal-toc td { | |||
padding: 0 5px; | |||
vertical-align: top; | |||
} | |||
.va-portal-toc p { | |||
border-bottom: 1px solid #AAA; | |||
font-weight: bold; | |||
} | |||
/* Intro - image buttons */ | |||
.va-portal-buttons { | |||
border-collapse: collapse; | |||
font-size: 95%; | |||
margin: 0 auto; | |||
text-align: center; | |||
} | |||
.va-portal-buttons th, | |||
.va-portal-buttons td { | |||
width: 20%; | |||
} | |||
.va-portal-buttons th { | |||
font-weight: normal; | |||
padding-top: 3px; | |||
vertical-align: middle; | |||
} | |||
.va-portal-buttons td { | |||
padding-bottom: 3px; | |||
vertical-align: top; | |||
white-space: nowrap; | |||
} | |||
/* Footer */ | |||
.va-portal-footer { | |||
margin: 10px auto; | |||
padding: 0; | |||
text-align: center; | |||
width: 800px; | |||
} | |||
.va-portal-footer-section { | |||
border-collapse: collapse; | |||
margin: 5px auto 0; | |||
} | |||
.va-portal-footer-section-header { | |||
padding: 0 5px; | |||
} | |||
.va-portal-footer-section-body { | |||
border-top: 1px solid #AAA; | |||
display: inline-block; | |||
font-size: 0.85em; | |||
max-width: 100%; | |||
padding: 0 5px; | |||
} | |||
/* Did you know */ | |||
.va-portal-dyk p { | |||
margin: 0; | |||
} | |||
.va-portal-dyk-item { | |||
padding: 0 0 0 15px; | |||
position: relative; | |||
} | |||
.va-portal-dyk .va-portal-dyk-dots { | |||
float: left; | |||
margin-left: -15px; | |||
width: 15px; | |||
} | |||
/* News items */ | |||
.va-portal-news-item + .va-portal-news-item { | |||
border-top: 1px solid #AAA; | |||
margin-top: 10px; | |||
padding-top: 10px; | |||
} | |||
.va-portal-news-item .va-portal-news-item-comments, | |||
.va-portal-news-item .va-portal-news-item-details, | |||
.va-portal-news-item .va-portal-news-item-more { | |||
font-size: 10px; | |||
line-height: 15px; | |||
} | |||
.va-portal-news-item .va-portal-news-item-comments { | |||
float: right; | |||
} | |||
.va-portal-news-item .va-portal-news-item-details { | |||
margin-left: 10px; | |||
} | |||
.va-portal-news-item .va-portal-news-item-footer { | |||
line-height: 10px; | |||
margin-top: 0.5em; | |||
} | |||
.va-portal-news-item .va-portal-news-item-summary > *, | |||
.va-portal-news-item .va-portal-news-item-summary > p:first-child + p { | |||
display: none; | |||
} | |||
.va-portal-news-item .va-portal-news-item-summary > p:first-child, | |||
.va-portal-news-item .va-portal-news-item-summary > *:first-child + p { | |||
display: block; | |||
} | |||
/* Forum activity */ | |||
.va-portal-forumactivity ul li { | |||
font-size: 0.781em; | |||
line-height: 1.5em; | |||
} | |||
.va-portal-forumactivity ul li a:first-child { | |||
display: block; | |||
font-size: 1.28em; | |||
line-height: 1.5em; | |||
} | |||
/* ################################################## */ | |||
/* ### CONSOLE COMMANDS (Modèle:Console) ### */ | |||
/* ################################################## */ | |||
.va-console { | |||
background-color: #CFC; | |||
color: #000; | |||
font-family: consolas; | |||
padding: 2px; | |||
} | |||
.va-console-cmd { | |||
color: #555; | |||
} | |||
/* ################################################## */ | |||
/* ### INTRODUCTION (Modèle:Introduction) ### */ | |||
/* ################################################## */ | |||
.va-intro-image { | |||
padding-left: 2px; | |||
padding-right: 2px; | |||
} | |||
.va-intro td { | |||
padding-bottom: 2px; | |||
} | |||
.va-intro-header { | |||
font-size: 16px; | |||
font-weight: bold; | |||
} | |||
.va-intro-bullets { | |||
font-size: 11px; | |||
line-height: 16px; | |||
vertical-align: top; | |||
font-family: sans-serif; | |||
} | |||
/* ################################################## */ | |||
/* ### SCHÉMA (Modèle:Schéma) ### */ | |||
/* ################################################## */ | |||
.va-chart-quest { | |||
background:#171717; | |||
border: 1px solid #AAA !important; | |||
font-family: sans-serif; | |||
font-size: 11px; | |||
line-height: 16px;; | |||
} | |||
.va-chart-body { | |||
background:#383838; | |||
border:1px solid #AAA !important; | |||
color: #D7D7D7; | |||
font-family: sans-serif; | |||
font-size: 11px; | |||
line-height: 16px;; | |||
} | |||
.va-chart-reward { | |||
background:#E8E8A2; | |||
border:1px solid #AAA !important; | |||
font-family: sans-serif; | |||
font-size: 11px; | |||
line-height: 16px;; | |||
} | |||
/* ################################################## */ | |||
/* ### AUDIO SNIPPETS, QUOTES & TRANSCRIPTS ### */ | |||
/* ### (Modèle:Listen, Modèle:Citation ligne, ### */ | |||
/* ### Modèle:Newsquote, Modèle:Citation, ### */ | |||
/* ### Modèle:Transcription) ### */ | |||
/* ################################################## */ | |||
/* Citation */ | |||
.mw-body-content blockquote { | |||
border-left: none; | |||
} | |||
blockquote { | |||
margin: 0 auto; | |||
} | |||
q::before, q::after { | |||
content: ""; | |||
} | |||
blockquote small { | |||
margin-bottom: 10px; | |||
display: block; | |||
padding-left: 150px; | |||
} | |||
blockquote small, q small { | |||
font-size: inherit; | |||
} | |||
blockquote .mediaContainer { | |||
display: inline-block; | |||
} | |||
/* Container */ | |||
.va-listen, | |||
.va-newsquote, | |||
.va-quotation, | |||
.va-transcript { | |||
line-height: 18px; | |||
padding: 10px 25px; | |||
} | |||
.va-quotation { | |||
overflow: hidden; | |||
} | |||
.va-quotation-body { | |||
display: block; | |||
} | |||
.va-quotation-quote { | |||
display: block; | |||
position: relative; | |||
} | |||
.va-listen-left, | |||
.va-listen-right, | |||
.va-quotation-left, | |||
.va-quotation-right { | |||
border-bottom: 1px solid #AAA; | |||
border-top: 1px solid #AAA; | |||
width: 200px; | |||
} | |||
.va-listen-left, | |||
.va-quotation-left { | |||
clear: left; | |||
float: left; | |||
margin: 10px 10px 10px 0; | |||
} | |||
.va-listen-right, | |||
.va-quotation-right { | |||
clear: right; | |||
float: right; | |||
margin: 10px 0 10px 10px; | |||
} | |||
.va-quotation-center { | |||
text-align: center; | |||
} | |||
.va-quotation-center .va-quotation-body { | |||
display: inline-block; | |||
} | |||
/* Quotation marks/icons */ | |||
.va-listen-icon, | |||
.va-newsquote-quot-l, | |||
.va-newsquote-quot-r, | |||
.va-quotation-quot-l, | |||
.va-quotation-quot-r, | |||
.va-transcript-icon { | |||
width: 40px; | |||
z-index: -1; | |||
} | |||
.va-listen-icon, | |||
.va-newsquote-quot-l, | |||
.va-newsquote-quot-r, | |||
.va-transcript-icon { | |||
position: relative; | |||
} | |||
.va-quotation-quot-l, | |||
.va-quotation-quot-r { | |||
position: absolute; | |||
} | |||
.va-listen-icon, | |||
.va-transcript-icon { | |||
float: left; | |||
left: -25px; | |||
margin-right: -40px; | |||
top: -5px; | |||
} | |||
.va-newsquote-quot-l, | |||
.va-newsquote-quot-r, | |||
.va-quotation-quot-l, | |||
.va-quotation-quot-r { | |||
color: #383838; | |||
font: bold 55px/40px serif; | |||
height: 18px; | |||
} | |||
.va-newsquote-quot-l, | |||
.va-quotation-quot-l { | |||
left: -15px; | |||
text-align: left; | |||
} | |||
.va-newsquote-quot-r, | |||
.va-quotation-quot-r { | |||
right: -15px; | |||
text-align: right; | |||
} | |||
.va-newsquote-quot-l { | |||
float: left; | |||
margin-right: -40px; | |||
} | |||
.va-newsquote-quot-r { | |||
float: right; | |||
margin-left: -40px; | |||
} | |||
.va-quotation-quot-l { | |||
top: -17px; | |||
} | |||
.va-quotation-quot-r { | |||
bottom: 17px; | |||
} | |||
/* Quoted text/audio file desc */ | |||
.va-listen-item, | |||
.va-listen-item .ogg-player-options, | |||
.va-newsquote-text, | |||
.va-quotation-text { | |||
font-size: 12px; | |||
} | |||
.va-transcript-text { | |||
font-family: monospace; | |||
font-size: 13px; | |||
} | |||
.va-quotation-text { | |||
display: block; | |||
margin-left: 15px; | |||
margin-right: 15px; | |||
margin-top: -0.4em; | |||
text-align: left; | |||
} | |||
.va-quotation-text ol, | |||
.va-quotation-text p, | |||
.va-quotation-text ul { | |||
margin-bottom: 0; | |||
} | |||
/* Source */ | |||
.va-newsquote-source, | |||
.va-quotation-source { | |||
padding: 5px 0 0; | |||
text-align: right; | |||
} | |||
.va-quotation-source { | |||
display: block; | |||
font-size: 10px; | |||
line-height: 15px; | |||
margin-right: 15px; | |||
} | |||
/* "Incomplete quote" dots */ | |||
.va-newsquote-dots { | |||
font-style: normal; | |||
padding: 3px 0; | |||
} | |||
/* Audio file list */ | |||
.va-listen-item { | |||
margin: 0 auto; | |||
width: 180px; | |||
} | |||
.va-listen-item audio { | |||
margin-bottom: 5px; | |||
width: 100%; | |||
} | |||
.va-listen-item div { | |||
margin-bottom: 2px; | |||
} | |||
.va-listen-item + .va-listen-item { | |||
border-top: 1px solid #D9D9D9; | |||
margin-top: 5px; | |||
} | |||
.np-quote-snd-trigger { | |||
display: inline-block; | |||
position: relative; | |||
top:auto; | |||
left:auto; | |||
padding: 0px 2px; | |||
} | |||
.np-quote-snd-trigger:hover .np-quote-snd-player { | |||
display:block; | |||
} | |||
.np-quote-snd-player { | |||
display:none; | |||
position:absolute; | |||
top:-30px; | |||
left:100%; | |||
z-index:100 !important; | |||
width: 300px; | |||
overflow-x: hidden; | |||
margin:0px; | |||
padding:5px 10px 10px 10px; | |||
border:1px solid #CCCCCC; | |||
border-radius:5px; | |||
box-shadow:#AAAAAA 2px 2px 5px 0px; | |||
background-color:White; | |||
color: Black; | |||
text-align: left; | |||
font: normal normal normal 13px/normal Helvetica,Arial,sans-serif; | |||
} | |||
.np-quote-snd-player-img { | |||
float:left; | |||
width:50px; | |||
} | |||
.np-quote-snd-player-title { | |||
width:250px; | |||
height:50px; | |||
display:table-cell; | |||
vertical-align:middle; | |||
} | |||
.np-quote-snd-player-title span { | |||
font-size: 18px; | |||
} | |||
/* ################################################## */ | |||
/* ### HATNOTES (Modèle:Hatnote) ### */ | |||
/* ################################################## */ | |||
.va-hatnote { | |||
font-style: italic; | |||
margin-bottom: 5px; | |||
padding-left: 2em; | |||
} | |||
/* ################################################## */ | |||
/* ### GALERIES VIDÉO (Modèle:Galerie de vidéos) ### */ | |||
/* ################################################## */ | |||
.va-videogallery { | |||
list-style-image: none !important; | |||
list-style-position: outside !important; | |||
list-style-type: none !important; | |||
margin: 2px !important; | |||
padding: 2px !important; | |||
} | |||
.va-videogallery-desc { | |||
clear: left; | |||
} | |||
.va-videogallery-item { | |||
display: inline-block; | |||
vertical-align: top; | |||
} | |||
.va-videogallery-item .thumb { | |||
margin: 2px; | |||
} | |||
.va-videogallery-item .thumbcaption { | |||
display: none; | |||
} | |||
/* ################################################## */ | |||
/* ### LIENS "EN SAVOIR PLUS" (Modèle:Plus) ### */ | |||
/* ################################################## */ | |||
.va-more { | |||
margin-top: 0.5em; | |||
} | |||
.va-more-link { | |||
font-size: 10px; | |||
line-height: 15px; | |||
} | |||
/** | |||
* Styling for links generated by [[MediaWiki:Edittools]] | |||
* @source https://www.mediawiki.org/wiki/Extension:CharInsert#Styling | |||
* @updated 2012-02-29 | |||
*/ | |||
.client-js .mw-edittools-section { | |||
display: inline; | |||
} | |||
/* ######################################################## */ | |||
/* ### CONTENU EXTENSIBLE (Modèle:Contenu extensible) ### */ | |||
/* ######################################################## */ | |||
.va-expandable-content .mw-collapsible-toggle { | |||
display: none; | |||
} | |||
.va-expandable-content .mw-collapsible-toggle-collapsed, | |||
.va-expandable-content .mw-collapsible-toggle-expanded { | |||
display: inline-block; | |||
float: none; | |||
margin-left: 2em; | |||
} | |||
.va-expandable-content .mw-collapsible-toggle-collapsed .collapsed, | |||
.va-expandable-content .mw-collapsible-toggle-expanded .expanded { | |||
display: none; | |||
} | |||
.va-expandable-content .mw-collapsible-toggle span { | |||
color: #51E527; | |||
} | |||
.va-expandable-content .mw-collapsible-toggle span:hover { | |||
cursor: pointer; | |||
text-decoration: underline; | |||
} | |||
/* ######################################################## */ | |||
/* ### LISTES (Modèle:Liste horizontale) ### */ | |||
/* ######################################################## */ | |||
/* Classe pour les listes horizontales séparées par des puces. | |||
Adaptation de la classe 'hlist' de en:User:Edokter. | |||
(cf. [[mw:Snippets/Horizontal lists]]). */ | |||
.liste-horizontale ul, | |||
.liste-horizontale li { | |||
margin-left: 0; | |||
display: inline; | |||
white-space: nowrap; | |||
*white-space: normal; /* be kind ie7 */ | |||
} | |||
.liste-horizontale ul:after { /* be kind firefox (38) : cas ou le dernier élément est une sous-liste avec un seul élément */ | |||
white-space: normal; | |||
} | |||
.liste-horizontale li:after { | |||
content: " "; /* au cas ou Mediawiki supprime les retours ligne */ | |||
} | |||
.liste-horizontale li + li:before { | |||
white-space: normal; | |||
content: "· "; | |||
font-weight: bold; | |||
} | |||
.liste-horizontale li li:first-child:before { | |||
white-space: normal; | |||
content: " ("; | |||
} | |||
.liste-horizontale li ul:after { | |||
content: ")"; | |||
margin-left: -0.28em; | |||
} | |||
/* ######################################################## */ | |||
/* ### HOMONYMIES (Modèle:Homonymie) ### */ | |||
/* ######################################################## */ | |||
/* Personnalisation de l'apparence des liens vers les pages d'homonymie. */ | |||
.homonymie { | |||
padding-left: 2em; | |||
padding-bottom: .5em; | |||
margin-bottom: .5em; | |||
margin-top: -0.6em; | |||
font-style: italic; | |||
border-bottom: 1px #aaa solid; | |||
} | |||
/* ######################################################### */ | |||
/* ### TABLEAUX D'ARTISANAT (Modèle:Tableau d'artisanat) ### */ | |||
/* ######################################################### */ | |||
.va-crafting-chart { | |||
font-size: 12px; | |||
line-height: 16px; | |||
margin-bottom: 5px; | |||
} | |||
.va-crafting-chart .selflink { | |||
font-weight: normal; | |||
} | |||
.va-crafting-chart-left, | |||
.va-crafting-chart-right { | |||
width: 31%; | |||
} | |||
.va-crafting-chart-middle { | |||
width: 30%; | |||
} | |||
.va-crafting-chart-chevron { | |||
width: 4%; | |||
} | |||
.va-crafting-chart-chevron .va-chevron-right { | |||
border-left-color: rgba(58,58,58,0.2); | |||
border-width: 5px; | |||
margin-right: -5px; | |||
} | |||
.va-crafting-chart-item { | |||
background-color: rgba(58,58,58,0.2); | |||
border: 1px solid #383838; | |||
margin: 0; | |||
padding: 1px 2px; | |||
} | |||
.va-crafting-chart-item + .va-crafting-chart-item { | |||
margin-top: 3px; | |||
} | |||
.va-crafting-chart-subitem { | |||
padding: 1px 0; | |||
} | |||
.va-crafting-chart-subitem + .va-crafting-chart-subitem { | |||
border-top: 1px solid #383838; | |||
margin-top: 1px; | |||
} | |||
/* ######################################################### */ | |||
/* ### LISTE DE COMPÉTENCES (Modèle:Compétences) ### */ | |||
/* ######################################################### */ | |||
/* Listes SPECIAL */ | |||
.avt-special-list | |||
{ | |||
list-style: none; | |||
margin: 0 !important; | |||
} | |||
.avt-special-list li span:last-child | |||
{ | |||
float: right; | |||
} | |||
/* ######################################################### */ | |||
/* ### REGLES LARGEUR ECRA ### */ | |||
/* ######################################################### */ | |||
@media screen and (max-width: 1280px) | |||
{ | |||
.portal-body { | |||
display: block !important; | |||
} | |||
.portal-body-left, .portal-body-right { | |||
width: auto !important; | |||
display: block !important; | |||
} | |||
} | |||
/* ############################################ */ | |||
/* ### CRAFTING TABLES ### */ | |||
/* ### Used in: Template:Crafting table ### */ | |||
/* ############################################ */ | |||
.np-crafting-table { | |||
font-size: 11px; | |||
line-height: 16px; | |||
margin-bottom: 5px; | |||
} | |||
.np-crafting-block { | |||
border: 1px solid #AAA; | |||
margin: 0; | |||
padding: 1px 2px; | |||
} | |||
.np-crafting-block + .np-crafting-block { | |||
margin-top: 3px; | |||
} | |||
.np-crafting-table .selflink { | |||
font-weight: normal; | |||
} | |||
/* ### FIN IMPORTATION DE L'ANCIEN CONTENU DE COMMON.CSS ### */ | |||
/* ################################################## */ | /* ################################################## */ |
modifications