62 734
modifications
« MediaWiki:Citizen.css » : différence entre les versions
aucun résumé des modifications
mAucun résumé des modifications |
Aucun résumé des modifications |
||
| Ligne 1 : | Ligne 1 : | ||
/* | /* | ||
--------------------------------------------------- | |||
Variables | |||
--------------------------------------------------- | |||
Ces variables définissent les couleurs utilisés par | |||
le wiki. | |||
--------------------------------------------------- | |||
*/ | |||
:root.skin-citizen-dark { | :root.skin-citizen-dark { | ||
| Ligne 45 : | Ligne 50 : | ||
--box-shadow: 0 0 10px #F7EEBA; | --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, | html, | ||
body { | body { | ||
| Ligne 80 : | Ligne 153 : | ||
} | } | ||
/* | /* ------------------------------ */ | ||
/* | /* 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 { | .va-table { | ||
| Ligne 254 : | Ligne 324 : | ||
} | } | ||
/* ##### | /* | ||
/* | --------------------------------------------------- | ||
/* | 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 { | .avt-infobox { | ||
| Ligne 268 : | Ligne 775 : | ||
line-height: 1.4; | line-height: 1.4; | ||
margin: 0 0 0.5em 1em; | margin: 0 0 0.5em 1em; | ||
word-wrap: break-word; | word-wrap: break-word; | ||
max-width: 400px; | max-width: 400px; | ||
| Ligne 315 : | Ligne 821 : | ||
} | } | ||
.avt-infobox-images img { | .avt-infobox-images img { | ||
height: auto; | |||
width: auto; | |||
max-width: 100%; | max-width: 100%; | ||
height: | max-height: 250px; | ||
} | } | ||
.avt-infobox-images-legend { | .avt-infobox-images-legend { | ||
text-align: center; | text-align: center; | ||
font-size: 0. | font-size: 0.9em; | ||
} | } | ||
.avt-infobox table { | .avt-infobox table { | ||
| Ligne 331 : | Ligne 839 : | ||
.avt-infobox caption { | .avt-infobox caption { | ||
text-align: center; | text-align: center; | ||
border: 1px solid var(--border-color-base--darker); | |||
} | } | ||
.avt-infobox p.bloc, | .avt-infobox p.bloc, | ||
| Ligne 340 : | Ligne 847 : | ||
margin: 0 0 5px 0; | margin: 0 0 5px 0; | ||
padding: 4px; | padding: 4px; | ||
background-color: var(--background-color-dp-02); | background-color: var(--background-color-dp-02); | ||
} | } | ||
.avt-infobox th[scope="row"], | .avt-infobox th[scope="row"], | ||
| Ligne 348 : | Ligne 853 : | ||
padding-top: 4px; | padding-top: 4px; | ||
vertical-align: super; | vertical-align: super; | ||
} | } | ||
.avt-infobox th[scope="row"] { | .avt-infobox th[scope="row"] { | ||
| Ligne 361 : | Ligne 865 : | ||
} | } | ||
.avt-infobox span.mw-collapsible-toggle a { | .avt-infobox span.mw-collapsible-toggle a { | ||
color: var(--color-base) | 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); | 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 { | .palette .mw-collapsible-toggle a { | ||
color: var(--color-base); | color: var(--color-base); | ||
} | } | ||
.palette-banniere { | .palette-banniere { | ||
| Ligne 399 : | Ligne 1 001 : | ||
border-top: 2px solid transparent; | border-top: 2px solid transparent; | ||
} | } | ||
.palette { | .palette { | ||
clear: both; | clear: both; | ||
| Ligne 405 : | Ligne 1 006 : | ||
padding: 3px; | padding: 3px; | ||
font-size: 88%; | font-size: 88%; | ||
border: 1px solid var(--border-color-base--darker); | |||
} | } | ||
.palette ul, | .palette ul, | ||
| Ligne 410 : | Ligne 1 012 : | ||
.palette p { | .palette p { | ||
margin: 0 !important; | margin: 0 !important; | ||
padding: 0; | padding: 0 !important; | ||
line-height: 1.6em; | line-height: 1.6em; | ||
list-style: none none; | list-style: none none; | ||
| Ligne 429 : | Ligne 1 031 : | ||
.palette-groupe { | .palette-groupe { | ||
padding: 0.25em 1em; | padding: 0.25em 1em; | ||
} | |||
.palette-titre { | |||
background-color: var(--background-color-dp-02); | |||
} | } | ||
.palette-titre, | .palette-titre, | ||
| Ligne 468 : | Ligne 1 073 : | ||
} | } | ||
/* | /* ---------------------------------- */ | ||
/* | /* 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 { | .artisanat { | ||
font-size: 0.85em; | font-size: 0.85em; | ||
display: grid; | display: grid; | ||
grid-template-columns: | grid-template-columns: 1fr 50px 1fr 50px 1fr; | ||
margin: 10px 0 10px 0; | margin: 10px 0 10px 0; | ||
} | } | ||
| Ligne 581 : | Ligne 1 124 : | ||
} | } | ||
/* | /* ------------------------------ */ | ||
/* | /* 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; | |||
} | } | ||