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;
}

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

/* Hauptfenster (pBody) */
.pBody {
    margin-top: 20px; /* Abstand oberhalb des Hauptfensters */
    padding: 10px; /* Innenabstand im Hauptfenster */
    background-color: #ffffff; /* Weißer Hintergrund für das Hauptfenster */
    border: 1px solid #ccc; /* Dünne Umrandung für ein rechteckiges Design */
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); /* Leichter Schatten */
}

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

/* Titel in der Navigationsleiste */
#p-navigation h5, 
#column-one h5 {
    color: #666; /* Hellere Farbe für die Titel */
    font-size: 1.1em; /* Etwas größere Schriftgröße */
    text-transform: uppercase; /* Optional: Titel in Großbuchstaben */
    margin-bottom: 10px; /* Abstand unter den Titeln */
}

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

/* Links in der Navigationsleiste */
#p-navigation a, 
#column-one a {
    color: #0077cc; /* Standard-Linkfarbe */
    text-decoration: none; /* Unterstreichung entfernen */
}

#p-navigation a:hover, 
#column-one a:hover {
    color: #005fa3; /* Dunklere Farbe beim Hover */
    text-decoration: underline; /* Unterstreichung beim Überfahren */
}

/* 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 */
}