« MediaWiki:Common.css » : différence entre les versions
Aller à la navigation
Aller à la recherche
Aucun résumé des modifications |
Aucun résumé des modifications |
||
(61 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; } | ||
/* | /* | ||
Ligne 51 : | Ligne 8 : | ||
.box_accueil { | .box_accueil { | ||
padding-top: | padding-top: 3px; | ||
margin-top: 10px; | margin-top: 10px; | ||
border-radius: 3px; | border-radius: 3px; | ||
Ligne 58 : | Ligne 15 : | ||
.box_accueil * { | .box_accueil * { | ||
padding: | padding: 7px; | ||
} | } | ||
.box_accueil .header { | .box_accueil .header { | ||
padding:0. | padding:0.4em; | ||
border-radius: 3px 3px 0 0; | border-radius: 3px 3px 0 0; | ||
color: white; | color: white; | ||
text-align: center; | text-align: center; | ||
background: | background: #49C6DE; | ||
font-size:150%; | |||
margin-left: 3px; | |||
margin-right: 3px; | |||
} | |||
#header_portails { | |||
background: #7CDE54; | |||
} | } | ||
Ligne 84 : | Ligne 39 : | ||
#actu { | #actu { | ||
width: 65%; | |||
flex-grow: 1; | flex-grow: 1; | ||
} | } | ||
Ligne 90 : | Ligne 45 : | ||
#autre { | #autre { | ||
flex-grow: 1; | flex-grow: 1; | ||
width: 30%; | |||
} | } | ||
#flex_portails { /*AFFECTÉ PAR UNE MEDIAQUERY*/ | #flex_portails { /*AFFECTÉ PAR UNE MEDIAQUERY*/ | ||
display: flex; | display: flex; | ||
flex-flow: row | flex-flow: row wrap; | ||
} | |||
#portails #flex_portails { | |||
justify-content: center; | |||
} | } | ||
#flex_portails p { | #flex_portails p { | ||
flex-grow: 1; | flex-grow: 1; | ||
} | } | ||
Ligne 114 : | Ligne 74 : | ||
#actu { | #actu { | ||
margin-right: | margin-right: 8px; | ||
background-color: # | background-color: #DAF9FF; | ||
} | |||
#autre { | |||
background-color: #EDFCFF; | |||
} | } | ||
#partenariats { | #partenariats { | ||
background-color: # | background-color: #DAF9FF; | ||
} | |||
#partenariats #flex_partenariats { | |||
padding-right:40px; | |||
padding-left:40px; | |||
} | } | ||
#portails { | #portails { | ||
background-color: # | background-color: #E4FFD0; | ||
} | } | ||
Ligne 138 : | Ligne 107 : | ||
display:flex; | display:flex; | ||
flex-flow: column nowrap; | flex-flow: column nowrap; | ||
} | |||
#actu { | |||
width: 100%; | |||
} | |||
#autre { | |||
width: 100%; | |||
flex-grow: 1; | |||
} | } | ||
} | } | ||
/*standard de couleur de fond, de bordure, | /*standard de couleur de fond, de bordure, | ||
Ligne 157 : | Ligne 125 : | ||
border: solid 1px #888; | border: solid 1px #888; | ||
border-radius: 3px; | border-radius: 3px; | ||
} | |||
/*standard à navboxes*/ | |||
.navbox { | |||
width: 60%; | |||
font-size: 89%; | |||
} | } | ||
Ligne 175 : | Ligne 149 : | ||
.infobox .header { | .infobox .header { | ||
padding:1em; | padding:1em; | ||
font-size:120%; | |||
} | |||
.navbox .header { | |||
font-size:120%; | font-size:120%; | ||
} | } | ||
Ligne 264 : | Ligne 242 : | ||
} | } | ||
.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*/ | /*Trucs à XFusio*/ | ||
Ligne 333 : | Ligne 317 : | ||
table.csort th { | table.csort th { | ||
background: #AE4ABE; | 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; | |||
} | } |
Dernière version du 8 février 2023 à 19:25
/** 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; }