Différences entre versions de « MediaWiki:Common.css »

De PSO2FR Wiki
Sauter à la navigation Sauter à la recherche
(Page créée avec « →‎Le CSS placé ici sera appliqué à tous les habillages. : .mw-body-content h2, .mw-body-content h3, .mw-body-content h4, .mw-body-content h5 { clear: both; } »)
 
m
 
(14 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. */
.mw-body-content h2,
+
 
.mw-body-content h3,
+
/*
.mw-body-content h4,
+
** Overriding
.mw-body-content h5 {
+
*/
 +
.mw-body-content h2 {
 
clear: both;
 
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;
 +
}
 
}
 
}

Version actuelle datée du 2 juillet 2021 à 21: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;
	}
}