« MediaWiki:Common.css » : différence entre les versions
Aller à la navigation
Aller à la recherche
Aucun résumé des modifications |
Annulation des modifications 97667 de Tigali (discussion) Balise : Annulation |
||
| (126 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 { | .infoboxb { | ||
font-size: 89%; | font-size: 89%; | ||
width: | width: 300px; | ||
border: solid 1px; | 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; | ||
} | } | ||
Dernière version du 28 septembre 2025 à 19:43
/** Met en italique les redirections dans Special:Allpages et Special:Watchlist **/
.allpagesredirects, .watchlistredir { font-style: italic; }
/*
* 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 {
margin-left: auto;
margin-right: auto;
}
.default-infobox-main-image-caption, .default-infobox-image-caption { text-align: center; }
.default-infobox-split-label-left, .default-infobox-split-label-right {
color: #3C3C3C;
text-align:center;
}
.default-infobox-split-value-left, .default-infobox-split-value-right { text-align: center; }
.default-infobox-footer {
padding-top: 0.75rem;
text-align: center;
}
/*pourtour des infoboxes, legacy*/
.infoboxb {
font-size: 89%;
width: 300px;
background-color: #EFEFEF;
border: solid 1px #888;
float: right;
margin-left: 10px;
}
/*
* PAGE D'ACCUEIL
* Ancienne version
*/
/* Boîte de accueil */
.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 */
.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-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 */
.no-caption .article-thumb figcaption {
display:none;
}