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

/* === [DASH-NOTOC] inizio === */
/* Sulla Dashboard l'indice "vero" è quello editoriale nella colonna centrale.
   Le intestazioni servono solo a far esistere il rail destro: nascondiamo la
   TOC automatica di Citizen nel rail (resta solo la card "Stato"), così non si
   hanno due indici. Page-scoped (due varianti per l'escaping del ":"). */

body.page-CinetecaSarda_Dashboard .citizen-toc,
body.page-CinetecaSarda-Dashboard .citizen-toc,
body.page-CinetecaSarda_Dashboard #toc,
body.page-CinetecaSarda-Dashboard #toc {
	display: none !important;
}
/* === [DASH-NOTOC] fine === */

/* === [ARCHIVIO-EDITORIALE] inizio === */
/* Stile editoriale per le Dashboard dei namespace-archivio.
   Wrapper .archivio-editoriale (colonna principale) + card di stato nel rail
   destro di Citizen (via convenzione data-stato-archivio="1" + Citizen.js).
   Usa le variabili Citizen. Accent per-archivio via --ns-accent. */

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

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

/* Lead: racconto d'apertura (prosa, misura controllata ~64ch) */
.archivio-editoriale .lead {
	margin: 0 0 2.2rem;
	max-width: 64ch;
}
.archivio-editoriale .lead p {
	margin: 0 0 1rem;
	font-size: 1.08rem;
	line-height: 1.6;
	color: var( --color-base--subtle, #b8b8b8 );
}
.archivio-editoriale .lead p:last-child {
	margin-bottom: 0;
}
.archivio-editoriale .lead strong {
	color: var( --color-base, #fff );
	font-weight: 600;
}

/* === Indice editoriale stretto, su intestazioni vere (h2) === */
/* La TOC che ne deriva fa anche esistere il rail destro. */
.archivio-editoriale .mw-heading2 {
	counter-increment: sez;
	display: flex;
	align-items: baseline;
	gap: .8rem;
	margin: 1.5rem 0 .3rem;
	padding-top: 1.1rem;
	border: 0;
	border-top: 1px solid var( --border-color-base, rgba( 255, 255, 255, .09 ) );
}
.archivio-editoriale .mw-heading2:first-of-type {
	border-top: 0;
	padding-top: .2rem;
}
.archivio-editoriale .mw-heading2::before {
	content: counter( sez, decimal-leading-zero );
	color: var( --color-base--subtle, #b8b8b8 );
	font-size: .8rem;
	font-weight: 500;
	letter-spacing: .03em;
}
.archivio-editoriale .mw-heading2 h2 {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 1.1rem;
	font-weight: 600;
}
.archivio-editoriale .mw-heading2 .mw-editsection {
	display: none;
}
/* Riga di link sotto ogni sezione */
.archivio-editoriale .mw-heading2 + p {
	margin: .1rem 0 .2rem;
	color: var( --color-base--subtle, #b8b8b8 );
	line-height: 1.55;
	font-size: .98rem;
}
.archivio-editoriale .mw-heading2 + p a {
	color: var( --ns-accent );
	font-weight: 500;
	text-decoration: none;
}
.archivio-editoriale .mw-heading2 + p a:hover {
	text-decoration: underline;
}

/* === Card "Stato" nel rail destro (fuori dal wrapper: la sposta il JS) === */
/* Righe metrica: etichetta a sinistra, valore a destra. */
.box-stato-archivio .ce-metrica {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	gap: .6rem;
	padding: .25rem 0;
	font-size: .9rem;
	border-bottom: 1px solid var( --border-color-base, rgba( 255, 255, 255, .07 ) );
}
.box-stato-archivio .ce-metrica:last-of-type {
	border-bottom: 0;
}
.box-stato-archivio .ce-metrica .l {
	color: var( --color-base--subtle, #b8b8b8 );
}
.box-stato-archivio .ce-metrica .n {
	font-weight: 600;
	font-variant-numeric: tabular-nums;
}
.box-stato-archivio .ce-agg {
	margin: .7rem 0 0;
	font-size: .76rem;
	opacity: .7;
	font-style: italic;
}
/* === [ARCHIVIO-EDITORIALE] fine === */