Weitere Optionen
Keine Bearbeitungszusammenfassung |
Keine Bearbeitungszusammenfassung |
||
Zeile 6: | Zeile 6: | ||
/* das "siteSub nicht löschen */ | /* das "siteSub nicht löschen */ | ||
/* Grundlayout für den Footer */ | |||
/* | |||
.citizen-footer__siteinfo { | .citizen-footer__siteinfo { | ||
overflow: hidden; /* Um das Floaten zu handhaben */ | |||
padding: 10px 0; /* Innenabstand hinzufügen */ | |||
padding: 10px | |||
} | } | ||
/* | /* Logo links ausrichten */ | ||
.footer-logo { | .footer-logo { | ||
float: left; | |||
width: 125px; | width: 125px; | ||
height: 88px; | height: 88px; | ||
margin-right: 20px; | margin-right: 20px; | ||
} | } | ||
/* | /* Text in der Mitte */ | ||
.footer-text { | .footer-text { | ||
float: left; | |||
width: 50%; /* Nimmt die Hälfte des verbleibenden Platzes ein */ | |||
font-size: 14px; | font-size: 14px; | ||
color: #ccc; | color: #ccc; | ||
line-height: 1.4; /* Line-Height für bessere Lesbarkeit */ | |||
} | } | ||
/* | /* Links ganz rechts */ | ||
.footer-links { | .footer-links { | ||
float: right; | |||
text-align: right; /* Rechtsbündige Links */ | |||
margin-left: 20px; /* Platz für die Links */ | |||
} | } | ||
.footer-links a { | .footer-links a { | ||
display: block; /* Links untereinander anzeigen */ | |||
text-decoration: none; | color: #fff; | ||
margin-bottom: 5px; | text-decoration: none; | ||
margin-bottom: 5px; | |||
} | } | ||
.footer-links a:hover { | .footer-links a:hover { | ||
text-decoration: underline; /* | text-decoration: underline; | ||
} | |||
/* Um die Clearfix-Technik zu verwenden */ | |||
.citizen-footer__siteinfo::after { | |||
content: ""; | |||
display: table; | |||
clear: both; | |||
} | } |
Version vom 26. August 2024, 17:05 Uhr
/* Das folgende CSS wird für Benutzer des Citizen-Skins geladen */ #siteSub { display: none; } /* das "siteSub nicht löschen */ /* Grundlayout für den Footer */ .citizen-footer__siteinfo { overflow: hidden; /* Um das Floaten zu handhaben */ padding: 10px 0; /* Innenabstand hinzufügen */ } /* Logo links ausrichten */ .footer-logo { float: left; width: 125px; height: 88px; margin-right: 20px; } /* Text in der Mitte */ .footer-text { float: left; width: 50%; /* Nimmt die Hälfte des verbleibenden Platzes ein */ font-size: 14px; color: #ccc; line-height: 1.4; /* Line-Height für bessere Lesbarkeit */ } /* Links ganz rechts */ .footer-links { float: right; text-align: right; /* Rechtsbündige Links */ margin-left: 20px; /* Platz für die Links */ } .footer-links a { display: block; /* Links untereinander anzeigen */ color: #fff; text-decoration: none; margin-bottom: 5px; } .footer-links a:hover { text-decoration: underline; } /* Um die Clearfix-Technik zu verwenden */ .citizen-footer__siteinfo::after { content: ""; display: table; clear: both; }