2 447
modifications
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% | |||
} | } |
modifications