MediaWiki:Common.css - Revision history

Cranio is thinking: Fix taglio indice: rimuove size+paint dal containment del rail (ns 3004)

2026-06-15T20:58:42Z

Fix taglio indice: rimuove size+paint dal containment del rail (ns 3004)

← Older revision		Revision as of 20:58, 15 June 2026
Line 319:		Line 319:
	.archivio-indice .ai-voci a:hover {		.archivio-indice .ai-voci a:hover {
	text-decoration: underline;		text-decoration: underline;
			}

			/* Il rail di Citizen ha `contain: strict` → dimensione calcolata senza il
			contenuto + clip dell'eccedenza. Con l'indice in più, chiudendo una sezione
			il rail si accorcia e taglia l'indice. Togliamo size+paint (teniamo
			layout+style) così il rail cresce col contenuto e non clippa. Solo ns 3004. */
			body.ns-3004 .citizen-page-sidebar {
			contain: layout style;
	}		}

Cranio is thinking: Giallo solo alla voce TOC attiva

2026-06-15T20:52:29Z

Giallo solo alla voce TOC attiva

← Older revision		Revision as of 20:52, 15 June 2026
Line 321:		Line 321:
	}		}

	/* === TOC nativa di Citizen: ~~accent~~ giallo~~, per coerenza~~ (~~solo ns 3004~~) === */		/* === TOC nativa di Citizen: giallo SOLO sulla voce attiva (orientamento) === */
	body.ns-3004 .citizen-toc a,		body.ns-3004 .citizen-toc-list-item--active > a,
	body.ns-3004 .citizen-toc a~~:visited~~ {		body.ns-3004 .citizen-toc-list-item--active > a .citizen-toc-text,
			body.ns-3004 .citizen-toc-list-item--active .citizen-toc-link {
	color: #e7b142;		color: #e7b142;
	}		font-weight: 600;
	~~body.ns-3004 .citizen~~-~~toc a:hover {~~
	~~color~~: ~~#f1c878~~;
	}		}
	/* === [INDICE] fine === */		/* === [INDICE] fine === */

Cranio is thinking: Armonia font (var Citizen), chevron, giallo TOC nativa

2026-06-15T20:47:41Z

Armonia font (var Citizen), chevron, giallo TOC nativa

← Older revision		Revision as of 20:47, 15 June 2026
Line 210:		Line 210:
	/* ==========================================================		/* ==========================================================
	Indice d'archivio (sorgente unica {{Indice <NS>}}).		Indice d'archivio (sorgente unica {{Indice <NS>}}).
	~~Vale sia nel~~ rail ~~destro (param~~ rail~~=1 → box-stato-archivio,~~		Colonna destra: flottante dove non c'è rail, dentro il rail di Citizen
	~~spostato dal JS~~ sopra la TOC) ~~sia nel layout della Dashboard~~.		(sopra la TOC nativa) dove c'è. Collassabile. Scala font allineata a
			Citizen (--font-size-*) per armonia con la TOC.
	========================================================== */		========================================================== */

	.archivio-indice {		.archivio-indice {
	font-size: .~~9rem~~;		font-size: var( --font-size-small, .875rem );
	line-height: 1.45;		line-height: 1.45;
	}		}

	/* Variante "rail": colonna destra flottante, ~~SEMPRE~~ visibile (~~non dipende dalla~~		/* Variante "rail": colonna destra flottante, sempre visibile (no dipendenza TOC) */
	TOC~~/rail di Citizen~~)~~. Sulle pagine di contenuto la include IntestazionePagine.~~ */
	.archivio-indice.ai-rail {		.archivio-indice.ai-rail {
	float: right;		float: right;
Line 237:		Line 237:
	}		}
	}		}
			/* Quando il JS l'ha spostato DENTRO il rail di Citizen (sopra la TOC) */
	/* Quando il JS l'ha spostato DENTRO il rail di Citizen (sopra la TOC ~~nativa~~) */
	.archivio-indice.ai-in-rail {		.archivio-indice.ai-in-rail {
	float: none;		float: none;
Line 247:		Line 246:
	}		}

	/* Testata = ~~ritorno alla~~ Dashboard + ~~brand~~ */		/* Testata = riga header: nome archivio (link Dashboard) + chevron toggle */
	.archivio-indice .ai-testata {		.archivio-indice .ai-testata {
	margin-bottom: .~~55rem~~;		display: flex;
	padding-bottom: .~~5rem~~;		align-items: center;
			justify-content: space-between;
			gap: .5rem;
			margin-bottom: .5rem;
			padding-bottom: .45rem;
	border-bottom: 1px solid var( --border-color-base, rgba( 255, 255, 255, .16 ) );		border-bottom: 1px solid var( --border-color-base, rgba( 255, 255, 255, .16 ) );
	font-size: .~~76rem~~;		font-size: var( --font-size-x-small, .8125rem );
	text-transform: uppercase;		text-transform: uppercase;
	letter-spacing: .~~08em~~;		letter-spacing: .07em;
	}		}
	.archivio-indice .ai-testata a,		.archivio-indice .ai-testata a,
