Weitere Optionen
Keine Bearbeitungszusammenfassung |
Keine Bearbeitungszusammenfassung |
||
Zeile 12: | Zeile 12: | ||
.footer-info-lastmod { | .footer-info-lastmod { | ||
display: none; | display: none; | ||
.citizen-footer__siteinfo { | .citizen-footer__siteinfo { | ||
display: flex; | display: flex; | ||
justify-content: space-between; /* Verteilt den Inhalt gleichmäßig zwischen Logo+Text und den Links */ | |||
align-items: center; /* Zentriert das Logo und den Text vertikal */ | |||
padding: 10px 20px; /* Fügt etwas Innenabstand hinzu, um den Inhalt nicht am Rand kleben zu lassen */ | |||
} | } | ||
.footer-logo { | .footer-logo { | ||
width: 125px; | width: 125px; | ||
height: 88px; | |||
margin- | margin-right: 20px; /* Abstand zwischen dem Logo und dem Text */ | ||
} | |||
.footer-text { | |||
flex-grow: 1; /* Lässt den Text den verfügbaren Platz nutzen */ | |||
font-size: 14px; | |||
color: #ccc; /* Farbe des Textes anpassen */ | |||
} | |||
.footer-links { | |||
display: flex; | |||
flex-direction: column; | |||
align-items: flex-end; /* Rechts ausgerichtet */ | |||
} | |||
.footer-links a { | |||
color: #fff; /* Farbe der Links */ | |||
text-decoration: none; /* Entfernt die Unterstreichung */ | |||
margin-bottom: 5px; /* Fügt etwas Abstand zwischen den Links hinzu */ | |||
} | } | ||
.footer- | .footer-links a:hover { | ||
text-decoration: underline; /* Unterstreicht die Links beim Hover */ | |||
} | } |
Version vom 26. August 2024, 16:31 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; .citizen-footer__siteinfo { display: flex; justify-content: space-between; /* Verteilt den Inhalt gleichmäßig zwischen Logo+Text und den Links */ align-items: center; /* Zentriert das Logo und den Text vertikal */ padding: 10px 20px; /* Fügt etwas Innenabstand hinzu, um den Inhalt nicht am Rand kleben zu lassen */ } .footer-logo { width: 125px; height: 88px; margin-right: 20px; /* Abstand zwischen dem Logo und dem Text */ } .footer-text { flex-grow: 1; /* Lässt den Text den verfügbaren Platz nutzen */ font-size: 14px; color: #ccc; /* Farbe des Textes anpassen */ } .footer-links { display: flex; flex-direction: column; align-items: flex-end; /* Rechts ausgerichtet */ } .footer-links a { color: #fff; /* Farbe der Links */ text-decoration: none; /* Entfernt die Unterstreichung */ margin-bottom: 5px; /* Fügt etwas Abstand zwischen den Links hinzu */ } .footer-links a:hover { text-decoration: underline; /* Unterstreicht die Links beim Hover */ }