« MediaWiki:Common.css » : différence entre les versions
Aucun résumé des modifications |
Aucun résumé des modifications |
||
Ligne 3 : | Ligne 3 : | ||
* { | * { | ||
font-family: Trebuchet Ms; | font-family: Trebuchet Ms; | ||
} | |||
/* * 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; | |||
} | |||
/* 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% | |||
} | } |
Version du 24 septembre 2012 à 12:08
/* Le CSS placé ici sera appliqué à tous les habillages. */
* {
font-family: Trebuchet Ms;
}
/* * 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;
}
/* 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%
}