MediaWiki:Monobook.css

/* Das folgende CSS wird für Benutzer der Benutzeroberfläche MonoBook geladen */
body {
    background-color: #323734;
    background-image: url("https://example.com/hintergrundbild.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

/* Anpassung des Hauptinhaltsbereichs */
#content {
    margin-top: 50px; /* Abstand oberhalb des Hauptinhalts */
    padding: 10px; /* Innenabstand für den Hauptinhalt */
}

/* Hauptfenster (pBody) nach unten verschieben */
.pBody {
    margin-top: 20px; /* Abstand oberhalb des Hauptfensters */
    padding: 10px; /* Zusätzlicher Innenabstand */
    background-color: #ffffff; /* Weißer Hintergrund für das Hauptfenster */
    border-radius: 8px; /* Abgerundete Ecken für ein modernes Design */
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); /* Leichter Schatten für das Fenster */
}

/* Navigationsleiste (Hauptnavigation) */
#p-navigation {
    margin-top: 0; /* Kein zusätzlicher Abstand */
    padding-top: 10px; /* Innenabstand */
    background-color: #f8f8f8; /* Hintergrundfarbe der Navigation */
    border-bottom: 1px solid #ccc; /* Trennlinie unter der Navigation */
}

/* Linke Spalte (Seiten-Navigation) */
#column-one {
    margin-top: 10px; /* Abstand zur oberen Kante */
    position: relative; /* Position bleibt relativ zum Hauptinhalt */
}

/* Navigationsleiste (Navbar) */
.navbar {
    margin-top: 0;
    padding: 5px 10px; /* Innenabstand oben/unten und links/rechts */
    background-color: #eaeaea; /* Heller Hintergrund für die Navbar */
    border: 1px solid #ddd; /* Umrandung */
    border-radius: 5px; /* Abgerundete Ecken */
    position: relative; /* Position relativ zum Container */
    z-index: 10; /* Stellt sicher, dass die Navbar über dem Hauptinhalt bleibt */
}

/* Zusätzlicher Platz vor pBody mit Pseudo-Element */
.pBody::before {
    content: ""; /* Leeres Pseudo-Element */
    display: block;
    height: 20px; /* Höhe des Abstands */
}

/* Footer anpassen */
#footer {
    margin-top: 20px; /* Abstand oberhalb des Fußbereichs */
    padding: 10px; /* Innenabstand im Fußbereich */
    background-color: #f8f8f8; /* Hintergrundfarbe */
    border-top: 1px solid #ccc; /* Trennlinie über dem Fußbereich */
    text-align: center; /* Zentrierter Text im Footer */
}

/* Zusätzliche globale Anpassungen */
h1, h2, h3 {
    color: #333; /* Dunklere Textfarbe für Überschriften */
}

a {
    color: #0077cc; /* Standard-Linkfarbe */
    text-decoration: none; /* Unterstreichung entfernen */
}

a:hover {
    color: #005fa3; /* Dunklere Farbe bei Hover */
    text-decoration: underline; /* Unterstreichung beim Überfahren */
}