Weitere Optionen
Keine Bearbeitungszusammenfassung |
Keine Bearbeitungszusammenfassung |
||
Zeile 5: | Zeile 5: | ||
/* das "siteSub nicht löschen */ | /* das "siteSub nicht löschen */ | ||
Zeile 11: | Zeile 10: | ||
.citizen-footer__siteinfo { | .citizen-footer__siteinfo { | ||
display: flex; | display: flex; | ||
justify-content: space-between; /* Verteilt Platz zwischen den | justify-content: space-between; /* Verteilt den Platz zwischen den Elementen */ | ||
align-items: center; /* Zentriert die Inhalte vertikal */ | align-items: center; /* Zentriert die Inhalte vertikal */ | ||
padding: 10px 20px; | padding: 10px 20px; | ||
text-align: left; /* | text-align: left; /* Text linksbündig ausrichten */ | ||
} | } | ||
Zeile 26: | Zeile 25: | ||
.footer-content { | .footer-content { | ||
flex-grow: 1; | flex-grow: 1; | ||
max-width: 60%; /* | margin-right: auto; /* Stößt den Textbereich nach links */ | ||
max-width: 60%; /* Begrenzung der Breite für den Textbereich */ | |||
} | } | ||
Zeile 36: | Zeile 36: | ||
.footer-links { | .footer-links { | ||
flex-shrink: 0; /* Verhindert, dass die Links schrumpfen */ | |||
text-align: right; /* Text der Links rechtsbündig ausrichten */ | text-align: right; /* Text der Links rechtsbündig ausrichten */ | ||
margin-left: auto; /* Schiebt die Links nach rechts */ | |||
} | } | ||
Version vom 26. August 2024, 17:09 Uhr
/* Das folgende CSS wird für Benutzer des Citizen-Skins geladen */ #siteSub { display: none; } /* das "siteSub nicht löschen */ .citizen-footer__siteinfo { display: flex; justify-content: space-between; /* Verteilt den Platz zwischen den Elementen */ align-items: center; /* Zentriert die Inhalte vertikal */ padding: 10px 20px; text-align: left; /* Text linksbündig ausrichten */ } .footer-logo { width: 125px; height: 88px; margin-right: 20px; flex-shrink: 0; } .footer-content { flex-grow: 1; margin-right: auto; /* Stößt den Textbereich nach links */ max-width: 60%; /* Begrenzung der Breite für den Textbereich */ } .footer-text { font-size: 14px; color: #ccc; line-height: 1.5; /* Verbesserung der Lesbarkeit */ } .footer-links { flex-shrink: 0; /* Verhindert, dass die Links schrumpfen */ text-align: right; /* Text der Links rechtsbündig ausrichten */ margin-left: auto; /* Schiebt die Links nach rechts */ } .footer-links a { display: block; /* Links untereinander anordnen */ color: #fff; text-decoration: none; margin-bottom: 5px; } .footer-links a:hover { text-decoration: underline; }