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.
   Agganciato al wrapper .archivio-editoriale (in MediaWiki:Common.css).
   Usa le variabili Citizen → coerente col tema dark e con ogni 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 (prosa: misura controllata ~60ch) */
.archivio-editoriale .lead {
	margin: 0 0 2rem;
	max-width: 60ch;
	font-size: 1.18rem;
	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.4rem;
	margin: 0 0 1.4rem;
	padding: 0;
}
.archivio-editoriale .metrica-num {
	font-size: 2.1rem;
	line-height: 1;
	font-weight: 600;
	letter-spacing: -.02em;
}
.archivio-editoriale .metrica-label {
	margin-top: .4rem;
	font-size: .76rem;
	text-transform: uppercase;
	letter-spacing: .06em;
	color: var( --color-base--subtle, #b8b8b8 );
}

/* Nota di stato sotto le metriche (prosa: misura controllata) */
.archivio-editoriale .stato-nota {
	margin: 0 0 2.4rem;
	max-width: 62ch;
	font-size: .96rem;
	line-height: 1.5;
	color: var( --color-base--subtle, #b8b8b8 );
}
.archivio-editoriale .stato-data {
	opacity: .7;
	font-style: italic;
}

/* === Indice editoriale stretto === */
/* Voci numerate automaticamente (01, 02…), separate dallo spazio e da una
   hairline, non da scatole. Ritmo compatto. */
.archivio-editoriale .indice-editoriale {
	counter-reset: voce;
	display: grid;
	gap: 0;
	margin-top: .5rem;
}
.archivio-editoriale .voce {
	display: grid;
	grid-template-columns: 2.6rem minmax( 0, 1fr );
	gap: 1rem;
	align-items: baseline;
	padding: .85rem 0;
	border-top: 1px solid var( --border-color-base, rgba( 255, 255, 255, .09 ) );
}
.archivio-editoriale .voce:first-child {
	border-top: 0;
	padding-top: .2rem;
}
.archivio-editoriale .voce::before {
	counter-increment: voce;
	content: counter( voce, decimal-leading-zero );
	color: var( --color-base--subtle, #b8b8b8 );
	font-size: .8rem;
	font-weight: 500;
	letter-spacing: .03em;
}
.archivio-editoriale .eti {
	font-size: 1.05rem;
	font-weight: 600;
	margin-bottom: .12rem;
}
.archivio-editoriale .voci {
	color: var( --color-base--subtle, #b8b8b8 );
	line-height: 1.55;
	font-size: .98rem;
}
.archivio-editoriale .voci a {
	color: var( --ns-accent );
	font-weight: 500;
	text-decoration: none;
}
.archivio-editoriale .voci a:hover {
	text-decoration: underline;
}

@media ( max-width: 720px ) {
	.archivio-editoriale .metriche {
		gap: 1.4rem 2rem;
	}
	.archivio-editoriale .metrica-num {
		font-size: 1.75rem;
	}
	.archivio-editoriale .voce {
		grid-template-columns: 2rem minmax( 0, 1fr );
		gap: .8rem;
	}
}
/* === [ARCHIVIO-EDITORIALE] fine === */