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 UI REFINEMENT 
   ============================================================ */

/* 1. ABSTÄNDE & RUNDUNGEN (Boxen & Parent) */
.mw-body, 
.vector-toc, 
.vector-pinned-container, 
#vector-appearance-pinned-container {
    border-radius: 15px !important; /* Schönere Rundungen */
    margin-top: 20px !important;    /* Abstand nach oben */
    margin-bottom: 20px !important; /* Abstand nach unten */
    border: 1px solid rgba(88, 145, 255, 0.4) !important;
}

/* 2. TEXT-ABSTAND IM HAUPTCONTAINER (Padding) */
/* Damit der Text nicht links am Rand klebt */
#mw-content-text {
    padding-left: 25px !important;
    padding-right: 25px !important;
    padding-top: 10px !important;
}

/* 3. ENTFERNEN DER HELLEN BALKEN / LINIE UNTER DEN BOXEN */
/* Diese Linien kommen oft von Box-Shadows oder Border-Bottoms */
.vector-toc, 
.vector-pinned-container, 
.mw-body, 
.vector-appearance-dropdown-menu {
    box-shadow: none !important;
    background-image: none !important;
}

/* Entfernt spezifische Zierlinien in Vector */
.vector-pinnable-header {
    border-bottom: none !important;
}

/* 4. DER "GLASS"-EFFEKT & FARBE */
.mw-body, .vector-toc, .vector-pinned-container {
    background-color: rgba(27, 34, 45, 0.9) !important;
    backdrop-filter: blur(12px);
}

/* 5. TITEL-ABSTAND FIX */
.firstHeading {
    padding-left: 25px !important;
    margin-top: 15px !important;
    color: #5891ff !important;
}

/* 6. HAMBURGER & ICONS */
.mw-ui-icon, .vector-icon {
    filter: invert(1) brightness(1.5) !important;
}

/* 7. LINKS */
a { color: #82aaff !important; }
a:hover { text-decoration: underline !important; }