« MediaWiki:Common.css » : différence entre les versions
De Wiki Dragon Quest
Aucun résumé des modifications |
Annulation des modifications 97667 de Tigali (discussion) Balise : Annulation |
||
| (129 versions intermédiaires par 2 utilisateurs non affichées) | |||
| Ligne 1 : | Ligne 1 : | ||
/** Met en italique les redirections dans Special:Allpages et Special:Watchlist **/ | /** Met en italique les redirections dans Special:Allpages et Special:Watchlist **/ | ||
.allpagesredirects, .watchlistredir { font-style: italic; } | .allpagesredirects, .watchlistredir { font-style: italic; } | ||
/** Style par défaut des infoboxes utilisant InfoboxBuilder (ajouts) **/ | /* | ||
* PAGE D'ACCUEIL | |||
* Nouvelle version | |||
*/ | |||
.box_accueil { | |||
padding-top: 3px; | |||
margin-top: 10px; | |||
border-radius: 3px; | |||
border: solid 1px #888; | |||
} | |||
.box_accueil * { | |||
padding: 7px; | |||
} | |||
.box_accueil .header { | |||
padding:0.4em; | |||
border-radius: 3px 3px 0 0; | |||
color: white; | |||
text-align: center; | |||
background: #49C6DE; | |||
font-size:150%; | |||
margin-left: 3px; | |||
margin-right: 3px; | |||
} | |||
#header_portails { | |||
background: #7CDE54; | |||
} | |||
#actuetautre { /*AFFECTÉ PAR UNE MEDIAQUERY*/ | |||
display: flex; | |||
flex-flow: row nowrap; | |||
} | |||
#actu { | |||
width: 65%; | |||
flex-grow: 1; | |||
} | |||
#autre { | |||
flex-grow: 1; | |||
width: 30%; | |||
} | |||
#flex_portails { /*AFFECTÉ PAR UNE MEDIAQUERY*/ | |||
display: flex; | |||
flex-flow: row wrap; | |||
} | |||
#portails #flex_portails { | |||
justify-content: center; | |||
} | |||
#flex_portails p { | |||
flex-grow: 1; | |||
} | |||
#flex_partenariats { | |||
display: flex; | |||
flex-flow: row nowrap; | |||
} | |||
#flex_partenariats div { /*AFFECTÉ PAR UNE MEDIAQUERY*/ | |||
justify-content: space-around; | |||
flex-grow: 1; | |||
min-width: 33%; | |||
} | |||
#actu { | |||
margin-right: 8px; | |||
background-color: #DAF9FF; | |||
} | |||
#autre { | |||
background-color: #EDFCFF; | |||
} | |||
#partenariats { | |||
background-color: #DAF9FF; | |||
} | |||
#partenariats #flex_partenariats { | |||
padding-right:40px; | |||
padding-left:40px; | |||
} | |||
#portails { | |||
background-color: #E4FFD0; | |||
} | |||
@media screen and (max-width: 800px) { | |||
#actuetautre { | |||
display:flex; | |||
flex-flow: column nowrap; | |||
} | |||
#flex_portails { | |||
display:flex; | |||
flex-flow: row wrap; | |||
} | |||
#flex_partenariats { | |||
display:flex; | |||
flex-flow: column nowrap; | |||
} | |||
#actu { | |||
width: 100%; | |||
} | |||
#autre { | |||
width: 100%; | |||
flex-grow: 1; | |||
} | |||
} | |||
/*standard de couleur de fond, de bordure, | |||
pour la plupart des modèles, notamment les tableaux*/ | |||
.standard-modele { | |||
background-color: #EFEFEF; | |||
border: solid 1px #888; | |||
border-radius: 3px; | |||
} | |||
/*standard à navboxes*/ | |||
.navbox { | |||
width: 60%; | |||
font-size: 89%; | |||
} | |||
/*infos spécifiques aux infoboxes*/ | |||
.infobox { | |||
font-size: 89%; | |||
width: 300px; | |||
float: right; | |||
margin-left: 10px; | |||
} | |||
.header { | |||
color:#FFFFFF; | |||
padding:0.5em; | |||
border-radius: 3px 3px 0 0; | |||
} | |||
.infobox .header { | |||
padding:1em; | |||
font-size:120%; | |||
} | |||
.navbox .header { | |||
font-size:120%; | |||
} | |||
.cellule-champ { | |||
padding: 4px; | |||
color: white; | |||
font-weight: bold; | |||
text-align: center; | |||
} | |||
.cellule-contenu { | |||
background:#FAFAFA; | |||
padding: 4px; | |||
} | |||
/*classes pour arrondis*/ | |||
.hg { | |||
border-radius:3px 0 0 0; | |||
} | |||
.hd { | |||
border-radius:0 3px 0 0; | |||
} | |||
.bd { | |||
border-radius:0 0 3px 0; | |||
} | |||
.bg { | |||
border-radius:0 0 0 3px; | |||
} | |||
/*Codes couleurs pour les différents thèmes*/ | |||
.cmonstre { | |||
background: #00CC00; | |||
} | |||
.cboss { | |||
background: #9C0C0C; | |||
} | |||
.cpersonnage { | |||
background: #046380; | |||
} | |||
.cregion { | |||
background: #298900; | |||
} | |||
.cdonjon { | |||
background: #927D6A; | |||
} | |||
.cchanson { | |||
background: #A67E2E; | |||
} | |||
.calbum { | |||
background: #663E10; | |||
} | |||
.cfilm { | |||
background: #000000; | |||
} | |||
.cepisode { | |||
background: #444444; | |||
} | |||
.cgens { | |||
background: #FF9300; | |||
} | |||
.cjeu { | |||
background: #B1BBCE; | |||
} | |||
.csort { | |||
background: #AE4ABE; | |||
} | |||
.ccompetence { | |||
background: #B74000; | |||
} | |||
.calchimie { | |||
background: #E9B813; | |||
} | |||
.cville { | |||
background: #DFCEA0; | |||
} | |||
.clivre { | |||
background: #B8B88D; | |||
} | |||
.cobjet { | |||
background: #D1EA45; | |||
} | |||
.captitude { | |||
background: #32E5FA; | |||
} | |||
.cequipement { | |||
background: #B2DCDD; | |||
} | |||
.carme { | |||
background: #DEA493; | |||
} | |||
.cattribut { | |||
background: #D21E02; | |||
} | |||
.cmerch { | |||
background: #6120AF; | |||
} | |||
/*Trucs à XFusio*/ | |||
/* | |||
* Styles standards pour les tableaux | |||
* Syntaxe : {| class="standard" | |||
* Encore en cours de développement | |||
*/ | |||
.standard { | |||
background-color: #EFEFEF; | |||
border: solid 1px #888; | |||
border-radius: 3px; | |||
} | |||
.standard tr:first-child > :first-child { | |||
border-top-left-radius: 3px; | |||
} | |||
.standard tr:first-child > :last-child { | |||
border-top-right-radius: 3px; | |||
} | |||
.standard tr:last-child > :first-child { | |||
border-bottom-left-radius: 3px; | |||
} | |||
.standard tr:last-child > :last-child { | |||
border-bottom-right-radius: 3px; | |||
} | |||
.standard th { | |||
padding: 4px; | |||
color: white; | |||
font-weight: bold; | |||
text-align: center; | |||
} | |||
.standard td { | |||
background:#FAFAFA; | |||
padding: 4px; | |||
} | |||
table.csort th { | |||
background: #AE4ABE; | |||
} | |||
table.cmonstre th { | |||
background: #00CC00; | |||
} | |||
table.cboss th { | |||
background: #9C0C0C; | |||
} | |||
table.cpersonnage th { | |||
background: #046380; | |||
} | |||
table.cregion th { | |||
background: #298900; | |||
} | |||
table.cdonjon th { | |||
background: #927D6A; | |||
} | |||
table.cchanson th { | |||
background: #A67E2E; | |||
} | |||
table.calbum th { | |||
background: #663E10; | |||
} | |||
table.cfilm th { | |||
background: #000000; | |||
} | |||
table.cepisode th { | |||
background: #444444; | |||
} | |||
table.cgens th { | |||
background: #FF9300; | |||
} | |||
table.cjeu th { | |||
background: #B1BBCE; | |||
} | |||
table.ccompetence th { | |||
background: #B74000; | |||
} | |||
table.calchimie th { | |||
background: #E9B813; | |||
} | |||
table.cville th { | |||
background: #DFCEA0; | |||
} | |||
table.clivre th { | |||
background: #B8B88D; | |||
} | |||
table.cobjet th { | |||
background: #D1EA45; | |||
} | |||
table.captitude th { | |||
background: #32E5FA; | |||
} | |||
table.cequipement th { | |||
background: #B2DCDD; | |||
} | |||
table.carme th { | |||
background: #DEA493; | |||
} | |||
table.cattribut th { | |||
background: #D21E02; | |||
} | |||
table.cmerch th { | |||
background: #6120AF; | |||
} | |||
/*---------------------------------------PURGATOIRE----------------------------------*/ | |||
/*trucs obs à garder ou jeter, c'est selon*/ | |||
/* | |||
* Style par défaut des infoboxes utilisant InfoboxBuilder (ajouts) | |||
* À retirer dès que ces styles ne seront plus utilisés ! | |||
*/ | |||
.default-infobox-main-image img { | .default-infobox-main-image img { | ||
| Ligne 25 : | Ligne 430 : | ||
} | } | ||
. | /*pourtour des infoboxes, legacy*/ | ||
.infoboxb { | |||
font-size: 89%; | font-size: 89%; | ||
width: | width: 300px; | ||
border | background-color: #EFEFEF; | ||
border: solid 1px #888; | |||
float: right; | float: right; | ||
margin-left: 10px; | |||
} | } | ||
/* | |||
/* | * PAGE D'ACCUEIL | ||
* Ancienne version | |||
*/ | |||
/* Boîte de accueil */ | /* Boîte de accueil */ | ||
.fond-boite { | .fond-boite { | ||
background-image: url('//wikidragonquest.fr/images/8/8a/Fond_carte.png'); | |||
border: 2px solid black; | |||
padding: 7px; | |||
margin-top: 6px; | |||
} | } | ||
/* En-tête de boîte de l'accueil */ | /* En-tête de boîte de l'accueil */ | ||
.fond-entete { | .fond-entete { | ||
background-image: url('//wikidragonquest.fr/images/9/94/Fond-entete.png'); | |||
font-size: 150%; | |||
color: white; | |||
border-radius: 0.1em; | |||
padding: 5px 10px; | |||
} | } | ||
/* Tour de boîte de l'accueil */ | /* Tour de boîte de l'accueil */ | ||
.tour-boite { | .tour-boite { | ||
border: 2px solid #BBB; | |||
margin-top: 6px; | |||
padding: 7px; | |||
background-color: #333; | |||
} | } | ||
.maincategories { | |||
display: flex; | |||
flex-wrap: wrap; | |||
justify-content: center; | |||
} | |||
/* Possibilité de ne pas mettre le titre sous une vidéo - on n'a plus de vidéos pour l'instant après l'indépendance */ | |||
/* Possibilité de ne pas mettre le titre sous une vidéo */ | |||
.no-caption .article-thumb figcaption { | .no-caption .article-thumb figcaption { | ||
display:none; | display:none; | ||
} | } | ||