MediaWiki:Common.css: Unterschied zwischen den Versionen
Erscheinungsbild
Sascha (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
Sascha (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
||
| Zeile 1: | Zeile 1: | ||
/* ============================================================ | /* ============================================================ | ||
Z-EVOLUTIONS | Z-EVOLUTIONS UI REFINEMENT | ||
============================================================ */ | ============================================================ */ | ||
/* 1. | /* 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. | /* 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. | /* 3. ENTFERNEN DER HELLEN BALKEN / LINIE UNTER DEN BOXEN */ | ||
/* | /* Diese Linien kommen oft von Box-Shadows oder Border-Bottoms */ | ||
.vector-toc, | .vector-toc, | ||
.vector-pinned-container, | .vector-pinned-container, | ||
. | .mw-body, | ||
. | .vector-appearance-dropdown-menu { | ||
box-shadow: none !important; | |||
background-image: none !important; | background-image: none !important; | ||
} | } | ||
/* 4. | /* Entfernt spezifische Zierlinien in Vector */ | ||
.mw- | .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. | /* 5. TITEL-ABSTAND FIX */ | ||
.firstHeading { | |||
padding-left: 25px !important; | |||
margin-top: 15px !important; | |||
color: #5891ff !important; | color: #5891ff !important; | ||
} | } | ||
/* 6. HAMBURGER & ICONS */ | |||
.mw-ui-icon, .vector-icon { | |||
filter: invert(1) brightness(1.5) !important; | |||
/* 6. | |||
. | |||
} | } | ||
. | /* 7. LINKS */ | ||
a { color: #82aaff !important; } | |||
} | a:hover { text-decoration: underline !important; } | ||
Version vom 28. April 2026, 21:59 Uhr
/* ============================================================
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; }