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