MediaWiki:Gadget-dewikiCommonLayout.css

Hinweis: Leere nach dem Veröffentlichen den Browser-Cache, um die Änderungen sehen zu können.

Firefox/Safari: Umschalttaste drücken und gleichzeitig Aktualisieren anklicken oder entweder Strg+F5 oder Strg+R (⌘+R auf dem Mac) drücken
Google Chrome: Umschalttaste+Strg+R (⌘+Umschalttaste+R auf dem Mac) drücken
Edge: Strg+F5 drücken oder Strg drücken und gleichzeitig Aktualisieren anklicken

/*
 * Für responsives Verhalten sind folgende Breakpoints relevant
 * (vgl. https://doc.wikimedia.org/codex/latest/design-tokens/breakpoint.html):
 * 
 * min-mobile: 320px;
 * max-mobile: 639px;
 * min-tablet: 640px;
 * max-tablet: 1119px;
 * min-desktop: 1120px;
 * max-desktop: 1679px;
 * min-desktop-wide: 1680px;
 */

/*
 * Klassen für die Ausrichtung von Bausteinen, Tabellen, mit „gallery“-Tags
 * realisierten Bildergalerien und weiteren Objekten.
 * Vorsicht: Das MediaWiki-eigene CSS enthält Klassen mit den sehr ähnlichen
 * Namen „floatleft“, „floatright“ und „center“, deren Definitionen sich aber
 * von den lokalen Definitionen unterscheiden.
 * Für die Bedeutung der „noflip“-Kommentare siehe
 * [[mw:ResourceLoader/Features#Flipping]].
 */

/* @noflip */
.float-left,
:is( div, table, ul ).float-left {
	clear: left;
	float: left;
	margin: 1em 1em 1em 0;
}
/* @noflip */
.float-right,
:is( div, table, ul ).float-right {
	clear: right;
	float: right;
	margin: 1em 0 1em 1em;
}
.centered,
:is( div, table, ul ).centered {
	margin-left: auto;
	margin-right: auto;
}
@media all and ( /* max-mobile */ max-width: 639px ) {
	:is( div, table, ul ):is( .float-left, .float-right ),
	:is( .float-left, .float-right ) {
		float: none;
		margin-left: 0;
		margin-right: 0;
	}
}

/*
 * Obenbündige Textausrichtung in Tabellen. Wirkt nicht auf Kopfzellen und wurde
 * unter anderem wegen Inkonsistenzen bei sortierbaren Tabellen nicht auf
 * Kopfzellen ausgeweitet.
 */
.toptextcells > * > * > td {
	vertical-align: top;
}