MediaWiki:Common.css : Différence entre versions
De Aide Battle Arenas
Ligne 125 : | Ligne 125 : | ||
/* coins arrondis pour les tables */ | /* coins arrondis pour les tables */ | ||
table {-moz-border-radius: 0.6em} | table {-moz-border-radius: 0.6em} | ||
+ | |||
+ | |||
+ | /* wikitable 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; | ||
+ | } |
Version du 10 août 2012 à 11:46
/* Le CSS placé ici sera appliqué à tous les habillages. */ #f-poweredbyico { display: none; } /* 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 { /* monobookocentré debut */ margin-top:1em; margin-bottom:1em; background:#FFF; border:1px #AAA solid; border-collapse:collapse; } table.wikitable th, table.wikitable td { border:1px #AAA solid; padding:.3em; } table.wikitable th, .wikitable_header { background:#E2E2E2; text-align:center; } table.wikitable caption { margin-left:inherit; margin-right:inherit; } /* monobookocentré fin */ /* 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.wikitablegauche, table.left { float:left; align:left; margin-top:1em; margin-bottom:1em; background:#FFF; border:1px #AAA solid; border-collapse:collapse; margin:0 1em 1em 0; } table.wikitablegauche th, table.wikitable td { border:1px #AAA solid; padding:.3em; } table.wikitablegauche th, .wikitable_header { background:#E2E2E2; text-align:center; } table.wikitabledroite, table.right { float:right; align:right; margin-top:1em; margin-bottom:1em; background:#FFF; border:1px #AAA solid; border-collapse:collapse; margin:0 0 1em 1em; } table.wikitabledroite th, table.wikitable td { border:1px #AAA solid; padding:.3em; } table.wikitabledroite th, .wikitable_header { background:#E2E2E2; text-align:center; } table.wikitablecentre, table.center { float:center; align:center; text-align:center; margin-top:1em; margin-bottom:1em; background:#FFF; border:1px #000 solid; border-collapse:collapse; margin:1em auto; able.wikitablecentre th, table.wikitable td { border:1px #000 solid; padding:.2em; } table.wikitablecentre th, .wikitable_header { background:#E2E2E2; text-align:center; } /* arrondir quelques coins, seulement possible avec mozilla/firefox/et autres navigateurs spéciaux */ #p-cactions ul li, #p-cactions ul li a { -moz-border-radius-topleft: 1em; -moz-border-radius-topright: 1em; } #content { -moz-border-radius-topleft: 1em; -moz-border-radius-bottomleft: 1em; } div.pBody { -moz-border-radius-topright: 1em; -moz-border-radius-bottomright: 1em; } /* Arrondir quelques boutons */ #wpSave, #wpSave:hover {-moz-border-radius: 1em} #wpPreview, #wpPreview:hover {-moz-border-radius: 1em} .searchButton, .searchButton:hover {-moz-border-radius: 1em} /* coins arrondis pour les vignettes + effet de relief */ div.thumb div { border: 1px solid #999; border-right: 2px solid #999; border-bottom: 2px solid #999; -moz-border-radius: 0.6em } /* coins arrondis pour les zones de texte préformaté */ pre {-moz-border-radius: 0.6em} /* coins arrondis pour les tables */ table {-moz-border-radius: 0.6em} /* wikitable 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; }