Line 266:		Line 269:
	}		}

	/* ~~Toggle "Indice" (~~apri/chiudi ~~le sezioni; la testata resta sempre visibile)~~ */		/* Chevron apri/chiudi */
	.archivio-indice .ai-toggle {		.archivio-indice .ai-toggle {
	~~display: flex;~~
	~~align-items: center;~~
	~~gap: .45rem;~~
	~~margin: .55rem 0 .15rem;~~
	cursor: pointer;		cursor: pointer;
	user-select: none;		user-select: none;
	~~font~~-~~size~~: ~~.74rem~~;		line-height: 1;
	~~text-transform: uppercase;~~		padding: .1rem .25rem;
	~~letter-spacing~~: .~~08em~~;
	color: var( --color-base--subtle, #b8b8b8 );		color: var( --color-base--subtle, #b8b8b8 );
	}		}
	.archivio-indice .ai-toggle::before {		.archivio-indice .ai-toggle::before {
	content: "▾";		content: "▾";
	font-size: .~~8em~~;		display: inline-block;
			font-size: .9em;
	transition: transform .15s ease;		transition: transform .15s ease;
	}		}
Line 298:		Line 297:
	padding: .5rem 0;		padding: .5rem 0;
	border-bottom: 1px solid var( --border-color-base, rgba( 255, 255, 255, .07 ) );		border-bottom: 1px solid var( --border-color-base, rgba( 255, 255, 255, .07 ) );
			}
			.archivio-indice .ai-body .ai-sez:last-child {
			border-bottom: 0;
	}		}
	.archivio-indice .ai-eti {		.archivio-indice .ai-eti {
	margin-bottom: .12rem;		margin-bottom: .12rem;
	font-size: .~~92rem~~;		font-size: var( --font-size-small, .875rem );
	font-weight: 600;		font-weight: 600;
	color: #ffffff;		color: #ffffff;
	}		}
	.archivio-indice .ai-voci {		.archivio-indice .ai-voci {
			font-size: var( --font-size-small, .875rem );
	color: var( --color-base--subtle, #b8b8b8 );		color: var( --color-base--subtle, #b8b8b8 );
	}		}
Line 318:		Line 321:
	}		}

	/* ~~Catch-all "Tutte le pagine"~~: ~~compatto~~ */		/* === TOC nativa di Citizen: accent giallo, per coerenza (solo ns 3004) === */
	.~~archivio~~-~~indice~~ .ai-~~altre {~~		body.ns-3004 .citizen-toc a,
	~~padding-top: .55rem;~~		body.ns-3004 .citizen-toc a:visited {
	}
	~~.archivio-indice .ai-voci-auto {~~
	~~margin-top: .3rem;~~
	~~font-size: .82rem;~~
	}
	~~.archivio-indice .ai-voci-auto table~~,
	.~~archivio~~-~~indice~~ .ai-~~voci-auto .mw-prefixindex-list-table {~~
	~~width~~: ~~100%;~~
	~~display: block;~~
	}
	~~.archivio-indice .ai-voci-auto td,~~
	~~.archivio-indice .ai-voci-auto .mw-prefixindex-list {~~
	~~display: block;~~
	~~width: auto !important;~~
	}
	~~.archivio-indice .ai-voci-auto a~~ {
	color: #e7b142;		color: #e7b142;
	~~text-decoration: none;~~
	}		}
	.~~archivio~~-~~indice~~ .ai-~~voci-auto~~ a:hover {		body.ns-3004 .citizen-toc a:hover {
	~~text-decoration~~: ~~underline~~;		color: #f1c878;
	}		}
	/* === [INDICE] fine === */		/* === [INDICE] fine === */

