MediaWiki:Vector-2022.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

/* =====================================================================
   Bergau-Markenfarbe im OBS Wiki (Variante 5, 2026-09-25)
   Einbauort: MediaWiki:Vector-2022.css (nur Interface-Admin)

   Links bleiben MediaWiki-Blau. Rot nur an Strukturelementen:
   Kopfzeilen-Unterlinie, aktiver Reiter, Titellinie, Ueberschriften-
   Unterlinien, Marker im Inhaltsverzeichnis. Der Navigationskasten
   (Vorlage:Styles/Styles.css) liest dieselben Variablen und faellt ohne
   diese Datei auf die hellen Werte zurueck.
   ===================================================================== */

/* ---- Markenfarbe als Variablen, mit Nachtmodus ---- */
:root {
	--bergau-rot: #b40000;        /* Bergau-Rot von bergau.de */
	--bergau-rot-hell: #fbf0f0;   /* Flaeche hinter der Markierung */
	--bergau-rot-kopf: #b40000;   /* Kopfzeile des Navigationskastens */
}

html.skin-theme-clientpref-night {
	--bergau-rot: #e05a5a;
	--bergau-rot-hell: #3a1a1a;
	--bergau-rot-kopf: #7a1a1a;
}

@media ( prefers-color-scheme: dark ) {
	html.skin-theme-clientpref-os {
		--bergau-rot: #e05a5a;
		--bergau-rot-hell: #3a1a1a;
		--bergau-rot-kopf: #7a1a1a;
	}
}

/* ---- Kopfzeile des Wikis: rote Unterlinie ohne Hoehenaenderung ---- */
header.vector-header {
	box-shadow: inset 0 -3px 0 var( --bergau-rot );
}

/* ---- aktiver Reiter (Seite / Lesen) ---- */
.vector-menu-tabs .vector-tab-noicon.selected a,
.vector-menu-tabs .selected a {
	border-bottom-color: var( --bergau-rot );
}

/* ---- Linie unter dem Seitentitel (Vector zeichnet sie als ::after) ---- */
.vector-page-titlebar::after {
	background-color: var( --bergau-rot );
}

/* ---- Unterlinien der Ueberschriften ---- */
.mw-body-content h2 {
	border-bottom-color: var( --bergau-rot );
}

/* ---- Hauptseite im Nachtmodus: Themenkaesten und Aktuelles-Box dezent ----
   Im Tagmodus bleiben die hellblauen Flaechen aus Vorlage:Styles/Styles.css;
   im Nachtmodus wird das kraeftige Blau (#233566) durch neutrales Dunkelgrau
   mit feinem Rahmen ersetzt. TemplateStyles kann den Nachtmodus nicht selbst
   erkennen, deshalb steht die Regel hier. */
html.skin-theme-clientpref-night .mw-parser-output .themenbox {
	background: var( --background-color-neutral-subtle, #202122 );
	border: 1px solid var( --border-color-subtle, #54595d );
}

html.skin-theme-clientpref-night .mw-parser-output .meldungsbox-aktuelles {
	background-color: var( --background-color-neutral-subtle, #202122 );
}

@media ( prefers-color-scheme: dark ) {
	html.skin-theme-clientpref-os .mw-parser-output .themenbox {
		background: var( --background-color-neutral-subtle, #202122 );
		border: 1px solid var( --border-color-subtle, #54595d );
	}

	html.skin-theme-clientpref-os .mw-parser-output .meldungsbox-aktuelles {
		background-color: var( --background-color-neutral-subtle, #202122 );
	}
}

/* ---- Inhaltsverzeichnis: aktiver Eintrag mit rotem Balken ---- */
.vector-toc .vector-toc-list-item-active > .vector-toc-link {
	box-shadow: inset 3px 0 0 var( --bergau-rot );
	padding-left: 6px;
}