|
|
| (9 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;
| |
| }
| |
|
| |
|
| /* 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 */
| |
| }
| |
