|
|
| (10 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt) |
| Zeile 1: |
Zeile 1: |
| /* 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 */
| |
| }
| |
