MediaWiki:Mobile.css: Unterschied zwischen den Versionen

Aktuelle Version vom 23. November 2018, 07:40 Uhr

/*
 * Das folgende CSS wird für alle Nutzer der Mobilen Version geladen.
 * Die [[MediaWiki:Common.css]] steht in der Mobilen Version nicht zur
 * Verfügung, weshalb sich einiges von dort hier wiederholt.
 * Sofern sinnvoll, sollten aber eigene Definitionen genutzt werden.
 * Derzeit (Mai 2016) wird diese Datei aus Performancegründen erst am Seitenende
 * geladen. Deshalb führen Definitionen, die die Dimensionen oder Positionen von
 * Boxen betreffen, zu einem „flash of unstyled content“, vgl. [[phab:T126137]].
 * Es ist vorgesehen, dieses Problem durch „echtes“ CSS in Vorlagen zu lösen,
 * vgl. [[phab:T483]].
 */

/* Klassen für die Ausrichtung von Bausteinen, Tabellen, ... */

/* @noflip */
div.float-left,
table.float-left,
ul.float-left,
.float-left {
	clear: left;
	float: left;
	margin: 1em 1em 1em 0;
}
/* @noflip */
div.float-right,
table.float-right,
ul.float-right,
.float-right {
	clear: right;
	float: right;
	margin: 1em 0 1em 1em;
}
div.centered,
table.centered,
ul.centered,
.centered {
	margin-left: auto;
	margin-right: auto;
}

/* Obenbündige Textausrichtung in Tabellen */
.toptextcells > * > * > td {
	vertical-align: top;
}

/* Farbdefinitionen für Rahmen und Hintergründe von Textbausteinen */

/* Wie Inhaltsverzeichnis (mediawiki.skinning/content.css) */
.rahmenfarbe1 {
	border: 1px #a2a9b1;
}
/* Unauffällig, geringer Kontrast */
.rahmenfarbe2 {
	border: 1px #eaecf0;
}
/* „Rot“, auffällig */
.rahmenfarbe3 {
	border: 1px #c00000;
}
/* Neutrale Farbe, deutlich */
.rahmenfarbe4 {
	border: 1px #88a;
}
/* „Schwarz“, hoher Kontrast */
.rahmenfarbe5 {
	border: 1px #000;
}

/* Wie Inhaltsverzeichnis (mediawiki.skinning/content.css) */
table > * > tr.hintergrundfarbe1 > th,
table > * > tr > th.hintergrundfarbe1,
table.hintergrundfarbe1,
.hintergrundfarbe1 {
	background-color: #f8f9fa;
}
/* „Weiß“, für Nicht-Artikel-Seiten, neutral */
table > * > tr.hintergrundfarbe2 > th,
table > * > tr > th.hintergrundfarbe2,
table.hintergrundfarbe2,
.hintergrundfarbe2 {
	background-color: #fff;
}
/* „Gelb“, auffällig */
table > * > tr.hintergrundfarbe3 > th,
table > * > tr > th.hintergrundfarbe3,
table.hintergrundfarbe3,
.hintergrundfarbe3 {
	background-color: #ffff40;
}
/* Sehr auffällig */
table > * > tr.hintergrundfarbe4 > th,
table > * > tr > th.hintergrundfarbe4,
table.hintergrundfarbe4,
.hintergrundfarbe4 {
	background-color: #fa0;
}
/* Neutral, abgesetzt */
table > * > tr.hintergrundfarbe5 > th,
table > * > tr > th.hintergrundfarbe5,
table.hintergrundfarbe5,
.hintergrundfarbe5 {
	background-color: #eaecf0;
}
/* Allgemein „bunt“, für Hervorhebungen und Unterscheidungen */
table > * > tr.hintergrundfarbe6 > th,
table > * > tr > th.hintergrundfarbe6,
table.hintergrundfarbe6,
.hintergrundfarbe6 {
	background-color: #b3b7ff;
}
/* Allgemein „bunt“, für Hervorhebungen und Unterscheidungen */
table > * > tr.hintergrundfarbe7 > th,
table > * > tr > th.hintergrundfarbe7,
table.hintergrundfarbe7,
.hintergrundfarbe7 {
	background-color: #ffcbcb;
}
/* Allgemein „bunt“, für Hervorhebungen und Unterscheidungen */
table > * > tr.hintergrundfarbe8 > th,
table > * > tr > th.hintergrundfarbe8,
table.hintergrundfarbe8,
.hintergrundfarbe8 {
	background-color: #ffebad;
}
/* Allgemein „bunt“, für Hervorhebungen und Unterscheidungen */
table > * > tr.hintergrundfarbe9 > th,
table > * > tr > th.hintergrundfarbe9,
table.hintergrundfarbe9,
.hintergrundfarbe9 {
	background-color: #b9ffc5;
}

/* Metadaten, bspw. [[Hilfe:Personendaten|Personendaten]] */
.metadata {
	display: none;
}

/* Skinabhängige absolute Positionierungen ausblenden */
#mw-content-text #coordinates,
#mw-content-text #editcount,
#mw-content-text #shortcut,
body.mw-mf-special #mw-content-text .specialpage-helplink {
	display: none;
}

/* Normdaten im Kasten anzeigen, zur besseren optischen Trennung */
#normdaten {
	border: 1px black solid;
	padding: 1em;
	margin-top: 0.5em;
}
/* Navileisten im Kasten anzeigen, zur besseren optischen Trennung */
.NavFrame {
	border: 1px black solid;
	padding: 1em;
	margin-top: 0.5em;
}