MediaWiki:Common.css : Différence entre versions

Version du 10 août 2012 à 11:49

/* 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 {
  margin-top: 1em;
  margin-bottom: 1em;
  background: #f9f9f9;
  border: 1px #aaaaaa solid;
  border-collapse: collapse;
}
table.wikitable th, table.wikitable td {
  border: 1px #aaaaaa solid;
  padding: 0.2em;
}
table.wikitable th {
  background: #f2f2f2;
  text-align: center;
}
 
/* 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;
}