MediaWiki:Common.css
Révision datée du 2 juillet 2021 à 21:18 par SenpaiSilver (discussion | contributions)
Note : après avoir enregistré vos modifications, il se peut que vous deviez forcer le rechargement complet du cache de votre navigateur pour voir les changements.
- Firefox / Safari : maintenez la touche Maj (Shift) en cliquant sur le bouton Actualiser ou pressez Ctrl-F5 ou Ctrl-R (⌘-R sur un Mac).
- Google Chrome : appuyez sur Ctrl-Maj-R (⌘-Shift-R sur un Mac).
- Internet Explorer : maintenez la touche Ctrl en cliquant sur le bouton Actualiser ou pressez Ctrl-F5.
- Opera : allez dans Menu → Settings (Opera → Préférences sur un Mac) et ensuite à Confidentialité et sécurité → Effacer les données d’exploration → Images et fichiers en cache.
/* Le CSS placé ici sera appliqué à tous les habillages. */
/*
** Overriding
*/
.mw-body-content h2 {
clear: both;
}
.mw-body-content h3 {
clear: left;
}
/*
** New classes
*/
div.col-count-2.no-bullet > ul,
div.col-count-3.no-bullet > ul,
div.col-count-4.no-bullet > ul {
list-style: none;
margin-left: 0.3em;
}
div.col-count-2 > ul {
column-count: 2;
}
div.col-count-3 > ul {
column-count: 3;
}
div.col-count-4 > ul {
column-count: 4;
}
div.col-count-2.tight,
div.col-count-3.tight {
max-width: 500px;
}
div.col-count-4.tight {
max-width: 650px;
}
table .sticky-head thead {
position: sticky;
top: -1px;
}
/*
** Responsive
*/
@media only screen and (max-width: 800px) {
div.col-count-3 > ul {
column-count: 2;
}
div.col-count-4 > ul {
column-count: 2;
}
}
@media only screen and (max-width: 500px) {
div.col-count-3 > ul,
div.col-count-4 > ul,
div.col-count-2 > ul {
column-count: 1;
}
div.col-count-2.tight,
div.col-count-3.tight,
div.col-count-4.tight {
max-width: none;
}
}