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 UI FINAL STABLE | Z-EVOLUTIONS UI FINAL - STABLE & CLEAN | ||
============================================================ */ | ============================================================ */ | ||
/* 1. GLOBALER HINTERGRUND | /* 1. GLOBALER HINTERGRUND */ | ||
html, body, .mw-page-container, .mw-header, .vector-header { | html, body, .mw-page-container, .mw-header, .vector-header { | ||
background-color: #1b222d !important; | background-color: #1b222d !important; | ||
| Zeile 13: | Zeile 13: | ||
} | } | ||
/* 2. HAUPTCONTAINER | /* 2. HAUPTCONTAINER & TOC-ABSTÄNDE */ | ||
.mw-body { | .mw-body, .vector-toc { | ||
background-color: rgba(27, 34, 45, 0.92) !important; | background-color: rgba(27, 34, 45, 0.92) !important; | ||
border: 1px solid rgba(88, 145, 255, 0.3) !important; | border: 1px solid rgba(88, 145, 255, 0.3) !important; | ||
border-radius: 15px !important; | border-radius: 15px !important; | ||
margin-top: 25px !important; | margin-top: 25px !important; | ||
backdrop-filter: blur(10px); | backdrop-filter: blur(10px); | ||
} | |||
.mw-body { | |||
padding: 25px !important; | |||
box-shadow: 0 10px 30px rgba(0,0,0,0.5) !important; | box-shadow: 0 10px 30px rgba(0,0,0,0.5) !important; | ||
} | } | ||
/* 3. | /* Fix für den inneren Abstand im Inhaltsverzeichnis oben */ | ||
.vector- | .vector-toc { | ||
.vector- | padding: 15px !important; | ||
.vector- | } | ||
background-color: | /* 3. MENÜ-FIX (Kein Weiß mehr beim Öffnen) */ | ||
.vector-main-menu, | |||
border: 1px solid rgba(88, 145, 255, 0. | .vector-dropdown-content, | ||
.vector-pinnable-container, | |||
.mw-portlet, | |||
.vector-menu-content { | |||
background-color: #1e293b !important; | |||
color: #e2e8f0 !important; | |||
border: 1px solid rgba(88, 145, 255, 0.2) !important; | |||
} | } | ||
/* 4. | /* 4. WEG MIT DEN "VERBERGEN"-BUTTONS */ | ||
.vector-pinnable-header, | /* Das entfernt die Knöpfe im TOC und im Erscheinungsbild-Widget */ | ||
.vector-toc- | .vector-pinnable-header-toggle-button, | ||
.mw- | .vector-toc-toggle, | ||
.mw-ui-button.mw-ui-quiet.mw-ui-flush-right { | |||
display: none !important; | |||
} | } | ||
/* 5. TEXT | /* 5. TITEL & TEXT */ | ||
h1, h2, h3, .mw-headline, .vector-toc-text { | h1, h2, h3, .mw-headline, .vector-toc-text { | ||
color: #5891ff !important; | color: #5891ff !important; | ||
} | } | ||
/* 6. ICONS & HAMBURGER (Weiß-Invertierung) */ | |||
.mw-ui-icon, .vector-icon { | |||
/* 6. ICONS & HAMBURGER (Weiß | |||
.mw-ui-icon, .vector | |||
filter: invert(1) brightness(1.5) !important; | filter: invert(1) brightness(1.5) !important; | ||
} | } | ||
| Zeile 67: | Zeile 68: | ||
} | } | ||
/* Footer-Cleanup */ | |||
/* | |||
.mw-footer { | .mw-footer { | ||
background: transparent !important; | background: transparent !important; | ||
margin-top: | border-top: 1px solid rgba(88, 145, 255, 0.1) !important; | ||
margin-top: 40px !important; | |||
} | } | ||
Version vom 28. April 2026, 22:06 Uhr
/* ============================================================
Z-EVOLUTIONS UI FINAL - STABLE & CLEAN
============================================================ */
/* 1. GLOBALER HINTERGRUND */
html, body, .mw-page-container, .mw-header, .vector-header {
background-color: #1b222d !important;
background-image: url("/resources/assets/background.jpg") !important;
background-attachment: fixed !important;
background-size: cover !important;
background-position: center !important;
color: #e2e8f0 !important;
}
/* 2. HAUPTCONTAINER & TOC-ABSTÄNDE */
.mw-body, .vector-toc {
background-color: rgba(27, 34, 45, 0.92) !important;
border: 1px solid rgba(88, 145, 255, 0.3) !important;
border-radius: 15px !important;
margin-top: 25px !important;
backdrop-filter: blur(10px);
}
.mw-body {
padding: 25px !important;
box-shadow: 0 10px 30px rgba(0,0,0,0.5) !important;
}
/* Fix für den inneren Abstand im Inhaltsverzeichnis oben */
.vector-toc {
padding: 15px !important;
}
/* 3. MENÜ-FIX (Kein Weiß mehr beim Öffnen) */
.vector-main-menu,
.vector-dropdown-content,
.vector-pinnable-container,
.mw-portlet,
.vector-menu-content {
background-color: #1e293b !important;
color: #e2e8f0 !important;
border: 1px solid rgba(88, 145, 255, 0.2) !important;
}
/* 4. WEG MIT DEN "VERBERGEN"-BUTTONS */
/* Das entfernt die Knöpfe im TOC und im Erscheinungsbild-Widget */
.vector-pinnable-header-toggle-button,
.vector-toc-toggle,
.mw-ui-button.mw-ui-quiet.mw-ui-flush-right {
display: none !important;
}
/* 5. TITEL & TEXT */
h1, h2, h3, .mw-headline, .vector-toc-text {
color: #5891ff !important;
}
/* 6. ICONS & HAMBURGER (Weiß-Invertierung) */
.mw-ui-icon, .vector-icon {
filter: invert(1) brightness(1.5) !important;
}
/* 7. SUCHE & BUTTONS */
.cdx-text-input__input {
background-color: #0f172a !important;
color: white !important;
border: 1px solid #5891ff !important;
}
/* Footer-Cleanup */
.mw-footer {
background: transparent !important;
border-top: 1px solid rgba(88, 145, 255, 0.1) !important;
margin-top: 40px !important;
}