Weitere Optionen
Keine Bearbeitungszusammenfassung |
Keine Bearbeitungszusammenfassung |
||
Zeile 5: | Zeile 5: | ||
/* das "siteSub nicht löschen */ | /* das "siteSub nicht löschen */ | ||
.citizen-footer__content { | |||
position: relative; | |||
height: 150px; /* Höhe des Footers festlegen, nach Bedarf anpassen */ | |||
padding: 20px; | |||
background-color: #1a1a1a; /* Beispiel für Hintergrundfarbe, anpassbar */ | |||
} | |||
.citizen-footer__siteinfo { | |||
position: relative; | |||
height: 100%; | |||
} | |||
.footer-logo { | |||
position: absolute; | |||
left: 20px; | |||
top: 50%; | |||
transform: translateY(-50%); | |||
width: 125px; | |||
height: 88px; | |||
} | |||
.footer-text { | |||
position: absolute; | |||
left: 160px; /* Passt den Abstand vom Logo an */ | |||
top: 50%; | |||
transform: translateY(-50%); | |||
color: #ccc; /* Farbe des Textes */ | |||
font-size: 14px; | |||
max-width: 50%; /* Stellt sicher, dass der Text nicht über den Links hinausgeht */ | |||
} | |||
.footer-links { | |||
position: absolute; | |||
right: 20px; | |||
top: 50%; | |||
transform: translateY(-50%); | |||
text-align: right; | |||
} | |||
.footer-links a { | |||
color: #fff; | |||
text-decoration: none; | |||
display: block; /* Stellt sicher, dass die Links untereinander stehen */ | |||
margin-bottom: 5px; /* Fügt Abstand zwischen den Links hinzu */ | |||
} | |||
.footer-links a:hover { | |||
text-decoration: underline; | |||
} |
Version vom 26. August 2024, 16:59 Uhr
/* Das folgende CSS wird für Benutzer des Citizen-Skins geladen */ #siteSub { display: none; } /* das "siteSub nicht löschen */ .citizen-footer__content { position: relative; height: 150px; /* Höhe des Footers festlegen, nach Bedarf anpassen */ padding: 20px; background-color: #1a1a1a; /* Beispiel für Hintergrundfarbe, anpassbar */ } .citizen-footer__siteinfo { position: relative; height: 100%; } .footer-logo { position: absolute; left: 20px; top: 50%; transform: translateY(-50%); width: 125px; height: 88px; } .footer-text { position: absolute; left: 160px; /* Passt den Abstand vom Logo an */ top: 50%; transform: translateY(-50%); color: #ccc; /* Farbe des Textes */ font-size: 14px; max-width: 50%; /* Stellt sicher, dass der Text nicht über den Links hinausgeht */ } .footer-links { position: absolute; right: 20px; top: 50%; transform: translateY(-50%); text-align: right; } .footer-links a { color: #fff; text-decoration: none; display: block; /* Stellt sicher, dass die Links untereinander stehen */ margin-bottom: 5px; /* Fügt Abstand zwischen den Links hinzu */ } .footer-links a:hover { text-decoration: underline; }