Utilisateur:Fulax/common.css

Note : après avoir enregistré la page, vous devrez forcer le rechargement complet du cache de votre navigateur pour voir les changements.

Mozilla / Firefox / Konqueror / Safari : maintenez la touche Majuscule (Shift) en cliquant sur le bouton Actualiser (Reload) ou pressez Maj-Ctrl-R (Cmd-R sur Apple Mac) ;

Chrome / Internet Explorer / Opera : maintenez la touche Ctrl en cliquant sur le bouton Actualiser ou pressez Ctrl-F5.

/* Le texte serif et justifié est plus facile pour la lecture */
#mw-content-text > p {
  font-family: Georgia,"Times New Roman","New York",serif;
  font-size: 11pt;
  text-align: justify;
  text-indent: 1em;
}
/* Rend la lecture multi-colonnes (CSS3-multicol) */
#mw-content-text {
  columns: 1;
}

/* les titres des principales sections rompent les colonnes */
#mw-content-text h1,
#mw-content-text h2,
#mw-content-text h3,
#mw-content-text table,
#mw-content-text .bandeau,
#mw-content-text .bandeau-portail,
#mw-content-text .bandeau-section,
#mw-content-text .homonymie,
#mw-content-text .infobox_v2,
#mw-content-text .infobox_v3,
#mw-content-text .navbox-container,
#mw-content-text .overflow,
#mw-content-text .toc {
  -moz-column-span: all;
  -webkit-column-span: all;
  column-span: all;
}

/* Force séparer les infobox si elles viennent immédiatement (bug Chrome ?) */
#mw-content-text > .infobox_v2,
#mw-content-text > .infobox_v3,
#mw-content-text > .mw-code,
#mw-content-text > .thumb,
#mw-content-text pre {
/*  -webkit-column-break-before: always;*/
/*  -webkit-column-break-after: always;*/
  -webkit-column-break-inside: avoid;
}

/* La mise en colonne des listes n’est pas alignée à cause de la marge supérieure du ul qui ne s’applique qu’à la première colonne. Idem pour le p d’ailleurs */
#mw-content-text p,
#mw-content-text ul,
#mw-content-text ol {
  margin-top: 0;
}

/* Le modèle {{Références|colonnes=N}} utilise column-count: (ce qui
est une aberration en soit), ce qui avec les colonnes déclarées
auparavant, fait des colonnes de colonnes. Ici, on force une seule
colonne, vu qu’on définit déjà la _taille_ des colonnes auparavant. */
div.references-small {
  column-count: 1;
}
/* Voir la page ci-dessous pour comprendre ce "hack"
http://fr.wikipedia.org/wiki/Discussion_mod%C3%A8le:R%C3%A9f%C3%A9rences#Colonnes.3DX_et_CSS_foireux
*/
div.references-small > div {
  -webkit-column-span: all;
  column-span: all;
}