Cranio is thinking: Stile toggle indice collassabile

2026-06-15T20:39:22Z

Stile toggle indice collassabile

@@ Line 264: / Line 264: @@
 .archivio-indice .ai-testata a:hover {
 	color: #e7b142;
+}

Cranio is thinking: Stile indice dentro il rail (ai-in-rail)

2026-06-15T20:31:55Z

Stile indice dentro il rail (ai-in-rail)

← Older revision		Revision as of 20:31, 15 June 2026
Line 236:		Line 236:
	border-left: 0;		border-left: 0;
	}		}
			}

			/* Quando il JS l'ha spostato DENTRO il rail di Citizen (sopra la TOC nativa) */
			.archivio-indice.ai-in-rail {
			float: none;
			width: auto;
			margin: 0 0 1rem;
			padding: 0;
			border: 0;
	}		}

Cranio is thinking: Indice rail flottante sempre visibile

2026-06-15T20:16:28Z

Indice rail flottante sempre visibile

@@ Line 217: / Line 217: @@
 	font-size: .9rem;
 	line-height: 1.45;
+}

Cranio is thinking: Stile indice d'archivio (rail + Dashboard)

2026-06-15T20:02:24Z

Stile indice d'archivio (rail + Dashboard)

← Older revision		Revision as of 20:02, 15 June 2026
Line 206:		Line 206:
	}		}
	/* === [NS-BRAND] fine === */		/* === [NS-BRAND] fine === */

			/* === [INDICE] inizio === */
			/* ==========================================================
			Indice d'archivio (sorgente unica {{Indice <NS>}}).
			Vale sia nel rail destro (param rail=1 → box-stato-archivio,
			spostato dal JS sopra la TOC) sia nel layout della Dashboard.
			========================================================== */

			.archivio-indice {
			font-size: .9rem;
			line-height: 1.45;
			}

			/* Testata = ritorno alla Dashboard + brand */
			.archivio-indice .ai-testata {
			margin-bottom: .55rem;
			padding-bottom: .5rem;
			border-bottom: 1px solid var( --border-color-base, rgba( 255, 255, 255, .16 ) );
			font-size: .76rem;
			text-transform: uppercase;
			letter-spacing: .08em;
			}
			.archivio-indice .ai-testata a,
			.archivio-indice .ai-testata a:visited {
			color: #ffffff;
			font-weight: 700;
			text-decoration: none;
			}
			.archivio-indice .ai-testata a:hover {
			color: #e7b142;
			}

			/* Sezioni curate */
			.archivio-indice .ai-sez {
			padding: .5rem 0;
			border-bottom: 1px solid var( --border-color-base, rgba( 255, 255, 255, .07 ) );
			}
			.archivio-indice .ai-eti {
			margin-bottom: .12rem;
			font-size: .92rem;
			font-weight: 600;
			color: #ffffff;
			}
			.archivio-indice .ai-voci {
			color: var( --color-base--subtle, #b8b8b8 );
			}
			.archivio-indice .ai-voci a,
			.archivio-indice .ai-voci a:visited {
			color: #e7b142;
			font-weight: 500;
			text-decoration: none;
			}
			.archivio-indice .ai-voci a:hover {
			text-decoration: underline;
			}

			/* Catch-all "Tutte le pagine": compatto */
			.archivio-indice .ai-altre {
			padding-top: .55rem;
			}
			.archivio-indice .ai-voci-auto {
			margin-top: .3rem;
			font-size: .82rem;
			}
			.archivio-indice .ai-voci-auto table,
			.archivio-indice .ai-voci-auto .mw-prefixindex-list-table {
			width: 100%;
			display: block;
			}
			.archivio-indice .ai-voci-auto td,
			.archivio-indice .ai-voci-auto .mw-prefixindex-list {
			display: block;
			width: auto !important;
			}
			.archivio-indice .ai-voci-auto a {
			color: #e7b142;
			text-decoration: none;
			}
			.archivio-indice .ai-voci-auto a:hover {
			text-decoration: underline;
			}
			/* === [INDICE] fine === */

Cranio is thinking: Titolo editoriale leggero per le pagine di contenuto del namespace

2026-06-15T19:48:44Z

Titolo editoriale leggero per le pagine di contenuto del namespace

@@ Line 183: / Line 183: @@
 body.ns-3004 .mw-parser-output a:not( .new ):hover {
 	color: #f1c878;
+}
 /* === [NS-BRAND] fine === */

Cranio is thinking: Brand namespace: link gialli su tutte le pagine CinetecaSarda

2026-06-15T19:44:52Z

Brand namespace: link gialli su tutte le pagine CinetecaSarda

← Older revision		Revision as of 19:44, 15 June 2026
Line 169:		Line 169:
	}		}
	/* === [DASH-HERO] fine === */		/* === [DASH-HERO] fine === */

			/* === [NS-BRAND] inizio === */
			/* ==========================================================
			Brand CinetecaSarda (namespace 3004) — vale su TUTTE le pagine
			========================================================== */

			/* Link gialli del brand (dalla testata di cinetecasarda.it) al posto del blu
			di Citizen. I link a pagine mancanti (.new) restano rossi: segnale utile. */
			body.ns-3004 .mw-parser-output a:not( .new ),
			body.ns-3004 .mw-parser-output a:not( .new ):visited {
			color: #e7b142;
			}
			body.ns-3004 .mw-parser-output a:not( .new ):hover {
			color: #f1c878;
			}
			/* === [NS-BRAND] fine === */

