« MediaWiki:Common.css » : différence entre les versions
(Page créée avec « →Le CSS placé ici sera appliqué à tous les habillages. : * { font-family: Trebuchet Ms; } ») |
Aucun résumé des modifications |
||
(7 versions intermédiaires par 2 utilisateurs non affichées) | |||
Ligne 2 : | Ligne 2 : | ||
* { | * { | ||
font-family: | font-family: Arial, Helvetica, sans-serif; | ||
} | |||
.mw-inputbox-createbox:required:invalid ~ .mw-ui-button {background-color: #A80707;} | |||
/*test couleur des liens*/ | |||
a, .vector-menu-portal .vector-menu-content li a, .vector-menu-tabs .mw-list-item a, #pt-userpage-2 a { | |||
color: #315996; | |||
} | |||
/*Couleur bordures*/ | |||
.vector-menu-portal .vector-menu-heading { | |||
border-bottom: 1px solid #a80707; | |||
} | |||
h1, h2 { | |||
border-bottom: 1px solid #a80707; | |||
} | |||
/*.vector-menu-portal .vector-menu-content li a:visited { | |||
color: #844f39; | |||
}*/ | |||
/*Navbar*/ | |||
.vector-menu-portal .vector-menu-heading {color: #000; font-size: 0.85em; font-weight: 600;} | |||
/* * TABLEAUX ET INFOBOX * */ | |||
/* WIKITABLE */ | |||
/* Classe pour tableaux standards, légèrement grisés. Syntaxe : {| class="wikitable" */ | |||
/* Tableaux selon la charte graphique. Ils sont centrés par défaut. */ | |||
table.wikitable th, | |||
table.wikitable td { | |||
padding: 0.3em; | |||
} | |||
.wikitable th[scope=row] { | |||
text-align: left; | |||
} | |||
/** Alignement du tableau : flottant à droite ou à gauche, ou centré. On peut aligner à droite ou à gauche | |||
* sans flottement en ajoutant le [[modèle:clr]] en bas du tableau, ou en précisant style="float:none" | |||
* dans l'en-tête du tableau. | |||
*/ | |||
table.gauche, | |||
table.left { | |||
float: left; | |||
margin: 0 1em 1em 0; | |||
} | |||
table.droite, | |||
table.right { | |||
float: right; | |||
margin: 0 0 1em 1em; | |||
} | |||
table.centre, | |||
table.center { | |||
margin: 1em auto; | |||
} | |||
/* Pour les cas où le code de l'article contienne un paramètre align de valeur center */ | |||
table.wikitable[align=center] { | |||
margin: 1em auto; | |||
} | |||
/* ALTERNANCE */ | |||
/** Classes permettant d'alterner les couleurs de ligne | |||
* dans les tableaux selon le nombre de lignes d'en-tête : | |||
*.alternance si nombre impair | |||
*.alternance2 si nombre pair. | |||
* | |||
*.odd est un be kind to IE<9 qui n'implémente pas | |||
* le sélecteur :nth-child, appliquée via Common.js | |||
* | |||
*.sortable : les tableaux triables nécessitent d'inverser | |||
* l'alternance. | |||
*/ | |||
table.alternance tr, | |||
.alternance.wikitable th[scope="row"] { | |||
background: #fff; | |||
} | |||
table.alternance tr:nth-child(odd), | |||
.alternance.wikitable tr:nth-child(odd) th[scope="row"] { | |||
background: #E9E9E9; | |||
} | |||
table.alternance tr.odd, | |||
table.alternance.wikitable tr.odd th[scope="row"] { | |||
background: #E9E9E9; | |||
} | |||
table.alternance2 tr, | |||
table.alternance.sortable tr { | |||
background: #E9E9E9; | |||
} | |||
table.alternance2 tr:nth-child(odd), | |||
table.alternance.sortable tr:nth-child(2n+1) { | |||
background: #fff; | |||
} | |||
table.alternance2 tr.odd, | |||
table.alternance.sortable tr.odd { | |||
background: #fff; | |||
} | |||
/* INFOBOX */ | |||
/** Style commun aux infobox ; utiliser : | |||
* * class="infobox" dans l'en-tête. | |||
* * class="infoboximage" pour l'image et sa description | |||
* * class="infoboxsoustitre" pour le sous-titre. | |||
* Voir [[Aide:Infobox]] et [[Projet:InfoBox]]. | |||
*/ | |||
.infobox { | |||
background: #EEE; /* couleur correspondant aux titres / colonne de gauche, th */ | |||
color: #000; | |||
float: right; | |||
clear: right; | |||
font-size: 95%; | |||
border-collapse: collapse; | |||
margin: 0 0 .5em 1em; | |||
width: 250px; | |||
} | |||
.infobox-image{ | |||
margin-top: 15px; | |||
} | |||
/* monobookocentré debut */ | |||
.infobox caption { | |||
background: #C0C0C0; | |||
border-left: 1px solid #AAA; | |||
border-top: 1px solid #AAA; | |||
border-right: 1px solid #AAA; | |||
padding: .2em; | |||
margin-left: .57em; | |||
font-weight: bolder; | |||
text-align: center; | |||
color: #FFF; | |||
font-size: 160%; | |||
} | |||
.infobox th, | |||
.infobox td { | |||
vertical-align: middle; | |||
border: 1px solid #AAA; | |||
padding: .2em .2em .2em .5em; | |||
} | |||
.infobox td { | |||
text-align: center; | |||
background: #F9F9F9; | |||
} | |||
.infobox th { | |||
font-weight: normal; | |||
text-align: left; | |||
} | |||
.infobox .infoboximage { | |||
/* emplacement pour les photos et une description */ | |||
background: #FFF; | |||
padding: 0; | |||
margin-top: 0; | |||
color: #000; | |||
text-align: center; | |||
} | |||
.infobox .infoboxsoustitre { | |||
/* sous-titre */ | |||
color: #000; | |||
font-weight: bold; | |||
font-size: 115%; | |||
line-height: 2; | |||
text-align: center; | |||
} | |||
.infobox dl { | |||
clear: both | |||
} | |||
.infobox dt { | |||
float: left; | |||
clear: left; | |||
width: 35%; | |||
} | |||
.infobox dd { | |||
margin-left: 40% | |||
} | |||
/* BOÎTES DÉROULANTES */ | |||
/* Styles des boîtes déroulantes, voir [[Modèle:Boîte déroulante/Documentation]]. */ | |||
div.NavFrame { | |||
margin: 0; | |||
padding: 2px; | |||
border: 1px #AAA; | |||
text-align: center; | |||
border-collapse: collapse; | |||
font-size: 95%; | |||
} | |||
/* monobookocentré début */ | |||
div.NavFrame + div.NavFrame { | |||
border-top-style: hidden | |||
} | |||
div.NavPic { | |||
background: #FFF; | |||
margin: 0; | |||
padding: 2px; | |||
float: left; | |||
} | |||
div.NavFrame div.NavHead { | |||
height: 1.6em; | |||
font-weight: bold; | |||
font-size: 100%; | |||
background: #EFEFEF; | |||
} | |||
div.NavFrame p, | |||
div.NavFrame div.NavContent, | |||
div.NavFrame div.NavContent p { | |||
font-size: 100%; | |||
} | |||
div.NavEnd { | |||
margin: 0; | |||
padding: 0; | |||
line-height: 1px; | |||
clear: both; | |||
} | |||
/* monobookocentré fin */ | |||
/* Liens de masquage/affichage : [[Modèle:Boîte déroulante]] et [[Modèle:Méta palette de navigation]] */ | |||
.navboxToggle, | |||
.NavToggle { | |||
font-size: 90%; | |||
font-weight: normal; | |||
float: right !important; | |||
min-width: 6em; | |||
} | |||
/* Boîtes déroulantes */ | |||
.NavFrame { | |||
background: #F9F9F9; | |||
border: 1px #AAA solid; | |||
padding: 5px; | |||
} | |||
.NavFrame .NavHead { | |||
background: #EFEFEF; | |||
border: 1px #AAA solid; | |||
text-align: center; | |||
font-weight: bold; | |||
} | |||
.NavFrame .NavContent { padding: 5px 0 } | |||
.collapseButton { | |||
font-weight: normal; | |||
float: right; | |||
textAlign: right; | |||
width: 6em; | |||
marginLeft: -100%; | |||
} | |||
/* Tag Cloud */ | |||
.tagcloud { | |||
width: 20%; | |||
text-align: center; | |||
background-color: #FDFDFD; | |||
border: 1px solid #EEEEEE; | |||
padding: 15px 10px 15px 10px; | |||
} | |||
.tagcloud a { | |||
color: #0052CB; | |||
margin-left: 10px; | |||
margin-right: 10px; | |||
font-weight: bold; | |||
} | |||
/*Pour modele:nobr*/ | |||
.nowrap { | |||
white-space: nowrap; | |||
} | } |
Dernière version du 25 mars 2024 à 11:20
/* Le CSS placé ici sera appliqué à tous les habillages. */
* {
font-family: Arial, Helvetica, sans-serif;
}
.mw-inputbox-createbox:required:invalid ~ .mw-ui-button {background-color: #A80707;}
/*test couleur des liens*/
a, .vector-menu-portal .vector-menu-content li a, .vector-menu-tabs .mw-list-item a, #pt-userpage-2 a {
color: #315996;
}
/*Couleur bordures*/
.vector-menu-portal .vector-menu-heading {
border-bottom: 1px solid #a80707;
}
h1, h2 {
border-bottom: 1px solid #a80707;
}
/*.vector-menu-portal .vector-menu-content li a:visited {
color: #844f39;
}*/
/*Navbar*/
.vector-menu-portal .vector-menu-heading {color: #000; font-size: 0.85em; font-weight: 600;}
/* * TABLEAUX ET INFOBOX * */
/* WIKITABLE */
/* Classe pour tableaux standards, légèrement grisés. Syntaxe : {| class="wikitable" */
/* Tableaux selon la charte graphique. Ils sont centrés par défaut. */
table.wikitable th,
table.wikitable td {
padding: 0.3em;
}
.wikitable th[scope=row] {
text-align: left;
}
/** Alignement du tableau : flottant à droite ou à gauche, ou centré. On peut aligner à droite ou à gauche
* sans flottement en ajoutant le [[modèle:clr]] en bas du tableau, ou en précisant style="float:none"
* dans l'en-tête du tableau.
*/
table.gauche,
table.left {
float: left;
margin: 0 1em 1em 0;
}
table.droite,
table.right {
float: right;
margin: 0 0 1em 1em;
}
table.centre,
table.center {
margin: 1em auto;
}
/* Pour les cas où le code de l'article contienne un paramètre align de valeur center */
table.wikitable[align=center] {
margin: 1em auto;
}
/* ALTERNANCE */
/** Classes permettant d'alterner les couleurs de ligne
* dans les tableaux selon le nombre de lignes d'en-tête :
*.alternance si nombre impair
*.alternance2 si nombre pair.
*
*.odd est un be kind to IE<9 qui n'implémente pas
* le sélecteur :nth-child, appliquée via Common.js
*
*.sortable : les tableaux triables nécessitent d'inverser
* l'alternance.
*/
table.alternance tr,
.alternance.wikitable th[scope="row"] {
background: #fff;
}
table.alternance tr:nth-child(odd),
.alternance.wikitable tr:nth-child(odd) th[scope="row"] {
background: #E9E9E9;
}
table.alternance tr.odd,
table.alternance.wikitable tr.odd th[scope="row"] {
background: #E9E9E9;
}
table.alternance2 tr,
table.alternance.sortable tr {
background: #E9E9E9;
}
table.alternance2 tr:nth-child(odd),
table.alternance.sortable tr:nth-child(2n+1) {
background: #fff;
}
table.alternance2 tr.odd,
table.alternance.sortable tr.odd {
background: #fff;
}
/* INFOBOX */
/** Style commun aux infobox ; utiliser :
* * class="infobox" dans l'en-tête.
* * class="infoboximage" pour l'image et sa description
* * class="infoboxsoustitre" pour le sous-titre.
* Voir [[Aide:Infobox]] et [[Projet:InfoBox]].
*/
.infobox {
background: #EEE; /* couleur correspondant aux titres / colonne de gauche, th */
color: #000;
float: right;
clear: right;
font-size: 95%;
border-collapse: collapse;
margin: 0 0 .5em 1em;
width: 250px;
}
.infobox-image{
margin-top: 15px;
}
/* monobookocentré debut */
.infobox caption {
background: #C0C0C0;
border-left: 1px solid #AAA;
border-top: 1px solid #AAA;
border-right: 1px solid #AAA;
padding: .2em;
margin-left: .57em;
font-weight: bolder;
text-align: center;
color: #FFF;
font-size: 160%;
}
.infobox th,
.infobox td {
vertical-align: middle;
border: 1px solid #AAA;
padding: .2em .2em .2em .5em;
}
.infobox td {
text-align: center;
background: #F9F9F9;
}
.infobox th {
font-weight: normal;
text-align: left;
}
.infobox .infoboximage {
/* emplacement pour les photos et une description */
background: #FFF;
padding: 0;
margin-top: 0;
color: #000;
text-align: center;
}
.infobox .infoboxsoustitre {
/* sous-titre */
color: #000;
font-weight: bold;
font-size: 115%;
line-height: 2;
text-align: center;
}
.infobox dl {
clear: both
}
.infobox dt {
float: left;
clear: left;
width: 35%;
}
.infobox dd {
margin-left: 40%
}
/* BOÎTES DÉROULANTES */
/* Styles des boîtes déroulantes, voir [[Modèle:Boîte déroulante/Documentation]]. */
div.NavFrame {
margin: 0;
padding: 2px;
border: 1px #AAA;
text-align: center;
border-collapse: collapse;
font-size: 95%;
}
/* monobookocentré début */
div.NavFrame + div.NavFrame {
border-top-style: hidden
}
div.NavPic {
background: #FFF;
margin: 0;
padding: 2px;
float: left;
}
div.NavFrame div.NavHead {
height: 1.6em;
font-weight: bold;
font-size: 100%;
background: #EFEFEF;
}
div.NavFrame p,
div.NavFrame div.NavContent,
div.NavFrame div.NavContent p {
font-size: 100%;
}
div.NavEnd {
margin: 0;
padding: 0;
line-height: 1px;
clear: both;
}
/* monobookocentré fin */
/* Liens de masquage/affichage : [[Modèle:Boîte déroulante]] et [[Modèle:Méta palette de navigation]] */
.navboxToggle,
.NavToggle {
font-size: 90%;
font-weight: normal;
float: right !important;
min-width: 6em;
}
/* Boîtes déroulantes */
.NavFrame {
background: #F9F9F9;
border: 1px #AAA solid;
padding: 5px;
}
.NavFrame .NavHead {
background: #EFEFEF;
border: 1px #AAA solid;
text-align: center;
font-weight: bold;
}
.NavFrame .NavContent { padding: 5px 0 }
.collapseButton {
font-weight: normal;
float: right;
textAlign: right;
width: 6em;
marginLeft: -100%;
}
/* Tag Cloud */
.tagcloud {
width: 20%;
text-align: center;
background-color: #FDFDFD;
border: 1px solid #EEEEEE;
padding: 15px 10px 15px 10px;
}
.tagcloud a {
color: #0052CB;
margin-left: 10px;
margin-right: 10px;
font-weight: bold;
}
/*Pour modele:nobr*/
.nowrap {
white-space: nowrap;
}