MediaWiki:Citizen.css

/*
  --------------------------------------------------- 
  Variables
  --------------------------------------------------- 
  Ces variables définissent les couleurs utilisés par
  le wiki.
  ---------------------------------------------------
*/

:root.skin-citizen-dark {
	--color-link: #51E527;
	--color-link--hover: #18440b;
	--color-primary: #51E527;
	--color-base: #CCCCCC;
	--color-primary--hover: #18440b;
	--background-main: #000100;
	--background-color-overlay: rgba(0, 0, 0, 0.99);
	--background-color-primary--hover: #18440b;
	--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-framed: #040d02;
	--background-color-framed--hover: #091b04;
	--background-color-framed-975-active: #020601;
	--box-background-color: #000300;
	--box-shadow: 0 0 10px #071403;
}
:root {
	--background-main: #fbfaf2;
	--color-link: #5A84A0;
	--color-link-new: #EE474D;
	--background-color-dp-00: #c5be94;
	--background-color-dp-01: #ded6a7;
	--background-color-dp-02: #F7EEBA;
	--background-color-dp-03: #f7efc0;
	--background-color-dp-04: #f8f1c7;
	--background-color-dp-06: #f9f3ce;
	--background-color-dp-08: #faf4d5;
	--background-color-dp-12: #fbf6dc;
	--background-color-dp-16: #fbf8e3;
	--background-color-dp-24: #fcf9ea;
	--box-background-color: #FDFBEE;
	--box-shadow: 0 0 10px #F7EEBA;
}

/*
  --------------------------------------------------- 
  Legacy
  --------------------------------------------------- 
  le style ci-dessous doit être maintenu tant          
  que les modèles associés sont encore utilisés. 
  Ces classes doivent être supprimées.     
  ---------------------------------------------------
*/

