MediaWiki:Foreground.css

/* Einheitliche rote Top-Leiste */
.top-bar,
.top-bar-section ul,
.top-bar-section li,
.top-bar-section li:not(.has-form) a,
.top-bar-section .dropdown li,
.contain-to-grid,
.fixed,
.tab-bar,
.left-small,
.right-small {
    background: #b30000 !important;
    background-color: #b30000 !important;
    border: 0 !important;
    box-shadow: none !important;
}

/* Menülinks immer gleich rot, auch aktiv/hover/focus */
.top-bar-section li:not(.has-form) a,
.top-bar-section li.active > a,
.top-bar-section li:hover > a,
.top-bar-section li:focus > a,
.top-bar-section .dropdown li a,
.top-bar-section .dropdown li:hover > a,
.top-bar-section .dropdown li.active > a {
    background: #b30000 !important;
    background-color: #b30000 !important;
    color: #fff !important;
}

/* Optional: Hover nur über Schrift lösen, nicht über dunklere Fläche */
.top-bar-section li:not(.has-form) a:hover,
.top-bar-section .dropdown li a:hover {
    background: #b30000 !important;
    color: #fff !important;
    opacity: 0.9;
}

/* Trennlinien entfernen */
.top-bar-section li,
.top-bar-section ul li > a,
.top-bar-section .has-dropdown > a,
.top-bar .toggle-topbar.menu-icon a {
    border: none !important;
}

/* Suchbereich sauber integrieren */
.top-bar .has-form,
.top-bar form,
.top-bar input,
.top-bar .button,
.top-bar button {
    margin: 0 !important;
    box-shadow: none !important;
}

/* Suchfeld eckig statt abgerundet */
.top-bar input[type="search"],
.top-bar input[type="text"],
#searchInput,
#searchText {
    border-radius: 0 !important;
    -webkit-appearance: none !important;
    appearance: none !important;
    border: 1px solid #bfbfbf !important;
    box-shadow: none !important;
    height: 2.2rem !important;
}

/* Suchbutton passend */
.top-bar .button,
.top-bar button,
#searchButton {
    border-radius: 0 !important;
    background: #0078a0 !important;
    border: 0 !important;
    box-shadow: none !important;
    height: 2.2rem !important;
    line-height: 2.2rem !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* Icons rechts: gleicher roter Hintergrund */
.top-bar-section .dropdown > li,
.top-bar-section .has-dropdown > a,
.right-off-canvas-toggle,
.left-off-canvas-toggle {
    background: #b30000 !important;
}

/* Weiße Schrift/Icons oben */
.top-bar *,
.top-bar-section a,
.top-bar .fa,
.top-bar i {
    color: #fff !important;
}