MediaWiki:Foreground.css
Aus Geodäsie Knowledge Hub
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
/* 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;
}