Cranio is thinking: Accent giallo Cineteca, titoli indice bianchi, via i numerini

2026-06-15T19:38:49Z

Accent giallo Cineteca, titoli indice bianchi, via i numerini

← Older revision		Revision as of 19:38, 15 June 2026
Line 40:		Line 40:
	color: var( --color-base, #fff );		color: var( --color-base, #fff );
	--ns-accent: var( --color-link-red, var( --color-destructive, #d33 ) );		--ns-accent: var( --color-link-red, var( --color-destructive, #d33 ) );
			}

			/* Cineteca Sarda (ns 3004): accent giallo del brand — dalla testata del logo
			di cinetecasarda.it — al posto del rosso, solo in questo namespace. */
			body.ns-3004 .archivio-editoriale {
			--ns-accent: #e7b142;
	}		}

Line 70:		Line 76:
	font-weight: 700;		font-weight: 700;
	letter-spacing: -.02em;		letter-spacing: -.02em;
	color: ~~var( --color-base,~~ #~~fff )~~;		color: #ffffff;
	}		}

Line 95:		Line 101:
	.archivio-editoriale .art-aside {		.archivio-editoriale .art-aside {
	min-width: 0;		min-width: 0;
	~~counter-reset: idx;~~
	}		}
	.archivio-editoriale .art-aside-titolo {		.archivio-editoriale .art-aside-titolo {
Line 117:		Line 122:
	font-size: .98rem;		font-size: .98rem;
	font-weight: 600;		font-weight: 600;
	}		color: #ffffff;
	~~.archivio-editoriale .idx-eti::before {~~
	~~counter-increment: idx;~~
	~~content: counter( idx, decimal-leading-zero ) " ";~~
	color: ~~var( --color-base--subtle,~~ #~~b8b8b8 );~~
	~~font-weight: 500;~~
	~~font-size: .78em~~;
	}		}
	.archivio-editoriale .idx-voci {		.archivio-editoriale .idx-voci {
Line 130:		Line 129:
	color: var( --color-base--subtle, #b8b8b8 );		color: var( --color-base--subtle, #b8b8b8 );
	}		}
	.archivio-editoriale .idx-voci a {		.archivio-editoriale .idx-voci a,
			.archivio-editoriale .idx-voci a:visited {
	color: var( --ns-accent );		color: var( --ns-accent );
	font-weight: 500;		font-weight: 500;