MediaWiki:Vector-2022.css: Unterschied zwischen den Versionen
Ecks (Diskussion | Beiträge) Die Seite wurde neu angelegt: „/* ===================================================================== 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 fa…“ |
Ecks (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
||
| Zeile 47: | Zeile 47: | ||
} | } | ||
/* ---- Unterlinien der Ueberschriften ---- */ | /* ---- Unterlinien der Ueberschriften ---- | ||
h1 im Inhalt (= Titel =) kommt in den OBS-Handbuchseiten haeufig vor, | |||
deshalb beide Ebenen; der Seitentitel selbst hat keine border (Titellinie s.o.) */ | |||
.mw-body-content h1, | |||
.mw-body-content h2 { | .mw-body-content h2 { | ||
border-bottom-color: var( --bergau-rot ); | border-bottom-color: var( --bergau-rot ); | ||
Aktuelle Version vom 25. September 2026, 09:55 Uhr
/* =====================================================================
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 ----
h1 im Inhalt (= Titel =) kommt in den OBS-Handbuchseiten haeufig vor,
deshalb beide Ebenen; der Seitentitel selbst hat keine border (Titellinie s.o.) */
.mw-body-content h1,
.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;
}