Différences entre versions de « MediaWiki:Common.css »
Sauter à la navigation
Sauter à la recherche
m (A protégé « MediaWiki:Common.css » ([Modifier=Autoriser uniquement les administrateurs] (infini) [Renommer=Autoriser uniquement les administrateurs] (infini))) |
m |
||
(11 versions intermédiaires par le même utilisateur non affichées) | |||
Ligne 1 : | Ligne 1 : | ||
/* Le CSS placé ici sera appliqué à tous les habillages. */ | /* Le CSS placé ici sera appliqué à tous les habillages. */ | ||
+ | |||
+ | /* | ||
+ | ** Overriding | ||
+ | */ | ||
.mw-body-content h2 { | .mw-body-content h2 { | ||
clear: both; | clear: both; | ||
Ligne 5 : | Ligne 9 : | ||
.mw-body-content h3 { | .mw-body-content h3 { | ||
clear: left; | 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; | ||
+ | } | ||
} | } |
Version actuelle datée du 2 juillet 2021 à 19:20
/* 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;
}
}