MediaWiki:Common.css : Différence entre versions

Version du 10 août 2012 à 12:12

/* 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 th,
table.wikitable td {
  padding: 0.3em;
  border: 1px;
}
 
.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;
}

/* 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}