MediaWiki:Common.css

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

/* Logo auf Hauptseite und allen Spezialseiten/Einstellungen global korrigieren */
div#p-logo,
.mw-wiki-logo,
#mw-head-base #p-logo {
    background-size: contain !important;
    background-position: left center !important;
    background-repeat: no-repeat !important;
}

div#p-logo a,
#mw-head-base #p-logo a {
    display: block;
    width: 100% !important;
    height: 120px !important;
    background-size: contain !important;
    background-position: left center !important;
    background-repeat: no-repeat !important;
}

/* --- Standard (Hellmodus) --- */
body, html {
    background-color: #FFFFFF;
    color: #000000;
}

/* --- Dunkelmodus (Wird aktiv, wenn der Schalter gedrückt wird) --- */
html.dark-mode, html.dark-mode body {
    background-color: #121212 !important;
    color: #E0E0E0 !important;
}

html.dark-mode #content, 
html.dark-mode .mw-body {
    background-color: #1E1E1E !important;
    color: #E0E0E0 !important;
    border-color: #333333 !important;
}

html.dark-mode div#mw-panel, 
html.dark-mode div#left-navigation, 
html.dark-mode div#right-navigation {
    background-color: #181818 !important;
}

/* Überschriften im Dunkelmodus mit rotem Akzent */
html.dark-mode h1, 
html.dark-mode h2, 
html.dark-mode h3 {
    color: #FFFFFF !important;
    border-bottom: 2px solid #DE2126;
}

/* Boxen im Dunkelmodus: Angenehmes Dunkelgrau statt knallrot */
html.dark-mode table.wikitable, 
html.dark-mode .mw-parser-output table {
    background-color: #2A2A2A !important;
    border: 1px solid #444444 !important;
}

html.dark-mode table.wikitable th, 
html.dark-mode .mw-parser-output th {
    background-color: #DE2126 !important;
    color: #000000 !important;
    border: 1px solid #111111 !important;
}

html.dark-mode table.wikitable td, 
html.dark-mode .mw-parser-output td {
    background-color: #222222 !important;
    color: #E0E0E0 !important;
    border: 1px solid #333333 !important;
}

/* Links im Dunkelmodus */
html.dark-mode a {
    color: #4EA8DE;
}
html.dark-mode a:hover {
    color: #DE2126;
}

/* Design für den Theme-Schalter-Button oben */
#theme-toggle-btn {
    background: transparent;
    border: 1px solid #ccc;
    padding: 4px 10px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 13px;
    margin-left: 10px;
    color: inherit;
}
#theme-toggle-btn:hover {
    border-color: #DE2126;
}