MediaWiki:Common.css - Revision history

Cranio is thinking: temi colore del widget indice [TEMI]

2026-06-16T23:14:30Z

temi colore del widget indice [TEMI]

← Older revision		Revision as of 23:14, 16 June 2026
Line 1,177:		Line 1,177:
	}		}
	/* === [NS-OPERAFILOSOFICA] fine === */		/* === [NS-OPERAFILOSOFICA] fine === */

			/* === [TEMI] inizio === */
			/* Temi colore del widget indice (classe .tema-<nome> sul widget, scelta
			per-archivio via la pagina <NS>:Tema; default "acromatico"). */

			/* acromatico (come malastradafilm/Opera): link grigi, titoli sezione rossi, niente linee */
			.archivio-indice.tema-acromatico .ai-body a,
			.archivio-indice.tema-acromatico .ai-body a:visited {
			color: var( --color-base--subtle, #b8b8b8 );
			}
			.archivio-indice.tema-acromatico .ai-body > ul > li {
			color: var( --color-link-red, var( --color-destructive, #d33 ) );
			}
			.archivio-indice.tema-acromatico.ai-rail {
			border-left: 0;
			}
			.archivio-indice.tema-acromatico .ai-testata {
			border-bottom: 0;
			}

			/* giallo (come CinetecaSarda): link gialli, titoli sezione grigi */
			.archivio-indice.tema-giallo .ai-body a,
			.archivio-indice.tema-giallo .ai-body a:visited {
			color: #e7b142;
			}
			.archivio-indice.tema-giallo .ai-body > ul > li {
			color: var( --color-base--subtle, #b8b8b8 );
			}

			/* blu (default Citizen): link blu, titoli sezione grigi */
			.archivio-indice.tema-blu .ai-body a,
			.archivio-indice.tema-blu .ai-body a:visited {
			color: var( --color-link, var( --color-progressive, #36c ) );
			}
			.archivio-indice.tema-blu .ai-body > ul > li {
			color: var( --color-base--subtle, #b8b8b8 );
			}
			/* === [TEMI] fine === */

Cranio is thinking: brand Opera (colori malastradafilm) [NS-OPERAFILOSOFICA]

2026-06-16T22:57:20Z

brand Opera (colori malastradafilm) [NS-OPERAFILOSOFICA]

← Older revision		Revision as of 22:57, 16 June 2026
Line 1,142:		Line 1,142:
	}		}
	/* === [NS-MALASTRADA] fine === */		/* === [NS-MALASTRADA] fine === */

			/* === [NS-OPERAFILOSOFICA] inizio === */
			/* Opera Filosofica Nomade (ns 3006): stessi colori di malastradafilm —
			ACROMATICO (niente accent colorato), titoli di sezione del menu nel ROSSO
			della home, niente linee nel widget. */
			body.ns-3006 .archivio-editoriale {
			--ns-accent: var( --color-base, #fff );
			}
			body.ns-3006 .archivio-indice .ai-body a,
			body.ns-3006 .archivio-indice .ai-body a:visited,
			body.ns-3006 .archivio-indice .ai-licenza a,
			body.ns-3006 .archivio-indice .ai-licenza a:visited {
			color: var( --color-base--subtle, #b8b8b8 );
			}
			body.ns-3006 .archivio-indice .ai-body > ul > li {
			color: var( --color-link-red, var( --color-destructive, #d33 ) );
			}
			body.ns-3006 .archivio-indice.ai-rail {
			border-left: 0;
			}
			body.ns-3006 .archivio-indice .ai-testata {
			border-bottom: 0;
			}
			/* Dashboard: titolo Citizen nascosto (headline nel template), racconto = lead */
			body.page-Operafilosoficanomade_Dashboard #firstHeading,
			body.page-Operafilosoficanomade_Dashboard .mw-page-title-main {
			display: none !important;
			}
			body.page-Operafilosoficanomade_Dashboard .mw-parser-output > p {
			max-width: 42rem;
			font-size: 1.08rem;
			line-height: 1.6;
			color: var( --color-base--subtle, #b8b8b8 );
			}
			/* === [NS-OPERAFILOSOFICA] fine === */

Cranio is thinking: malastradafilm: indice a liste + brand acromatico [NS-MALASTRADA] + testata cliccabile

2026-06-16T21:53:09Z

malastradafilm: indice a liste + brand acromatico [NS-MALASTRADA] + testata cliccabile

@@ Line 935: / Line 935: @@
 	color: #e7b142;
 	font-weight: 600;
+}
 /* === [INDICE] fine === */
@@ Line 1,044: / Line 1,098: @@
+}
 /* === [DEV] fine === */

Cranio is thinking: rimosso blocco [SEZIONI]: si usa il chevron nativo di Citizen

2026-06-16T14:05:09Z

rimosso blocco [SEZIONI]: si usa il chevron nativo di Citizen

← Older revision		Revision as of 14:05, 16 June 2026
Line 1,044:		Line 1,044:
	}		}
	/* === [DEV] fine === */		/* === [DEV] fine === */
	~~/* === [SEZIONI] inizio === */~~
	~~/* Sezioni collassabili (default chiuse, stato ricordato — vedi Citizen.js).~~
	~~Granularità: intestazioni di 2º livello (== ==). */~~
	~~.mw-parser-output .mw-heading2.ce-sec-h {~~
	~~cursor: pointer;~~
	~~-webkit-user-select: none;~~
	~~user-select: none;~~
	}
	~~.mw-parser-output .mw-heading2.ce-sec-h > h2::before {~~
	~~content: '\25B8'; /* freccia ▸ */~~
	~~display: inline-block;~~
	~~width: 1em;~~
	~~margin-right: .3em;~~
	~~font-size: .72em;~~
	~~line-height: 1;~~
	~~vertical-align: middle;~~
	~~color: var( --color-base--subtle, #9aa0a6 );~~
	~~transition: transform .15s ease;~~
	~~transform: rotate( 90deg ); /* aperta: punta in basso */~~
	}
	~~.mw-parser-output .mw-heading2.ce-sec-h.ce-collapsed > h2::before {~~
	~~transform: rotate( 0 ); /* chiusa: punta a destra */~~
	}
	~~.mw-parser-output .mw-heading2.ce-sec-h.ce-collapsed + .ce-sec-content {~~
	~~display: none;~~
	}
	~~.mw-parser-output .mw-heading2.ce-sec-h .mw-editsection {~~
	~~cursor: auto;~~
	~~-webkit-user-select: auto;~~
	~~user-select: auto;~~
	}
	~~/* === [SEZIONI] fine === */~~

Cranio is thinking: stile sezioni collassabili (blocco [SEZIONI])

2026-06-16T13:54:37Z

stile sezioni collassabili (blocco [SEZIONI])

← Older revision		Revision as of 13:54, 16 June 2026
Line 1,044:		Line 1,044:
	}		}
	/* === [DEV] fine === */		/* === [DEV] fine === */
			/* === [SEZIONI] inizio === */
			/* Sezioni collassabili (default chiuse, stato ricordato — vedi Citizen.js).
			Granularità: intestazioni di 2º livello (== ==). */
			.mw-parser-output .mw-heading2.ce-sec-h {
			cursor: pointer;
			-webkit-user-select: none;
			user-select: none;
			}
			.mw-parser-output .mw-heading2.ce-sec-h > h2::before {
			content: '\25B8'; /* freccia ▸ */
			display: inline-block;
			width: 1em;
			margin-right: .3em;
			font-size: .72em;
			line-height: 1;
			vertical-align: middle;
			color: var( --color-base--subtle, #9aa0a6 );
			transition: transform .15s ease;
			transform: rotate( 90deg ); /* aperta: punta in basso */
			}
			.mw-parser-output .mw-heading2.ce-sec-h.ce-collapsed > h2::before {
			transform: rotate( 0 ); /* chiusa: punta a destra */
			}
			.mw-parser-output .mw-heading2.ce-sec-h.ce-collapsed + .ce-sec-content {
			display: none;
			}
			.mw-parser-output .mw-heading2.ce-sec-h .mw-editsection {
			cursor: auto;
			-webkit-user-select: auto;
			user-select: auto;
			}
			/* === [SEZIONI] fine === */

Cranio is thinking: Dev: testo lead sotto-progetti col colore base di Citizen

2026-06-16T13:36:19Z

Dev: testo lead sotto-progetti col colore base di Citizen

← Older revision		Revision as of 13:36, 16 June 2026
Line 1,036:		Line 1,036:
	body.ns-3012 .archivio-editoriale {		body.ns-3012 .archivio-editoriale {
	--ns-accent: var( --color-link, var( --color-progressive, #36c ) );		--ns-accent: var( --color-link, var( --color-progressive, #36c ) );
			}

			/* Testo introduttivo (lead) dei sotto-progetti Dev: colore di DEFAULT di
			Citizen (testo base), non il grigio "subtle" editoriale di CinetecaSarda. */
			body.ns-3012 .archivio-editoriale .lead p {
			color: var( --color-base, #fff );
	}		}
	/* === [DEV] fine === */		/* === [DEV] fine === */

Cranio is thinking: Dev: link -> default Citizen (no giallo)

2026-06-16T12:56:57Z

Dev: link -> default Citizen (no giallo)

@@ Line 1,012: / Line 1,012: @@
 	line-height: 1.4;
 	font-size: .95rem;
+}
 /* === [DEV] fine === */

Cranio is thinking: Stile Dashboard Dev a riquadri (.dev-dash)

2026-06-16T08:03:28Z

Stile Dashboard Dev a riquadri (.dev-dash)

← Older revision		Revision as of 08:03, 16 June 2026
Line 937:		Line 937:
	}		}
	/* === [INDICE] fine === */		/* === [INDICE] fine === */

			/* === [DEV] inizio === */
			/* ==========================================================
			Dev — Dashboard "a riquadri per progetto" (pagina centrale).
			Stesso taglio editoriale di CinetecaSarda, ma l'indice è una griglia
			di card (riquadri), non il widget nel rail. Wrapper .dev-dash.
			Colori dei link: default Citizen (nessun override).
			========================================================== */

			.dev-dash {
			color: var( --color-base, #fff );
			}

			/* Testata editoriale */
			.dev-dash .occhiello {
			margin: 0 0 .7rem;
			font-size: var( --font-size-x-small, .8125rem );
			letter-spacing: .07em;
			text-transform: uppercase;
			color: var( --color-base--subtle, #b8b8b8 );
			}
			.dev-dash .dev-headline {
			margin: 0 0 1rem;
			font-size: clamp( 2.4rem, 4.6vw, 3.6rem );
			line-height: 1.03;
			font-weight: 700;
			letter-spacing: -.02em;
			color: #ffffff;
			}
			.dev-dash .dev-lead {
			margin: 0 0 .5rem;
			max-width: 64ch;
			font-size: 1.1rem;
			line-height: 1.55;
			color: var( --color-base--subtle, #b8b8b8 );
			}

			/* Riquadri "a colonne" (masonry): impacchettano senza vuoti verticali */
			.dev-dash .dev-griglia {
			columns: 290px;
			column-gap: 1.3rem;
			margin-top: 2rem;
			}

			/* Riquadro = progetto */
			.dev-dash .dev-card {
			break-inside: avoid;
			margin: 0 0 1.3rem;
			padding: 1rem 1.1rem 1.1rem;
			border: 1px solid var( --border-color-base, rgba( 255, 255, 255, .12 ) );
			border-radius: 8px;
			background: rgba( 255, 255, 255, .02 );
			}
			.dev-dash .dev-card-titolo {
			margin-bottom: .5rem;
			font-size: 1.15rem;
			font-weight: 700;
			color: #ffffff;
			}
			.dev-dash .dev-card-sub {
			margin: .7rem 0 .2rem;
			font-size: var( --font-size-xx-small, .75rem );
			text-transform: uppercase;
			letter-spacing: .07em;
			color: var( --color-base--subtle, #b8b8b8 );
			}
			.dev-dash .dev-card ul {
			margin: 0;
			padding: 0;
			list-style: none;
			}
			.dev-dash .dev-card li {
			padding: .18rem 0;
			line-height: 1.4;
			font-size: .95rem;
			}
			/* === [DEV] fine === */

Cranio is thinking: Stili CinetecaSarda: editoriale, hero Dashboard, brand namespace, indice (scoped ns-3004)

2026-06-15T21:38:45Z

Stili CinetecaSarda: editoriale, hero Dashboard, brand namespace, indice (scoped ns-3004)

Show changes

Cranio is thinking at 21:24, 20 May 2026

2026-05-20T21:24:34Z

Show changes