Weitere Optionen
Keine Bearbeitungszusammenfassung |
Keine Bearbeitungszusammenfassung |
||
Zeile 15: | Zeile 15: | ||
/* ================================================================*/ | /* ================================================================*/ | ||
/* Footer anpassungen */ | /* Footer anpassungen */ | ||
/* ================================================================*/ | /* ================================================================*/.citizen-footer__content { | ||
position: relative; | |||
height: 150px; /* Höhe des Footers festlegen, nach Bedarf anpassen */ | |||
padding: 20px; | |||
background-color: #1a1a1a; /* Beispiel für Hintergrundfarbe, anpassbar */ | |||
} | |||
.citizen-footer__siteinfo { | .citizen-footer__siteinfo { | ||
position: relative; | |||
height: 100%; | |||
} | } | ||
.footer-logo { | .footer-logo { | ||
position: absolute; | |||
left: 20px; | |||
top: 50%; | |||
transform: translateY(-50%); | |||
width: 125px; | width: 125px; | ||
height: 88px; | height: 88px; | ||
} | } | ||
.footer-text { | .footer-text { | ||
position: absolute; | |||
left: 160px; /* Passt den Abstand vom Logo an */ | |||
top: 50%; | |||
transform: translateY(-50%); | |||
color: #ccc; /* Farbe des Textes */ | |||
font-size: 14px; | font-size: 14px; | ||
max-width: 50%; /* Stellt sicher, dass der Text nicht über den Links hinausgeht */ | |||
} | } | ||
.footer-links { | .footer-links { | ||
position: absolute; | |||
text-align: right; | right: 20px; | ||
top: 50%; | |||
transform: translateY(-50%); | |||
text-align: right; | |||
} | } | ||
.footer-links a { | .footer-links a { | ||
color: #fff; | color: #fff; | ||
text-decoration: none; | text-decoration: none; | ||
margin-bottom: 5px; | display: block; /* Stellt sicher, dass die Links untereinander stehen */ | ||
margin-bottom: 5px; /* Fügt Abstand zwischen den Links hinzu */ | |||
} | } | ||
Version vom 26. August 2024, 16:59 Uhr
/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */ .citizen-page-header__subtitle { display: none; } /* Versteckt die Bearbeitungs-Tools für nicht angemeldete Benutzer */ .mw-editsection, #ca-edit { display: none; } /* Versteckt den Abschnitt "Zuletzt geändert" am Ende der Seite */ .footer-info-lastmod { display: none; /* ================================================================*/ /* Footer anpassungen */ /* ================================================================*/.citizen-footer__content { position: relative; height: 150px; /* Höhe des Footers festlegen, nach Bedarf anpassen */ padding: 20px; background-color: #1a1a1a; /* Beispiel für Hintergrundfarbe, anpassbar */ } .citizen-footer__siteinfo { position: relative; height: 100%; } .footer-logo { position: absolute; left: 20px; top: 50%; transform: translateY(-50%); width: 125px; height: 88px; } .footer-text { position: absolute; left: 160px; /* Passt den Abstand vom Logo an */ top: 50%; transform: translateY(-50%); color: #ccc; /* Farbe des Textes */ font-size: 14px; max-width: 50%; /* Stellt sicher, dass der Text nicht über den Links hinausgeht */ } .footer-links { position: absolute; right: 20px; top: 50%; transform: translateY(-50%); text-align: right; } .footer-links a { color: #fff; text-decoration: none; display: block; /* Stellt sicher, dass die Links untereinander stehen */ margin-bottom: 5px; /* Fügt Abstand zwischen den Links hinzu */ } .footer-links a:hover { text-decoration: underline; }