MediaWiki:Common.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

/* Z-Evolutions - Final UI Fixes */

/* 1. Inhaltsverzeichnis (TOC) Pinned Container Fix */
#vector-toc, 
.vector-toc, 
.vector-pinned-container, 
.vector-toc-pinned-container {
    background-color: rgba(27, 34, 45, 0.9) !important;
    background-image: none !important;
    border: 1px solid rgba(88, 145, 255, 0.3) !important;
    border-radius: 8px !important;
}

/* Fix für die Header-Zeile im TOC (wo "Inhaltsverzeichnis" steht) */
.vector-toc-pinnable-header, .vector-pinnable-header {
    background-color: transparent !important;
    color: #5891ff !important;
}

/* Fix für die Liste innerhalb des TOC */
.vector-toc-contents, .vector-toc-list-item {
    background-color: transparent !important;
}

/* 2. Hamburger Menu Button (Sichtbarkeit) */
/* Wir invertieren das Icon, damit es auf dunklem Grund weiß wird */
.mw-ui-icon-flush-left, 
.vector-main-menu-dropdown .vector-pinnable-header-label,
.vector-main-menu-dropdown .mw-ui-icon {
    filter: invert(1) brightness(2);
}

/* 3. Erscheinungsbild-Widget (rechts) - Komplett-Fix */
#vector-appearance-pinned-container .vector-appearance-dropdown-menu,
.vector-appearance-dropdown-menu {
    background-color: rgba(27, 34, 45, 0.95) !important;
    color: #e2e8f0 !important;
    border: 1px solid rgba(88, 145, 255, 0.3) !important;
}

/* Die weißen Kreise bei den Radio-Buttons im Widget abdunkeln */
.vector-appearance-dropdown-menu label {
    color: #e2e8f0 !important;
}

/* 4. Suchleiste Header Fix (Input Field) */
.cdx-text-input__input {
    background-color: rgba(15, 23, 42, 0.8) !important;
    color: #fff !important;
}

/* 5. Buttons im Header (Suchen, Anmelden) */
.cdx-button {
    background-color: #1e293b !important;
    color: #fff !important;
    border: 1px solid #5891ff !important;
}