/* 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")}

/* Arrière-plan partagé */
.va-infobox-title,.va-navbox-title{background-color:#383020;background-image:none;background:url("/skins/Vector/images/background/foggy.png") !important}

/* Boîte générique */
.va-genericbox{background:#383838;border:1px solid #AAA}

/* Modèle:Docparam */
.va-docparam{background:#678e6c;border:1px dotted #d9d9d9;margin-bottom:3px;overflow:auto;padding:0 2px 0 20px;text-indent:-20px}.va-docparam-icon{float:left;margin:0;padding:0;width:20px}.va-docparam-default{float:right;font-size:10px}.va-docparam-params{font-family:monospace;color:#000}.va-docparam-desc{margin:0;padding:0 0 5px 20px}

/* 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%}@media print{.va-dirbox{display:none}}

/* Modèle:Navbox | Modèle:Palette */
.va-navbox,.va-navbox-border,.va-navbox-brickcont,.va-navbox-padding,.va-navbox-spacing-h,.va-navbox-spacing-v{background:0 0;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:0}.va-navbox-title{border:0 solid #000;color:#fff;font-weight:400;padding:1px 2px}.va-navbox-headertext,.va-navbox-titletext{font-weight:700;padding-left:40px;padding-right:40px;text-align:center}.va-navbox-maintitle .va-navbox-titletext{font-size:118%;text-align:center}.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:700}.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:#222;border:1px solid #383838}.va-navbox-cell,.va-navbox-column,.va-navbox-image{background:rgba(58,58,58,.2);border:1px solid #383838}.va-navbox-cell-nogroups,.va-navbox-colgroup,.va-navbox-column,.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%}.va-navbox-footer a,.va-navbox-group a{color:#f7eeba}.va-navbox-footer a:visited,.va-navbox-group a:visited{color:#f7eeba}.va-navbox-formatlist li,.va-navbox-formatlist ul{list-style-image:none;list-style-type:none;line-height:16px;margin:.6em 0;padding:0}.va-navbox-formatlist li li{font-size:90%}.va-navbox-formatlist li ul{margin-bottom:.5em;margin-top:-.1em}.va-navbox-formatlist li ul li{margin:0}.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}.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:active,.va-navbox-maintitle a:hover{color:#fff}.va-navbox-maintitle a.new{color:#f11!important}.va-navbox-maintitle .mw-collapsible-toggle a{color:#fff!important}@media print{.va-navbox,.va-navbox-border{display:none}}

/* 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:#000}

/* 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:700;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%}

/* Titres des portails cachés */
body.action-view.page-Accueil #firstHeading,body.action-view.page-Portail_Fallout #firstHeading,body.action-view.page-Portail_Fallout_2 #firstHeading,body.action-view.page-Portail_Fallout_3 #firstHeading,body.action-view.page-Portail_Fallout_4 #firstHeading,body.action-view.page-Portail_Fallout_New_Vegas #firstHeading,body.action-view.page-Portail_Fallout_Shelter #firstHeading,body.action-view.page-Portail_Fallout_Tactics #firstHeading{position:absolute;top:-5000px}
/* Portails va */
.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}#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}.va-portal-section{background:0 0;border:1px solid #aaa;margin-bottom:5px;margin-top:0;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{border:0 solid #000;color:#fff;margin:1px 1px 0;padding:3px 5px;text-align:center;border:none;font-size:20px;font-weight:700;margin-top:0;padding:0}.va-portal-section-header a:active,.va-portal-section-header a:hover,.va-portal-section-header a:link,.va-portal-section-header a:visited{color:#fff!important}.va-portal-section-header a.new{color:#f11!important}.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:400}.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}.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}.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:700}.va-portal-buttons{border-collapse:collapse;font-size:95%;margin:0 auto;text-align:center}.va-portal-buttons td,.va-portal-buttons th{width:20%}.va-portal-buttons th{font-weight:400;padding-top:3px;vertical-align:middle}.va-portal-buttons td{padding-bottom:3px;vertical-align:top;white-space:nowrap}.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:.85em;max-width:100%;padding:0 5px}.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}.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:.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>:first-child+p,.va-portal-news-item .va-portal-news-item-summary>p:first-child{display:block}.va-portal-forumactivity ul li{font-size:.781em;line-height:1.5em}.va-portal-forumactivity ul li a:first-child{display:block;font-size:1.28em;line-height:1.5em}
/* Portail jeu */
.globegris{background-image:url(/skins/common/images/wiki.png)}.portail-titre{font-size:250%;color:#51e527}.portailhaut{background-color:rgba(58,58,58,.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}.portailgauche{width:65%;border:1px solid #383838;vertical-align:top;background:rgba(58,58,58,.2);padding:0 10px 10px 0;border-radius:10px}.portaildroite{width:35%;border:1px solid #383838;background:rgba(58,58,58,.2);vertical-align:top;padding:0 10px 10px 0;border-radius:10px}.portail-bandeau{background-image:url(/images/c/cb/Bandeau_gris.png);background-repeat:no-repeat}.portail-haut{background-color:rgba(58,58,58,.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}.portail-gauche{width:65%;border:1px solid #383838;vertical-align:top;background:rgba(58,58,58,.2);padding:0 10px 10px 0;border-radius:10px}.portail-droite{width:35%;border:1px solid #383838;background:rgba(58,58,58,.2);vertical-align:top;padding:0 10px 10px 0;border-radius:10px}.logoportailfo1{background-image:url(/images/6/69/Fo1_portail_armure.png);background-size:392px;background-position:-85px -67px}.logoportailfo2{background-image:url(/images/2/2b/Fo2_portail_armure.png);background-size:231px auto;background-position:-2px -50px}.logoportailfot{background-image:url(/images/3/31/Fot_portail_armure-min.png);background-size:224px;background-position:-9px -19px}.logoportailfo3{background-image:url(/images/c/c7/Fo3_portail_armure.png);background-size:304px auto;background-position:-72px -73px}.logoportailfnv{background-image:url(/images/2/28/Fnv_portail_ranger.png);background-size:418px auto;background-position:-114px -42px}.logoportailfo4{background-image:url(/images/f/f0/Fo4_portail_h%C3%A9ros_et_son_chien.png);background-size:206px auto;background-position:0 -32px}.logoportailfos{background-image:url(/images/d/d4/Fos_portail_vaultboy.png);background-size:184px auto;background-position:11px -17px}
/* Portail principal */
.portal-thematic{-webkit-column-count:4;-moz-column-count:4;column-count:4;color:#51e527}.portal-thematic dl{margin:auto;padding:0;page-break-inside:avoid}.portal-thematic dt{border-bottom:1px solid #383838}.portal-thematic dd,.portal-thematic dt{display:flex;align-items:center;height:40px;margin:0}.portal-thematic dd span:first-child,.portal-thematic dt span:first-child{width:65px;text-align:center}.portal-color{border:1px solid #383838;background:rgba(58,58,58,.2);border-radius:10px}.portal-body{display:table;margin-top:10px}.portal-body-left{width:65%;vertical-align:top;padding:10px;display:table-cell}.portal-body-right{width:35%;vertical-align:top;padding:10px;display:table-cell}.portal-body-separator{border:5px solid transparent}.portal-home-header{padding:5px 5px 5px 0}.portal-home-header>span{padding-left:200px}.portal-home-header span{display:block;font-size:95%}.portal-home-bckg{background-image:url(/resources/assets/wiki.png?a7f4d);background-repeat:no-repeat;background-position:-198px -18px}.portal-home-title{font-size:250%!important;color:#51e527}.portal-wikistats{float:right;text-align:right;margin:5px}.portal-fogen-links{text-align:center}.portal-frame-title{background-image:url(/images/c/cb/Bandeau_gris.png);background-repeat:no-repeat;background-position:left center;height:30px}.portal-frame-title img{position:relative;top:-9px;left:7px}.portal-frame-title h2{margin:0;display:inline-block;border:0;padding:0 0 0 9px}.portal-frame-content{padding:15px}.liste-portails{text-align:center}.liste-portails ul{list-style:none;padding:0;margin:0}.liste-portails ul li{display:inline-block;width:150px}.liste-portails ul li span:first-child{display:table-cell;width:150px;height:60px;vertical-align:middle}.portal-game-content{-moz-column-count:3;-moz-column-gap:20px;-webkit-column-count:3;-webkit-column-gap:20px;column-count:3;column-gap:20px}.portal-game-content ul li:first-child{display:flex;align-items:center;padding:3px 0 3px 0;margin:10px 0 2px 0;border-bottom:1px solid #383838;background:linear-gradient(to bottom,rgba(25,25,25,0) 0,rgba(231,56,39,0) 0,rgba(25,25,25,.25) 25%,rgba(25,25,25,.56) 56%,rgba(25,25,25,.6) 60%,#191919 100%)}.portal-game-content ul:first-child li:first-child{margin:0 0 2px 0}.portal-game-content ul li:first-child span:first-child{width:70px;height:30px;text-align:center}.portal-game-content ul{margin:0;page-break-inside:avoid;padding:0;list-style-position:inside;min-height:130px}.portal-game-content li{display:inline-block;line-height:2em}.portal-game-content li:first-child::after,.portal-game-content li:last-child::after{content:"";margin-right:0}.portal-game-content li::after{content:",";margin-right:5px}

/* Modèle:Console */
.va-console{background-color:#cfc;color:#000;font-family:consolas;padding:2px}.va-console-cmd{color:#555}

/* Modèle:Introduction */
.va-intro-image{padding-left:2px;padding-right:2px}.va-intro td{padding-bottom:2px}.va-intro-header{font-size:16px;font-weight:700}.va-intro-bullets{font-size:11px;line-height:16px;vertical-align:top;font-family:sans-serif}

/* 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}

/* Modèle:Plus */
.va-more{margin-top:.5em}.va-more-link{font-size:10px;line-height:15px}

/* MediaWiki:Newarticle */
.mw-newarticletext,.mw-newarticletextanon{border:1px solid #383838;margin-bottom:10px;padding:10px;background-color:rgba(58,58,58,.2)}.mw-newarticletext h2,.mw-newarticletextanon h2{border:none;color:#51e527;padding:0;margin:10px 0 13px 0}.new-article-game{color:#51e527}

/*
  --------------------------------------------------- 
  Citizen override
  --------------------------------------------------- 
  le style ci-dessous écrase les classes par défaut
  de l'habillage Citizen.  
  ---------------------------------------------------
*/

html,
body {
	background: var(--background-main);
}
.toc {
	background: none;
	border: none;
}
#p-views #ca-edit > a,
#p-views #ca-ve-edit > a {
	background: none;
}
.oo-ui-panelLayout {
	background: var(--background-color-dp-00);
}
.mw-rcfilters-ui-menuSelectWidget-footer {
	background-color: #f8f9fa;
	border-top: 1px solid #c8ccd1;
	padding: 0.85714286em;
}
.toctitle h2 {
	left: 0px; /* fix décalage titre toc */
}
/* CodeMirror */
.CodeMirror {
	background: var(--box-background-color);
}
.cm-mw-template-bracket,
.cm-mw-template-name,
.cm-mw-template-delimiter,
.cm-mw-template-argument-name,
.cm-mw-template {
	color: #9a4bc2;
}

/* ------------------------------ */
/* MediaWiki:Sitenotice           */
/* ------------------------------ */

.avt-sitenotice {
  border: 1px solid var(--border-color-base--darker);
  background-color: var(--box-background-color);
  box-shadow: var(--box-shadow);
  padding: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.avt-sitenotice a {
  color: var(--color-link) !important;
}

/* ----------------------- */
/* Tables personnalisées   */
/* ----------------------- */

.va-table {
	box-shadow: var(--box-shadow);
	background-color: var(--box-background-color);
	border-collapse: collapse;
	empty-cells: show;
	font-size: 12px;
	line-height: 16px;
	margin-bottom: 5px;
	font-family: sans-serif;
	overflow: auto;
}
.va-table > tr > td,
.va-table > * > tr > td,
.va-table > tr > th,
.va-table > * > tr > th {
	border: 1px solid var(--border-color-base--darker);
	padding: 1px 2px;
}
.va-table > tr > th,
.va-table > * > tr > th {
	background-color: var(--background-color-dp-02);
	font-weight: bold;
	text-align: center;
}
/* 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: var(--background-color-dp-01);
}
/* 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;
}

/*
  --------------------------------------------------- 
  Extension override
  --------------------------------------------------- 
  le style ci-dessous écrase les classes définies
  par les extensions.
  ---------------------------------------------------
*/

/* ------------------------ */
/* Extension:SocialProfil   */
/* ------------------------ */

#profile-image img,
.user-relationship-container img {
	background-color: var(--box-background-color);
	border: 1px solid var(--border-color-base--darker);
	padding: 3px;
}
#profile-top,
.user-section-heading {
	border-bottom: 1px solid var(--border-color-base--darker);
}
.user-board-message {
	border-color: var(--border-color-base--darker);
}
.user-board-message-from {
	background-color: var(--background-color-dp-02);
}

/*
  --------------------------------------------------- 
  Portals
  --------------------------------------------------- 
  Les classes ci-dessous sont utilisées par les
  portails.
  ---------------------------------------------------
*/

.homepage {
  display: grid;
  grid-gap: 1rem;
  grid-template-areas: 
    "welcome welcome"
    "games games"
    "theme theme"
    "presentation participation"
    "articleday imageday";
}
.homepage-box {
  border: 1px solid var(--border-color-base--darker);
  background: var(--box-background-color);
  box-shadow: var(--box-shadow);
  padding: 1rem;
}
.homepage-welcome {
  grid-area: welcome;
}
.homepage-portal-games {
  grid-area: games;
}
.homepage-portal-theme {
  grid-area: theme;
}
.homepage-presentation {
  grid-area: presentation;
}
.homepage-participation {
  grid-area: participation;
}
.homepage-articleday {
  grid-area: articleday;
}
.homepage-imageday {
  grid-area: imageday;
}
.homepage-welcome-subtitle,
.homepage-welcome-links,
.homepage-portal-theme {
  text-align: center;
}
.homepage-welcome-fogen {
  margin-bottom: 1rem;
  text-align: center;
}
.homepage-welcome-title {
  text-align: center;
  font-size: 200%;
  margin: 0 50px 5px 50px;
  border-bottom: 1px solid var(--border-color-base--darker);
  text-shadow: 0 0 8px var(--color-link);
  color: var(--color-link);
}
.homepage-portal-games-title,
.homepage-portal-theme-title {
  text-align: center;
  font-size: 150%;
  border-bottom: 1px solid var(--border-color-base--darker);
  margin: 0 50px 20px 50px;
  text-shadow: 0 0 8px var(--color-link);
  color: var(--color-link);
}
.homepage-portal-games-list {
  list-style: none;
  margin: 0 !important;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr; 
  grid-template-rows: 1fr 1fr;
  grid-gap: 30px 0;
}
.homepage-portal-games-item {
  text-align: center;
  font-size: 0.85em;
}
.homepage-portal-games-logo {
  height: 60px;   
}
.homepage-presentation-title,
.homepage-participation-title,
.homepage-articleday-title,
.homepage-imageday-title {
  border-bottom: 1px solid var(--border-color-base--darker);
  margin-bottom: 20px;
  text-shadow: 0 0 8px var(--color-link);
  color: var(--color-link);
}
.homepage-presentation-content,
.homepage-participation-content,
.homepage-articleday-content,
.homepage-imageday-content {
  font-size: 0.85em;
}

/*
  --------------------------------------------------- 
  Cross classes
  --------------------------------------------------- 
  Les classes ci-dessous sont utilisées par plusieurs
  modèles ou modules
  ---------------------------------------------------
*/

/* Pour créer des listes simples, souvent appelées
dans des modèles ou des tables */
.avt-simple-list {
  margin: 0 !important;
  list-style: none;
}
/* Séparateur <hr/> */
.separator {
  background-color: var(--border-color-base--darker);
}

/*
  --------------------------------------------------- 
  Templates & Modules
  --------------------------------------------------- 
  le style ci-dessous défini l'apparence des modèles
  et des modules.
  Les modèles doivent être rangés dans l'ordre
  alphabétique.
  ---------------------------------------------------
*/

/* ------------------------------ */
/* Modèle:Bandeau d'avertissement  */
/* ------------------------------ */

.avt-warn-banner {
  margin: 0.5em 90px;
  display: grid;
  grid-template-columns: max-content auto;
  gap: 8px;
  padding: 0 10px;
  border-style: solid;
  border-width: 1px 1px 1px 12px;
  background-color: var(--background-color-dp-00);
}
.avt-warn-banner-header {
  font-weight: bold;
}
.avt-warn-banner-img {
  margin: auto;
}
.avt-warn-banner-text {
  padding: 5px;
}
.avt-warn-banner-desc,
.avt-warn-banner-note {
  font-size: 0.8em;
}
/* Types de bandeau */
.avt-warn-banner-maintenance {
  border-color: var(--color-warning);
}
.avt-warn-banner-info {
  border-color: #77ccff;
}
.avt-warn-banner-license {
  border-color: #c0c0ff;
}

/* ------------------------------ */
/* Modèle:Bandeau de note         */
/* ------------------------------ */

.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--darker);
  display: flex;
  align-items: center;
  gap: 10px;
}
.avt-note-banner + .avt-note-banner {
	margin-top: calc(-0.5em - 1.05px);
}

/* ------------------------------ */
/* Modèle:Bandeau de rubrique     */
/* ------------------------------ */

.avt-section-banner {
  padding: 0.25em 0.5em;
  border-top: 1px solid var(--border-color-base--darker);
  border-bottom: 1px solid var(--border-color-base--darker);
  margin: 0.5em 0 0.5em 2em;
  background-color: var(--background-color-dp-00);
  font-size: 0.9em;
  overflow: hidden;
  display: flex;
  align-items: center;
  gap: 10px;
}

/* ------------------------------ */
/* Modèle:Bandeau de source       */
/* ------------------------------ */

.avt-source-banner {
  margin: 0.5em 0;
  display: flex;
  gap: 8px;
  align-items: center;
}
.avt-source-banner-text {
  padding: 5px;
  font-size: 0.9em;
  border-top: 1px solid var(--border-color-base--darker);
  border-bottom: 1px solid var(--border-color-base--darker);
}

/* ------------------------------ */
/* 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);
}

/* ------------------------------ */
/* Modèle: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;
}

/* ------------------------------ */
/* Modèle:Citation ligne          */
/* ------------------------------ */

.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 var(--border-color-base--darker);
  box-shadow: var(--box-shadow);
  background-color: var(--box-background-color);
  text-align: left;
  font-size: 0.85em;
}
.np-quote-snd-player-img {
  float: left;
  width: 55px;
}
.np-quote-snd-player-title {
  width: 250px;
  height: 50px;
  display: table-cell;
  vertical-align: middle;
}
.np-quote-snd-player-title span {
  font-size: 18px;
}

/* ------------------------------ */
/* Modèle:Documentation           */
/* ------------------------------ */

.va-documentation,
.va-documentation-bar-top,
.va-documentation-bar-bottom {
	border-color: var(--border-color-base--darker);
	border-style: solid;
	clear: both;
}
.va-documentation {
	border-width: 1px;
	margin: 10px 0;
	box-shadow: var(--box-shadow);
	background: var(--box-background-color);
}
.va-documentation-bar-top,
.va-documentation-bar-bottom {
	background-color: var(--background-color-dp-02);
	margin: 0;
	padding: 10px;
}
.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: 20px;
}
.va-documentation-small {
	font-size: 0.8em;
}
.va-documentation-bar-top .external {
	background: none !important;
	padding: 0 !important;
}

/* ---------------------------------- */
/* Modèle:En-tête Aide                */
/* ---------------------------------- */

.avt-help-homepage-title {
  color: var(--color-warning);
  text-align: center;
}
.avt-help-header {
  display: grid;
  gap: 10px;
  grid-template-columns: 1fr 1fr;
  padding: 20px;
  border: 1px solid var(--border-color-base--darker);
  background-color: var(--box-background-color);
  box-shadow: var(--box-shadow);
  justify-items: center;
  align-items: center;
  margin: 1em 0;
}

/* ---------------------------------- */
/* Modèle:Galerie de vidéos           */
/* ---------------------------------- */

.avt-videogallery {
  list-style: none;
  margin: 0.5em 0 !important;
  display: inline-flex;
  flex-wrap: wrap;
  gap: 0 20px;
}

/* ------------------------------ */
/* Modèle:Infobox                 */
/* ------------------------------ */

.avt-infobox {
	box-shadow: var(--box-shadow);
	padding: 5px;
	background-color: var(--box-background-color);
	border: 1px solid var(--border-color-base--darker);
	clear: right;
	float: right;
	font-size: 0.9em;
	line-height: 1.4;
	margin: 0 0 0.5em 1em;
	word-wrap: break-word;
	max-width: 400px;
}
.avt-infobox-header {
	border: 1px solid var(--border-color-base--darker);
	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;
}
.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 {
	height: auto;
	width: auto;
	max-width: 100%;
	max-height: 250px;
}
.avt-infobox-images-legend {
	text-align: center;
	font-size: 0.9em;
}
.avt-infobox table {
	width: 100%;
	margin: 5px 0;
	table-layout: fixed;
	border-collapse: collapse;
	display: table;
}
.avt-infobox caption {
	text-align: center;
  border: 1px solid var(--border-color-base--darker);
}
.avt-infobox p.bloc,
.avt-infobox caption {
	font-weight: bold;
	line-height: 1.1;
	margin: 0 0 5px 0;
	padding: 4px;
	background-color: var(--background-color-dp-02);
}
.avt-infobox th[scope="row"],
.avt-infobox td {
	padding-top: 4px;
	vertical-align: super;
}
.avt-infobox th[scope="row"] {
	text-align: left;
	padding-right: 10px;
	width: 8em;
	max-width: 140px;
	word-wrap: normal;
}
.avt-infobox span.mw-collapsible-toggle {
	float: right;
}
.avt-infobox span.mw-collapsible-toggle a {
	color: var(--color-base);
}
.avt-infobox-armor-rdsd {
  width: 3em;
  display: inline-block;
}

/* ------------------------------ */
/* Modèle:Infobulle               */
/* ------------------------------ */

.avt-tooltip {
  border-bottom: 1px dotted;
  cursor:help
}

/* ---------------------------------- */
/* Modèle:Interactions                */
/* ---------------------------------- */

.avt-interactions {
  list-style: none;
  margin: 0.5em 0 !important;
  max-width: 32rem;
}
.avt-interactions-row {
  display: grid;
  grid-template-columns: 8rem auto;
  border: 1px solid var(--border-color-base--darker);
  margin: 0.25em 0;
  background-color: var(--box-background-color);
  box-shadow: var(--box-shadow);
  padding: 7px;
}
.avt-interactions-img {
  margin: auto;
}
.avt-interactions-text {
  align-self: center; 
  font-size: 0.85em;
}

/* ---------------------------------- */
/* Modèle:Introduction de page-liste  */
/* ---------------------------------- */

.avt-introduction {
  margin: 0.5em 0;
}

/* ------------------------------ */
/* Modèle:Liste de pages-listes   */
/* ------------------------------ */

.avt-game-listpage {
	float: right;
	border: 1px solid var(--border-color-base--darker);
	box-shadow: var(--box-shadow);
	padding: 5px;
	margin: 0 0 0.5em 1em;
	font-size: 0.85em;
	background-color: var(--box-background-color);
  width: 100%;
  max-width: 20rem;
  text-align: center;
}
.avt-game-listpage-title {
	border: 1px solid var(--border-color-base--darker);
	background-color: var(--background-color-dp-02);
  padding: 0.25em 8em;
  margin-bottom: 0.5em;
  font-weight: bold;
}
.avt-game-listpage-list {
  margin: 0 !important;
  list-style: none;
}

/* ------------------------ */
/* Modèle:Liste horizontale */
/* ------------------------ */

.liste-horizontale ul,
.liste-horizontale li {
	margin-left: 0;
	display: inline;
}
.liste-horizontale ul:after {
	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;
}

/* ------------------------ */
/* 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:Références                  */
/* ---------------------------------- */
  
.avt-references {
  font-size: 0.8em;
  line-height: 1.6;
}

/* ---------------------------------- */
/* Modèle:Références nombreuses       */
/* ---------------------------------- */

.avt-references-many {
  height: 230px;
  overflow: auto;
  border: 1px solid var(--border-color-base--darker);
  scrollbar-width: thin;
}

/* -------------------------- */
/* Modèle:Tableau d'artisanat */
/* -------------------------- */

.artisanat {
	font-size: 0.85em;
	display: grid;
	grid-template-columns: 1fr 50px 1fr 50px 1fr;
	margin: 10px 0 10px 0;
}
.artisanat-colonne-titre {
	text-align: center;
	border: 1px solid var(--border-color-base--darker);
	margin-bottom: 3px;
	background-color: var(--background-color-dp-02);
	padding: 3px;
}
.artisanat-colonne-liste > ul {
	list-style: none;
	margin: 0;
}
.artisanat-colonne-liste > ul > li {
	border: 1px solid var(--border-color-base--darker);
	padding: 5px;
	margin-bottom: 3px;
	background: var(--box-background-color);
}
.artisanat-separateur {
	margin: auto;
}

/* ------------------------------ */
/* Modèle:Transcription           */
/* ------------------------------ */

.va-transcript {
  line-height: 18px;
  padding: 10px 25px;
}
.va-transcript-icon {
  width: 40px;
  z-index: -1;
  position: relative;
  float: left;
  left: -25px;
  margin-right: -40px;
  top: -5px;
}
.va-transcript-text {
  font-family: monospace;
  font-size: 13px;
}