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 - Final UI Fixes */ | ||
/* 1. | /* 1. Inhaltsverzeichnis (TOC) Pinned Container Fix */ | ||
#vector-toc, | |||
background-color: | .vector-toc, | ||
.vector-pinned-container, | |||
background- | .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: | background-color: transparent !important; | ||
color: #5891ff !important; | |||
color: # | |||
} | } | ||
/* | /* Fix für die Liste innerhalb des TOC */ | ||
.vector-toc-contents, .vector-toc-list-item { | |||
background-color: transparent !important; | |||
background-color: | |||
} | } | ||
/* | /* 2. Hamburger Menu Button (Sichtbarkeit) */ | ||
.vector- | /* Wir invertieren das Icon, damit es auf dunklem Grund weiß wird */ | ||
.vector- | .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, | |||
color: # | .vector-appearance-dropdown-menu { | ||
border | 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 { | .cdx-text-input__input { | ||
background-color: | background-color: rgba(15, 23, 42, 0.8) !important; | ||
color: | color: #fff !important; | ||
} | } | ||
/* | /* 5. Buttons im Header (Suchen, Anmelden) */ | ||
. | .cdx-button { | ||
background: | background-color: #1e293b !important; | ||
color: # | color: #fff !important; | ||
border: 1px solid #5891ff !important; | |||
} | } | ||
Version vom 28. April 2026, 21:54 Uhr
/* 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;
}