MediaWiki:Citizen.css: Difference between revisions

/* All CSS here will be loaded for users of the Citizen skin */
/* Uniforma il colore di sfondo del footer con quello della pagina */
/*#footer {
/*    background-color: var(--citizen-background);
/*    color: inherit;
/*    border-top: none;
/*    box-shadow: none;
/*}

/* All CSS here will be loaded for users of the Citizen skin */

/* Footer minimale e senza stacco visivo */
#footer,
.citizen-footer,
.citizen-footer__container {
    background-color: var(--citizen-background) !important;
    color: inherit !important;
    border-top: none !important;
    box-shadow: none !important;
    margin: 0 !important;
    padding: 0.25em 0 !important;
}

/* Rimuove blocchi interni superflui del footer Citizen */
.citizen-footer__sections,
.citizen-footer__divider,
.citizen-footer__credits,
#footer-places,
#footer-icons {
    display: none !important;
}

/* Testo centrato, piccolo e armonizzato con il resto della pagina */
#footer {
    text-align: center !important;
    font-size: 0.85em !important;
    opacity: 0.7;
    line-height: 1.4;
}

/* --- Correzione allineamento e margini footer --- */
#footer,
.citizen-footer,
.citizen-footer__container {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* Mantiene il testo centrato anche su schermi larghi */
#footer p {
    margin: 0 auto !important;
    max-width: 900px !important;
}

/* --- Nasconde il blocco di branding/logo in fondo alla pagina --- */
.citizen-footer__branding,
.citizen-footer__brand,
.citizen-footer__siteinfo,
.citizen-footer__logo {
    display: none !important;
}

/* --- Hard reset layout footer: centra orizzontalmente --- */
#footer,
.citizen-footer,
.citizen-footer__container {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
}

/* Elimina spinte a destra causate da auto-margins o float */
#footer > *,
.citizen-footer > *,
.citizen-footer__container > * {
    margin: 0 !important;
    float: none !important;
}

/* Se esistono container “end/credits/widgets” che spingono a destra */
.citizen-footer__end,
.citizen-footer__credits,
.citizen-footer__widgets {
    margin-left: 0 !important;
}

/* Limita la larghezza del testo e centrala */
#footer p {
    margin: 0 auto !important;
    max-width: 900px !important;
}