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;
}