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

/* StatoArchivio – header con colore dei bottoni Citizen */
.box-stato-archivio {
  border: 1px solid var(--color-destructive);
}

.box-stato-archivio .citizen-card__header {
  background-color: var(--color-destructive);
  color: var(--color-inverted, #ffffff);
  border-bottom: 1px solid var(--color-destructive);
}

.box-stato-archivio .citizen-card__title {
  text-align: center;
  width: 100%;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.box-stato-archivio .citizen-card__body {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
/* Spaziatura interna orizzontale elegante */
.box-stato-archivio .citizen-card__body {
  padding-left: 1.1rem;
  padding-right: 1.1rem;
}