MediaWiki:Common.css: Difference between revisions

/* CSS placed here will be applied to all skins */

#footer { display: none; }
/* last modification stuff */
#footer-info { display: none; }

/* footer links */
#footer-places { display: none; }

/* powered by icon */
#footer-icon { display: none; }

.box-stato-archivio .citizen-card__body p{
  margin: 0 0 .75em 0;
}
.box-stato-archivio .citizen-card__body p:last-child{
  margin-bottom: 0;
}

/* === CSS per template IntestazionePagine === */

.namespace-label{
  display:block;
  font-size:0.85em;
  margin-top:-0.3em;
  margin-bottom:0.6em;
}
.namespace-label a,
.namespace-label a:visited{
  color:inherit;
}
/* === [ARCHIVIO-EDITORIALE] inizio — prototipo staging === */
/* Stile editoriale per le Dashboard dei namespace-archivio.
   Caricato via <templatestyles> sulla pagina, agganciato al wrapper
   .archivio-editoriale. Usa le variabili Citizen → coerente col tema dark
   e con qualunque skin. Accent per-archivio via --ns-accent sul wrapper. */

.archivio-editoriale {
	color: var( --color-base, #fff );
	--ns-accent: var( --color-link-red, var( --color-destructive, #d33 ) );
}

/* Occhiello / cappello identitario */
.archivio-editoriale .occhiello {
	margin: 0 0 .7rem;
	font-size: .9rem;
	letter-spacing: .04em;
	color: var( --color-base--subtle, #b8b8b8 );
	opacity: .85;
}

/* Riga di lancio */
.archivio-editoriale .lead {
	margin: 0 0 2.4rem;
	max-width: 46em;
	font-size: 1.2rem;
	line-height: 1.55;
	color: var( --color-base--subtle, #b8b8b8 );
}

/* Striscia di metriche (sostituisce la wikitable di stato) */
.archivio-editoriale .metriche {
	display: flex;
	flex-wrap: wrap;
	gap: 2.6rem;
	margin: 0 0 1.6rem;
	padding: 0;
}
.archivio-editoriale .metrica-num {
	font-size: 2.2rem;
	line-height: 1;
	font-weight: 600;
	letter-spacing: -.02em;
}
.archivio-editoriale .metrica-label {
	margin-top: .4rem;
	font-size: .78rem;
	text-transform: uppercase;
	letter-spacing: .06em;
	color: var( --color-base--subtle, #b8b8b8 );
}

/* Nota di stato sotto le metriche */
.archivio-editoriale .stato-nota {
	margin: 0 0 3rem;
	max-width: 52em;
	font-size: .98rem;
	line-height: 1.5;
	color: var( --color-base--subtle, #b8b8b8 );
}
.archivio-editoriale .stato-data {
	opacity: .7;
	font-style: italic;
}

/* Sezioni: titolo editoriale, separate dallo spazio (non da scatole) */
.archivio-editoriale h2 {
	margin: 2.6rem 0 1.1rem;
	padding-top: 1.4rem;
	border: 0;
	border-top: 1px solid var( --border-color-base, rgba( 255, 255, 255, .09 ) );
	font-size: 1.45rem;
	font-weight: 600;
	letter-spacing: -.01em;
}

/* Liste-link: un solo idioma, niente puntini, ritmo dato dal CSS */
.archivio-editoriale ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: grid;
	gap: .75rem;
}
.archivio-editoriale li {
	margin: 0;
	padding: 0;
	line-height: 1.5;
	color: var( --color-base--subtle, #b8b8b8 );
}
.archivio-editoriale li a {
	font-weight: 600;
	color: var( --ns-accent );
	text-decoration: none;
}
.archivio-editoriale li a:hover {
	text-decoration: underline;
}

@media ( max-width: 720px ) {
	.archivio-editoriale .metriche {
		gap: 1.6rem 2rem;
	}
	.archivio-editoriale .metrica-num {
		font-size: 1.8rem;
	}
}
/* === [ARCHIVIO-EDITORIALE] fine === */