MediaWiki:Citizen.css: Unterschied zwischen den Versionen

Version vom 26. August 2024, 17:00 Uhr

/* Das folgende CSS wird für Benutzer des Citizen-Skins geladen */
#siteSub {
    display: none;
}

/* das "siteSub nicht löschen */


/* Hauptcontainer für das Footer-Layout */
.citizen-footer__siteinfo {
    display: flex;
    justify-content: space-between; /* Platz zwischen den Hauptgruppen aufteilen */
    align-items: flex-start; /* Inhalte oben ausrichten */
    padding: 10px 20px;
    flex-wrap: wrap; /* Inhalte umbrechen, wenn der Platz nicht ausreicht */
}

/* Stile für das Logo im Footer */
.footer-logo {
    width: 125px;
    height: 88px;
    margin-right: 20px; /* Abstand zwischen Logo und Text */
    flex-shrink: 0; /* Verhindert, dass das Logo skaliert wird */
}

/* Container für Text und Links im Footer */
.footer-content {
    display: flex;
    flex-direction: column; /* Text und Links untereinander anordnen */
    flex-grow: 1; /* Füllt den verfügbaren Platz aus */
}

/* Stile für den Text im Footer */
.footer-text {
    font-size: 14px;
    color: #ccc;
    margin-bottom: 10px; /* Abstand zwischen Text und Links */
}

/* Container für die Links im Footer */
.footer-links {
    display: flex;
    flex-direction: column; /* Links untereinander anordnen */
    align-items: flex-end; /* Rechts ausrichten */
}

/* Stile für die Links im Footer */
.footer-links a {
    color: #fff; /* Linkfarbe */
    text-decoration: none; /* Entfernt die Unterstreichung */
    margin-bottom: 5px; /* Abstand zwischen den Links */
}

/* Hover-Effekt für die Links */
.footer-links a:hover {
    text-decoration: underline; /* Unterstreicht die Links beim Hover */
}