https://staging.wiki.etna.foundation/api.php?action=feedcontributions&feedformat=atom&user=Cranio+is+thinking
etna.foundation [STAGING] - User contributions [en]
2026-06-15T21:06:26Z
User contributions
MediaWiki 1.45.0
https://staging.wiki.etna.foundation/index.php?title=Template:Indice_CinetecaSarda&diff=1128
Template:Indice CinetecaSarda
2026-06-15T21:05:09Z
<p>Cranio is thinking: Testata indice: etichetta 'Dashboard'</p>
<hr />
<div><includeonly><div class="archivio-indice {{#if:{{{rail|}}}|ai-rail|}}"><br />
<div class="ai-testata">[[CinetecaSarda:Dashboard|Dashboard]]<span class="ai-toggle" role="button" tabindex="0"></span></div><br />
<div class="ai-body"><br />
<div class="ai-sez"><div class="ai-eti">Inquadramento</div><div class="ai-voci">[[CinetecaSarda:Nara|Nara]] · [[CinetecaSarda:Dossier|Dossier]] · [[CinetecaSarda:Piano Fase 2|Piano Fase 2]]</div></div><br />
<div class="ai-sez"><div class="ai-eti">Documentazione</div><div class="ai-voci">[[CinetecaSarda:Report tecnici|Report tecnici]] · [[CinetecaSarda:Legenda terminologica|Legenda]] · [[CinetecaSarda:Policy|Policy]]</div></div><br />
<div class="ai-sez"><div class="ai-eti">Sistema e dati</div><div class="ai-voci">[[CinetecaSarda:Scheda|Scheda]] · [[CinetecaSarda:Utenti ruoli permessi|Utenti, ruoli, permessi]]</div></div><br />
<div class="ai-sez"><div class="ai-eti">Avanzamento</div><div class="ai-voci">[[CinetecaSarda:Cronoprogramma|Cronoprogramma]] · [[CinetecaSarda:Diario|Diario]] · [[CinetecaSarda:Todo|Todo]]</div></div><br />
<div class="ai-sez"><div class="ai-eti">Infrastruttura</div><div class="ai-voci">[[CinetecaSarda:Network|Network]] · [[CinetecaSarda:Hardware|Hardware]] · [[CinetecaSarda:Software|Software]] · [[CinetecaSarda:Backup|Backup]]</div></div><br />
</div><br />
</div></includeonly><noinclude><br />
Indice d'archivio del namespace '''CinetecaSarda'''. Sorgente unica: sezioni curate + "Tutte le pagine" generato in automatico (<code>Special:PrefixIndex</code>).<br />
<br />
Uso:<br />
* nel rail laterale (pagine di contenuto): <code><nowiki>{{Indice CinetecaSarda|rail=1}}</nowiki></code> — incluso da <code>IntestazionePagine</code>;<br />
* nel layout della Dashboard: <code><nowiki>{{Indice CinetecaSarda}}</nowiki></code> (senza rail).<br />
<br />
Per aggiungere una pagina a una sezione curata, modifica qui. Le pagine non ancora curate restano comunque elencate in "Tutte le pagine".<br />
<br />
[[Categoria:Template di struttura]]<br />
</noinclude></div>
Cranio is thinking
https://staging.wiki.etna.foundation/index.php?title=MediaWiki:Common.css&diff=1127
MediaWiki:Common.css
2026-06-15T20:58:42Z
<p>Cranio is thinking: Fix taglio indice: rimuove size+paint dal containment del rail (ns 3004)</p>
<hr />
<div>/* CSS placed here will be applied to all skins */<br />
<br />
#footer { display: none; }<br />
/* last modification stuff */<br />
#footer-info { display: none; }<br />
<br />
/* footer links */<br />
#footer-places { display: none; }<br />
<br />
/* powered by icon */<br />
#footer-icon { display: none; }<br />
<br />
.box-stato-archivio .citizen-card__body p{<br />
margin: 0 0 .75em 0;<br />
}<br />
.box-stato-archivio .citizen-card__body p:last-child{<br />
margin-bottom: 0;<br />
}<br />
<br />
/* === CSS per template IntestazionePagine === */<br />
<br />
.namespace-label{<br />
display:block;<br />
font-size:0.85em;<br />
margin-top:-0.3em;<br />
margin-bottom:0.6em;<br />
}<br />
.namespace-label a,<br />
.namespace-label a:visited{<br />
color:inherit;<br />
}<br />
<br />
/* === [ARCHIVIO-EDITORIALE] inizio === */<br />
/* Stile editoriale per le Dashboard dei namespace-archivio.<br />
Layout "articolo di prima pagina": corpo a sinistra, indice a destra,<br />
come griglia interna al contenuto (niente dipendenza dal rail di Citizen).<br />
Usa le variabili Citizen. Accent per-archivio via --ns-accent. */<br />
<br />
.archivio-editoriale {<br />
color: var( --color-base, #fff );<br />
--ns-accent: var( --color-link-red, var( --color-destructive, #d33 ) );<br />
}<br />
<br />
/* Cineteca Sarda (ns 3004): accent giallo del brand — dalla testata del logo<br />
di cinetecasarda.it — al posto del rosso, solo in questo namespace. */<br />
body.ns-3004 .archivio-editoriale {<br />
--ns-accent: #e7b142;<br />
}<br />
<br />
/* Griglia: articolo (1fr) + indice (colonna fissa) */<br />
.archivio-editoriale .art-layout {<br />
display: grid;<br />
grid-template-columns: minmax( 0, 1fr ) 300px;<br />
gap: 3.5rem;<br />
align-items: start;<br />
}<br />
.archivio-editoriale .art-main {<br />
min-width: 0;<br />
}<br />
<br />
/* Occhiello / cappello identitario */<br />
.archivio-editoriale .occhiello {<br />
margin: 0 0 .7rem;<br />
font-size: .9rem;<br />
letter-spacing: .04em;<br />
color: var( --color-base--subtle, #b8b8b8 );<br />
opacity: .85;<br />
}<br />
<br />
/* Headline da articolo di prima pagina */<br />
.archivio-editoriale .ce-headline {<br />
margin: 0 0 1.3rem;<br />
border: 0;<br />
font-size: clamp( 2.4rem, 4.6vw, 3.6rem );<br />
line-height: 1.03;<br />
font-weight: 700;<br />
letter-spacing: -.02em;<br />
color: #ffffff;<br />
}<br />
<br />
/* Lead: il racconto. Riempie la colonna dell'articolo. */<br />
.archivio-editoriale .lead {<br />
margin: 0;<br />
max-width: none;<br />
}<br />
.archivio-editoriale .lead p {<br />
margin: 0 0 1rem;<br />
font-size: 1.08rem;<br />
line-height: 1.6;<br />
color: var( --color-base--subtle, #b8b8b8 );<br />
}<br />
.archivio-editoriale .lead p:last-child {<br />
margin-bottom: 0;<br />
}<br />
.archivio-editoriale .lead strong {<br />
color: var( --color-base, #fff );<br />
font-weight: 600;<br />
}<br />
<br />
/* === Indice nella colonna destra === */<br />
.archivio-editoriale .art-aside {<br />
min-width: 0;<br />
}<br />
.archivio-editoriale .art-aside-titolo {<br />
margin: 0 0 .4rem;<br />
padding-bottom: .55rem;<br />
border-bottom: 1px solid var( --border-color-base, rgba( 255, 255, 255, .14 ) );<br />
font-size: .76rem;<br />
text-transform: uppercase;<br />
letter-spacing: .08em;<br />
color: var( --color-base--subtle, #b8b8b8 );<br />
}<br />
.archivio-editoriale .idx-sez {<br />
padding: .7rem 0;<br />
border-bottom: 1px solid var( --border-color-base, rgba( 255, 255, 255, .07 ) );<br />
}<br />
.archivio-editoriale .idx-sez:last-child {<br />
border-bottom: 0;<br />
}<br />
.archivio-editoriale .idx-eti {<br />
margin-bottom: .2rem;<br />
font-size: .98rem;<br />
font-weight: 600;<br />
color: #ffffff;<br />
}<br />
.archivio-editoriale .idx-voci {<br />
font-size: .9rem;<br />
line-height: 1.5;<br />
color: var( --color-base--subtle, #b8b8b8 );<br />
}<br />
.archivio-editoriale .idx-voci a,<br />
.archivio-editoriale .idx-voci a:visited {<br />
color: var( --ns-accent );<br />
font-weight: 500;<br />
text-decoration: none;<br />
}<br />
.archivio-editoriale .idx-voci a:hover {<br />
text-decoration: underline;<br />
}<br />
<br />
/* Sotto i 900px: indice sotto l'articolo */<br />
@media ( max-width: 900px ) {<br />
.archivio-editoriale .art-layout {<br />
grid-template-columns: 1fr;<br />
gap: 2.5rem;<br />
}<br />
}<br />
/* === [ARCHIVIO-EDITORIALE] fine === */<br />
<br />
/* === [DASH-HERO] inizio === */<br />
/* Dashboard come "articolo di prima pagina": nasconde il titolo standard di<br />
Citizen (firstHeading), perché l'headline editoriale vive nel contenuto.<br />
Resta il resto dell'header (nav/strumenti). Page-scoped (due varianti per<br />
l'escaping del ":"). */<br />
<br />
body.page-CinetecaSarda_Dashboard #firstHeading,<br />
body.page-CinetecaSarda-Dashboard #firstHeading,<br />
body.page-CinetecaSarda_Dashboard .mw-first-heading,<br />
body.page-CinetecaSarda-Dashboard .mw-first-heading,<br />
body.page-CinetecaSarda_Dashboard .mw-page-title-main,<br />
body.page-CinetecaSarda-Dashboard .mw-page-title-main {<br />
display: none !important;<br />
}<br />
<br />
/* Spazio per le due colonne (articolo + indice), moderato. */<br />
body.page-CinetecaSarda_Dashboard,<br />
body.page-CinetecaSarda-Dashboard {<br />
--width-layout: min( 1180px, 94vw );<br />
}<br />
/* === [DASH-HERO] fine === */<br />
<br />
/* === [NS-BRAND] inizio === */<br />
/* ==========================================================<br />
Brand CinetecaSarda (namespace 3004) — vale su TUTTE le pagine<br />
========================================================== */<br />
<br />
/* Link gialli del brand (dalla testata di cinetecasarda.it) al posto del blu<br />
di Citizen. I link a pagine mancanti (.new) restano rossi: segnale utile. */<br />
body.ns-3004 .mw-parser-output a:not( .new ),<br />
body.ns-3004 .mw-parser-output a:not( .new ):visited {<br />
color: #e7b142;<br />
}<br />
body.ns-3004 .mw-parser-output a:not( .new ):hover {<br />
color: #f1c878;<br />
}<br />
<br />
/* Titolo "editoriale leggero" per le pagine di contenuto: occhiello giallo<br />
sopra, titolo bianco pulito. Sulla Dashboard #firstHeading è nascosto<br />
(ha il suo hero), quindi questo occhiello lì non compare. */<br />
body.ns-3004 #firstHeading {<br />
color: #ffffff;<br />
}<br />
body.ns-3004 #firstHeading::before {<br />
content: "Cineteca Sarda";<br />
display: block;<br />
margin-bottom: .35rem;<br />
font-size: .8rem;<br />
font-weight: 500;<br />
letter-spacing: .08em;<br />
text-transform: uppercase;<br />
color: #e7b142;<br />
}<br />
/* L'etichetta "in: Cineteca Sarda" è sostituita dall'occhiello */<br />
body.ns-3004 .namespace-label {<br />
display: none;<br />
}<br />
/* === [NS-BRAND] fine === */<br />
<br />
/* === [INDICE] inizio === */<br />
/* ==========================================================<br />
Indice d'archivio (sorgente unica {{Indice <NS>}}).<br />
Colonna destra: flottante dove non c'è rail, dentro il rail di Citizen<br />
(sopra la TOC nativa) dove c'è. Collassabile. Scala font allineata a<br />
Citizen (--font-size-*) per armonia con la TOC.<br />
========================================================== */<br />
<br />
.archivio-indice {<br />
font-size: var( --font-size-small, .875rem );<br />
line-height: 1.45;<br />
}<br />
<br />
/* Variante "rail": colonna destra flottante, sempre visibile (no dipendenza TOC) */<br />
.archivio-indice.ai-rail {<br />
float: right;<br />
width: 280px;<br />
margin: .2rem 0 1.4rem 2rem;<br />
padding-left: 1.4rem;<br />
border-left: 1px solid var( --border-color-base, rgba( 255, 255, 255, .12 ) );<br />
}<br />
@media ( max-width: 900px ) {<br />
.archivio-indice.ai-rail {<br />
float: none;<br />
width: auto;<br />
margin: 0 0 1.6rem;<br />
padding-left: 0;<br />
border-left: 0;<br />
}<br />
}<br />
/* Quando il JS l'ha spostato DENTRO il rail di Citizen (sopra la TOC) */<br />
.archivio-indice.ai-in-rail {<br />
float: none;<br />
width: auto;<br />
margin: 0 0 1rem;<br />
padding: 0;<br />
border: 0;<br />
}<br />
<br />
/* Testata = riga header: nome archivio (link Dashboard) + chevron toggle */<br />
.archivio-indice .ai-testata {<br />
display: flex;<br />
align-items: center;<br />
justify-content: space-between;<br />
gap: .5rem;<br />
margin-bottom: .5rem;<br />
padding-bottom: .45rem;<br />
border-bottom: 1px solid var( --border-color-base, rgba( 255, 255, 255, .16 ) );<br />
font-size: var( --font-size-x-small, .8125rem );<br />
text-transform: uppercase;<br />
letter-spacing: .07em;<br />
}<br />
.archivio-indice .ai-testata a,<br />
.archivio-indice .ai-testata a:visited {<br />
color: #ffffff;<br />
font-weight: 700;<br />
text-decoration: none;<br />
}<br />
.archivio-indice .ai-testata a:hover {<br />
color: #e7b142;<br />
}<br />
<br />
/* Chevron apri/chiudi */<br />
.archivio-indice .ai-toggle {<br />
cursor: pointer;<br />
user-select: none;<br />
line-height: 1;<br />
padding: .1rem .25rem;<br />
color: var( --color-base--subtle, #b8b8b8 );<br />
}<br />
.archivio-indice .ai-toggle::before {<br />
content: "▾";<br />
display: inline-block;<br />
font-size: .9em;<br />
transition: transform .15s ease;<br />
}<br />
.archivio-indice.ai-collapsed .ai-toggle::before {<br />
transform: rotate( -90deg );<br />
}<br />
.archivio-indice.ai-collapsed .ai-body {<br />
display: none;<br />
}<br />
.archivio-indice .ai-toggle:hover {<br />
color: #ffffff;<br />
}<br />
<br />
/* Sezioni curate */<br />
.archivio-indice .ai-sez {<br />
padding: .5rem 0;<br />
border-bottom: 1px solid var( --border-color-base, rgba( 255, 255, 255, .07 ) );<br />
}<br />
.archivio-indice .ai-body .ai-sez:last-child {<br />
border-bottom: 0;<br />
}<br />
.archivio-indice .ai-eti {<br />
margin-bottom: .12rem;<br />
font-size: var( --font-size-small, .875rem );<br />
font-weight: 600;<br />
color: #ffffff;<br />
}<br />
.archivio-indice .ai-voci {<br />
font-size: var( --font-size-small, .875rem );<br />
color: var( --color-base--subtle, #b8b8b8 );<br />
}<br />
.archivio-indice .ai-voci a,<br />
.archivio-indice .ai-voci a:visited {<br />
color: #e7b142;<br />
font-weight: 500;<br />
text-decoration: none;<br />
}<br />
.archivio-indice .ai-voci a:hover {<br />
text-decoration: underline;<br />
}<br />
<br />
/* Il rail di Citizen ha `contain: strict` → dimensione calcolata senza il<br />
contenuto + clip dell'eccedenza. Con l'indice in più, chiudendo una sezione<br />
il rail si accorcia e taglia l'indice. Togliamo size+paint (teniamo<br />
layout+style) così il rail cresce col contenuto e non clippa. Solo ns 3004. */<br />
body.ns-3004 .citizen-page-sidebar {<br />
contain: layout style;<br />
}<br />
<br />
/* === TOC nativa di Citizen: giallo SOLO sulla voce attiva (orientamento) === */<br />
body.ns-3004 .citizen-toc-list-item--active > a,<br />
body.ns-3004 .citizen-toc-list-item--active > a .citizen-toc-text,<br />
body.ns-3004 .citizen-toc-list-item--active .citizen-toc-link {<br />
color: #e7b142;<br />
font-weight: 600;<br />
}<br />
/* === [INDICE] fine === */</div>
Cranio is thinking
https://staging.wiki.etna.foundation/index.php?title=MediaWiki:Common.css&diff=1126
MediaWiki:Common.css
2026-06-15T20:52:29Z
<p>Cranio is thinking: Giallo solo alla voce TOC attiva</p>
<hr />
<div>/* CSS placed here will be applied to all skins */<br />
<br />
#footer { display: none; }<br />
/* last modification stuff */<br />
#footer-info { display: none; }<br />
<br />
/* footer links */<br />
#footer-places { display: none; }<br />
<br />
/* powered by icon */<br />
#footer-icon { display: none; }<br />
<br />
.box-stato-archivio .citizen-card__body p{<br />
margin: 0 0 .75em 0;<br />
}<br />
.box-stato-archivio .citizen-card__body p:last-child{<br />
margin-bottom: 0;<br />
}<br />
<br />
/* === CSS per template IntestazionePagine === */<br />
<br />
.namespace-label{<br />
display:block;<br />
font-size:0.85em;<br />
margin-top:-0.3em;<br />
margin-bottom:0.6em;<br />
}<br />
.namespace-label a,<br />
.namespace-label a:visited{<br />
color:inherit;<br />
}<br />
<br />
/* === [ARCHIVIO-EDITORIALE] inizio === */<br />
/* Stile editoriale per le Dashboard dei namespace-archivio.<br />
Layout "articolo di prima pagina": corpo a sinistra, indice a destra,<br />
come griglia interna al contenuto (niente dipendenza dal rail di Citizen).<br />
Usa le variabili Citizen. Accent per-archivio via --ns-accent. */<br />
<br />
.archivio-editoriale {<br />
color: var( --color-base, #fff );<br />
--ns-accent: var( --color-link-red, var( --color-destructive, #d33 ) );<br />
}<br />
<br />
/* Cineteca Sarda (ns 3004): accent giallo del brand — dalla testata del logo<br />
di cinetecasarda.it — al posto del rosso, solo in questo namespace. */<br />
body.ns-3004 .archivio-editoriale {<br />
--ns-accent: #e7b142;<br />
}<br />
<br />
/* Griglia: articolo (1fr) + indice (colonna fissa) */<br />
.archivio-editoriale .art-layout {<br />
display: grid;<br />
grid-template-columns: minmax( 0, 1fr ) 300px;<br />
gap: 3.5rem;<br />
align-items: start;<br />
}<br />
.archivio-editoriale .art-main {<br />
min-width: 0;<br />
}<br />
<br />
/* Occhiello / cappello identitario */<br />
.archivio-editoriale .occhiello {<br />
margin: 0 0 .7rem;<br />
font-size: .9rem;<br />
letter-spacing: .04em;<br />
color: var( --color-base--subtle, #b8b8b8 );<br />
opacity: .85;<br />
}<br />
<br />
/* Headline da articolo di prima pagina */<br />
.archivio-editoriale .ce-headline {<br />
margin: 0 0 1.3rem;<br />
border: 0;<br />
font-size: clamp( 2.4rem, 4.6vw, 3.6rem );<br />
line-height: 1.03;<br />
font-weight: 700;<br />
letter-spacing: -.02em;<br />
color: #ffffff;<br />
}<br />
<br />
/* Lead: il racconto. Riempie la colonna dell'articolo. */<br />
.archivio-editoriale .lead {<br />
margin: 0;<br />
max-width: none;<br />
}<br />
.archivio-editoriale .lead p {<br />
margin: 0 0 1rem;<br />
font-size: 1.08rem;<br />
line-height: 1.6;<br />
color: var( --color-base--subtle, #b8b8b8 );<br />
}<br />
.archivio-editoriale .lead p:last-child {<br />
margin-bottom: 0;<br />
}<br />
.archivio-editoriale .lead strong {<br />
color: var( --color-base, #fff );<br />
font-weight: 600;<br />
}<br />
<br />
/* === Indice nella colonna destra === */<br />
.archivio-editoriale .art-aside {<br />
min-width: 0;<br />
}<br />
.archivio-editoriale .art-aside-titolo {<br />
margin: 0 0 .4rem;<br />
padding-bottom: .55rem;<br />
border-bottom: 1px solid var( --border-color-base, rgba( 255, 255, 255, .14 ) );<br />
font-size: .76rem;<br />
text-transform: uppercase;<br />
letter-spacing: .08em;<br />
color: var( --color-base--subtle, #b8b8b8 );<br />
}<br />
.archivio-editoriale .idx-sez {<br />
padding: .7rem 0;<br />
border-bottom: 1px solid var( --border-color-base, rgba( 255, 255, 255, .07 ) );<br />
}<br />
.archivio-editoriale .idx-sez:last-child {<br />
border-bottom: 0;<br />
}<br />
.archivio-editoriale .idx-eti {<br />
margin-bottom: .2rem;<br />
font-size: .98rem;<br />
font-weight: 600;<br />
color: #ffffff;<br />
}<br />
.archivio-editoriale .idx-voci {<br />
font-size: .9rem;<br />
line-height: 1.5;<br />
color: var( --color-base--subtle, #b8b8b8 );<br />
}<br />
.archivio-editoriale .idx-voci a,<br />
.archivio-editoriale .idx-voci a:visited {<br />
color: var( --ns-accent );<br />
font-weight: 500;<br />
text-decoration: none;<br />
}<br />
.archivio-editoriale .idx-voci a:hover {<br />
text-decoration: underline;<br />
}<br />
<br />
/* Sotto i 900px: indice sotto l'articolo */<br />
@media ( max-width: 900px ) {<br />
.archivio-editoriale .art-layout {<br />
grid-template-columns: 1fr;<br />
gap: 2.5rem;<br />
}<br />
}<br />
/* === [ARCHIVIO-EDITORIALE] fine === */<br />
<br />
/* === [DASH-HERO] inizio === */<br />
/* Dashboard come "articolo di prima pagina": nasconde il titolo standard di<br />
Citizen (firstHeading), perché l'headline editoriale vive nel contenuto.<br />
Resta il resto dell'header (nav/strumenti). Page-scoped (due varianti per<br />
l'escaping del ":"). */<br />
<br />
body.page-CinetecaSarda_Dashboard #firstHeading,<br />
body.page-CinetecaSarda-Dashboard #firstHeading,<br />
body.page-CinetecaSarda_Dashboard .mw-first-heading,<br />
body.page-CinetecaSarda-Dashboard .mw-first-heading,<br />
body.page-CinetecaSarda_Dashboard .mw-page-title-main,<br />
body.page-CinetecaSarda-Dashboard .mw-page-title-main {<br />
display: none !important;<br />
}<br />
<br />
/* Spazio per le due colonne (articolo + indice), moderato. */<br />
body.page-CinetecaSarda_Dashboard,<br />
body.page-CinetecaSarda-Dashboard {<br />
--width-layout: min( 1180px, 94vw );<br />
}<br />
/* === [DASH-HERO] fine === */<br />
<br />
/* === [NS-BRAND] inizio === */<br />
/* ==========================================================<br />
Brand CinetecaSarda (namespace 3004) — vale su TUTTE le pagine<br />
========================================================== */<br />
<br />
/* Link gialli del brand (dalla testata di cinetecasarda.it) al posto del blu<br />
di Citizen. I link a pagine mancanti (.new) restano rossi: segnale utile. */<br />
body.ns-3004 .mw-parser-output a:not( .new ),<br />
body.ns-3004 .mw-parser-output a:not( .new ):visited {<br />
color: #e7b142;<br />
}<br />
body.ns-3004 .mw-parser-output a:not( .new ):hover {<br />
color: #f1c878;<br />
}<br />
<br />
/* Titolo "editoriale leggero" per le pagine di contenuto: occhiello giallo<br />
sopra, titolo bianco pulito. Sulla Dashboard #firstHeading è nascosto<br />
(ha il suo hero), quindi questo occhiello lì non compare. */<br />
body.ns-3004 #firstHeading {<br />
color: #ffffff;<br />
}<br />
body.ns-3004 #firstHeading::before {<br />
content: "Cineteca Sarda";<br />
display: block;<br />
margin-bottom: .35rem;<br />
font-size: .8rem;<br />
font-weight: 500;<br />
letter-spacing: .08em;<br />
text-transform: uppercase;<br />
color: #e7b142;<br />
}<br />
/* L'etichetta "in: Cineteca Sarda" è sostituita dall'occhiello */<br />
body.ns-3004 .namespace-label {<br />
display: none;<br />
}<br />
/* === [NS-BRAND] fine === */<br />
<br />
/* === [INDICE] inizio === */<br />
/* ==========================================================<br />
Indice d'archivio (sorgente unica {{Indice <NS>}}).<br />
Colonna destra: flottante dove non c'è rail, dentro il rail di Citizen<br />
(sopra la TOC nativa) dove c'è. Collassabile. Scala font allineata a<br />
Citizen (--font-size-*) per armonia con la TOC.<br />
========================================================== */<br />
<br />
.archivio-indice {<br />
font-size: var( --font-size-small, .875rem );<br />
line-height: 1.45;<br />
}<br />
<br />
/* Variante "rail": colonna destra flottante, sempre visibile (no dipendenza TOC) */<br />
.archivio-indice.ai-rail {<br />
float: right;<br />
width: 280px;<br />
margin: .2rem 0 1.4rem 2rem;<br />
padding-left: 1.4rem;<br />
border-left: 1px solid var( --border-color-base, rgba( 255, 255, 255, .12 ) );<br />
}<br />
@media ( max-width: 900px ) {<br />
.archivio-indice.ai-rail {<br />
float: none;<br />
width: auto;<br />
margin: 0 0 1.6rem;<br />
padding-left: 0;<br />
border-left: 0;<br />
}<br />
}<br />
/* Quando il JS l'ha spostato DENTRO il rail di Citizen (sopra la TOC) */<br />
.archivio-indice.ai-in-rail {<br />
float: none;<br />
width: auto;<br />
margin: 0 0 1rem;<br />
padding: 0;<br />
border: 0;<br />
}<br />
<br />
/* Testata = riga header: nome archivio (link Dashboard) + chevron toggle */<br />
.archivio-indice .ai-testata {<br />
display: flex;<br />
align-items: center;<br />
justify-content: space-between;<br />
gap: .5rem;<br />
margin-bottom: .5rem;<br />
padding-bottom: .45rem;<br />
border-bottom: 1px solid var( --border-color-base, rgba( 255, 255, 255, .16 ) );<br />
font-size: var( --font-size-x-small, .8125rem );<br />
text-transform: uppercase;<br />
letter-spacing: .07em;<br />
}<br />
.archivio-indice .ai-testata a,<br />
.archivio-indice .ai-testata a:visited {<br />
color: #ffffff;<br />
font-weight: 700;<br />
text-decoration: none;<br />
}<br />
.archivio-indice .ai-testata a:hover {<br />
color: #e7b142;<br />
}<br />
<br />
/* Chevron apri/chiudi */<br />
.archivio-indice .ai-toggle {<br />
cursor: pointer;<br />
user-select: none;<br />
line-height: 1;<br />
padding: .1rem .25rem;<br />
color: var( --color-base--subtle, #b8b8b8 );<br />
}<br />
.archivio-indice .ai-toggle::before {<br />
content: "▾";<br />
display: inline-block;<br />
font-size: .9em;<br />
transition: transform .15s ease;<br />
}<br />
.archivio-indice.ai-collapsed .ai-toggle::before {<br />
transform: rotate( -90deg );<br />
}<br />
.archivio-indice.ai-collapsed .ai-body {<br />
display: none;<br />
}<br />
.archivio-indice .ai-toggle:hover {<br />
color: #ffffff;<br />
}<br />
<br />
/* Sezioni curate */<br />
.archivio-indice .ai-sez {<br />
padding: .5rem 0;<br />
border-bottom: 1px solid var( --border-color-base, rgba( 255, 255, 255, .07 ) );<br />
}<br />
.archivio-indice .ai-body .ai-sez:last-child {<br />
border-bottom: 0;<br />
}<br />
.archivio-indice .ai-eti {<br />
margin-bottom: .12rem;<br />
font-size: var( --font-size-small, .875rem );<br />
font-weight: 600;<br />
color: #ffffff;<br />
}<br />
.archivio-indice .ai-voci {<br />
font-size: var( --font-size-small, .875rem );<br />
color: var( --color-base--subtle, #b8b8b8 );<br />
}<br />
.archivio-indice .ai-voci a,<br />
.archivio-indice .ai-voci a:visited {<br />
color: #e7b142;<br />
font-weight: 500;<br />
text-decoration: none;<br />
}<br />
.archivio-indice .ai-voci a:hover {<br />
text-decoration: underline;<br />
}<br />
<br />
/* === TOC nativa di Citizen: giallo SOLO sulla voce attiva (orientamento) === */<br />
body.ns-3004 .citizen-toc-list-item--active > a,<br />
body.ns-3004 .citizen-toc-list-item--active > a .citizen-toc-text,<br />
body.ns-3004 .citizen-toc-list-item--active .citizen-toc-link {<br />
color: #e7b142;<br />
font-weight: 600;<br />
}<br />
/* === [INDICE] fine === */</div>
Cranio is thinking
https://staging.wiki.etna.foundation/index.php?title=MediaWiki:Common.css&diff=1125
MediaWiki:Common.css
2026-06-15T20:47:41Z
<p>Cranio is thinking: Armonia font (var Citizen), chevron, giallo TOC nativa</p>
<hr />
<div>/* CSS placed here will be applied to all skins */<br />
<br />
#footer { display: none; }<br />
/* last modification stuff */<br />
#footer-info { display: none; }<br />
<br />
/* footer links */<br />
#footer-places { display: none; }<br />
<br />
/* powered by icon */<br />
#footer-icon { display: none; }<br />
<br />
.box-stato-archivio .citizen-card__body p{<br />
margin: 0 0 .75em 0;<br />
}<br />
.box-stato-archivio .citizen-card__body p:last-child{<br />
margin-bottom: 0;<br />
}<br />
<br />
/* === CSS per template IntestazionePagine === */<br />
<br />
.namespace-label{<br />
display:block;<br />
font-size:0.85em;<br />
margin-top:-0.3em;<br />
margin-bottom:0.6em;<br />
}<br />
.namespace-label a,<br />
.namespace-label a:visited{<br />
color:inherit;<br />
}<br />
<br />
/* === [ARCHIVIO-EDITORIALE] inizio === */<br />
/* Stile editoriale per le Dashboard dei namespace-archivio.<br />
Layout "articolo di prima pagina": corpo a sinistra, indice a destra,<br />
come griglia interna al contenuto (niente dipendenza dal rail di Citizen).<br />
Usa le variabili Citizen. Accent per-archivio via --ns-accent. */<br />
<br />
.archivio-editoriale {<br />
color: var( --color-base, #fff );<br />
--ns-accent: var( --color-link-red, var( --color-destructive, #d33 ) );<br />
}<br />
<br />
/* Cineteca Sarda (ns 3004): accent giallo del brand — dalla testata del logo<br />
di cinetecasarda.it — al posto del rosso, solo in questo namespace. */<br />
body.ns-3004 .archivio-editoriale {<br />
--ns-accent: #e7b142;<br />
}<br />
<br />
/* Griglia: articolo (1fr) + indice (colonna fissa) */<br />
.archivio-editoriale .art-layout {<br />
display: grid;<br />
grid-template-columns: minmax( 0, 1fr ) 300px;<br />
gap: 3.5rem;<br />
align-items: start;<br />
}<br />
.archivio-editoriale .art-main {<br />
min-width: 0;<br />
}<br />
<br />
/* Occhiello / cappello identitario */<br />
.archivio-editoriale .occhiello {<br />
margin: 0 0 .7rem;<br />
font-size: .9rem;<br />
letter-spacing: .04em;<br />
color: var( --color-base--subtle, #b8b8b8 );<br />
opacity: .85;<br />
}<br />
<br />
/* Headline da articolo di prima pagina */<br />
.archivio-editoriale .ce-headline {<br />
margin: 0 0 1.3rem;<br />
border: 0;<br />
font-size: clamp( 2.4rem, 4.6vw, 3.6rem );<br />
line-height: 1.03;<br />
font-weight: 700;<br />
letter-spacing: -.02em;<br />
color: #ffffff;<br />
}<br />
<br />
/* Lead: il racconto. Riempie la colonna dell'articolo. */<br />
.archivio-editoriale .lead {<br />
margin: 0;<br />
max-width: none;<br />
}<br />
.archivio-editoriale .lead p {<br />
margin: 0 0 1rem;<br />
font-size: 1.08rem;<br />
line-height: 1.6;<br />
color: var( --color-base--subtle, #b8b8b8 );<br />
}<br />
.archivio-editoriale .lead p:last-child {<br />
margin-bottom: 0;<br />
}<br />
.archivio-editoriale .lead strong {<br />
color: var( --color-base, #fff );<br />
font-weight: 600;<br />
}<br />
<br />
/* === Indice nella colonna destra === */<br />
.archivio-editoriale .art-aside {<br />
min-width: 0;<br />
}<br />
.archivio-editoriale .art-aside-titolo {<br />
margin: 0 0 .4rem;<br />
padding-bottom: .55rem;<br />
border-bottom: 1px solid var( --border-color-base, rgba( 255, 255, 255, .14 ) );<br />
font-size: .76rem;<br />
text-transform: uppercase;<br />
letter-spacing: .08em;<br />
color: var( --color-base--subtle, #b8b8b8 );<br />
}<br />
.archivio-editoriale .idx-sez {<br />
padding: .7rem 0;<br />
border-bottom: 1px solid var( --border-color-base, rgba( 255, 255, 255, .07 ) );<br />
}<br />
.archivio-editoriale .idx-sez:last-child {<br />
border-bottom: 0;<br />
}<br />
.archivio-editoriale .idx-eti {<br />
margin-bottom: .2rem;<br />
font-size: .98rem;<br />
font-weight: 600;<br />
color: #ffffff;<br />
}<br />
.archivio-editoriale .idx-voci {<br />
font-size: .9rem;<br />
line-height: 1.5;<br />
color: var( --color-base--subtle, #b8b8b8 );<br />
}<br />
.archivio-editoriale .idx-voci a,<br />
.archivio-editoriale .idx-voci a:visited {<br />
color: var( --ns-accent );<br />
font-weight: 500;<br />
text-decoration: none;<br />
}<br />
.archivio-editoriale .idx-voci a:hover {<br />
text-decoration: underline;<br />
}<br />
<br />
/* Sotto i 900px: indice sotto l'articolo */<br />
@media ( max-width: 900px ) {<br />
.archivio-editoriale .art-layout {<br />
grid-template-columns: 1fr;<br />
gap: 2.5rem;<br />
}<br />
}<br />
/* === [ARCHIVIO-EDITORIALE] fine === */<br />
<br />
/* === [DASH-HERO] inizio === */<br />
/* Dashboard come "articolo di prima pagina": nasconde il titolo standard di<br />
Citizen (firstHeading), perché l'headline editoriale vive nel contenuto.<br />
Resta il resto dell'header (nav/strumenti). Page-scoped (due varianti per<br />
l'escaping del ":"). */<br />
<br />
body.page-CinetecaSarda_Dashboard #firstHeading,<br />
body.page-CinetecaSarda-Dashboard #firstHeading,<br />
body.page-CinetecaSarda_Dashboard .mw-first-heading,<br />
body.page-CinetecaSarda-Dashboard .mw-first-heading,<br />
body.page-CinetecaSarda_Dashboard .mw-page-title-main,<br />
body.page-CinetecaSarda-Dashboard .mw-page-title-main {<br />
display: none !important;<br />
}<br />
<br />
/* Spazio per le due colonne (articolo + indice), moderato. */<br />
body.page-CinetecaSarda_Dashboard,<br />
body.page-CinetecaSarda-Dashboard {<br />
--width-layout: min( 1180px, 94vw );<br />
}<br />
/* === [DASH-HERO] fine === */<br />
<br />
/* === [NS-BRAND] inizio === */<br />
/* ==========================================================<br />
Brand CinetecaSarda (namespace 3004) — vale su TUTTE le pagine<br />
========================================================== */<br />
<br />
/* Link gialli del brand (dalla testata di cinetecasarda.it) al posto del blu<br />
di Citizen. I link a pagine mancanti (.new) restano rossi: segnale utile. */<br />
body.ns-3004 .mw-parser-output a:not( .new ),<br />
body.ns-3004 .mw-parser-output a:not( .new ):visited {<br />
color: #e7b142;<br />
}<br />
body.ns-3004 .mw-parser-output a:not( .new ):hover {<br />
color: #f1c878;<br />
}<br />
<br />
/* Titolo "editoriale leggero" per le pagine di contenuto: occhiello giallo<br />
sopra, titolo bianco pulito. Sulla Dashboard #firstHeading è nascosto<br />
(ha il suo hero), quindi questo occhiello lì non compare. */<br />
body.ns-3004 #firstHeading {<br />
color: #ffffff;<br />
}<br />
body.ns-3004 #firstHeading::before {<br />
content: "Cineteca Sarda";<br />
display: block;<br />
margin-bottom: .35rem;<br />
font-size: .8rem;<br />
font-weight: 500;<br />
letter-spacing: .08em;<br />
text-transform: uppercase;<br />
color: #e7b142;<br />
}<br />
/* L'etichetta "in: Cineteca Sarda" è sostituita dall'occhiello */<br />
body.ns-3004 .namespace-label {<br />
display: none;<br />
}<br />
/* === [NS-BRAND] fine === */<br />
<br />
/* === [INDICE] inizio === */<br />
/* ==========================================================<br />
Indice d'archivio (sorgente unica {{Indice <NS>}}).<br />
Colonna destra: flottante dove non c'è rail, dentro il rail di Citizen<br />
(sopra la TOC nativa) dove c'è. Collassabile. Scala font allineata a<br />
Citizen (--font-size-*) per armonia con la TOC.<br />
========================================================== */<br />
<br />
.archivio-indice {<br />
font-size: var( --font-size-small, .875rem );<br />
line-height: 1.45;<br />
}<br />
<br />
/* Variante "rail": colonna destra flottante, sempre visibile (no dipendenza TOC) */<br />
.archivio-indice.ai-rail {<br />
float: right;<br />
width: 280px;<br />
margin: .2rem 0 1.4rem 2rem;<br />
padding-left: 1.4rem;<br />
border-left: 1px solid var( --border-color-base, rgba( 255, 255, 255, .12 ) );<br />
}<br />
@media ( max-width: 900px ) {<br />
.archivio-indice.ai-rail {<br />
float: none;<br />
width: auto;<br />
margin: 0 0 1.6rem;<br />
padding-left: 0;<br />
border-left: 0;<br />
}<br />
}<br />
/* Quando il JS l'ha spostato DENTRO il rail di Citizen (sopra la TOC) */<br />
.archivio-indice.ai-in-rail {<br />
float: none;<br />
width: auto;<br />
margin: 0 0 1rem;<br />
padding: 0;<br />
border: 0;<br />
}<br />
<br />
/* Testata = riga header: nome archivio (link Dashboard) + chevron toggle */<br />
.archivio-indice .ai-testata {<br />
display: flex;<br />
align-items: center;<br />
justify-content: space-between;<br />
gap: .5rem;<br />
margin-bottom: .5rem;<br />
padding-bottom: .45rem;<br />
border-bottom: 1px solid var( --border-color-base, rgba( 255, 255, 255, .16 ) );<br />
font-size: var( --font-size-x-small, .8125rem );<br />
text-transform: uppercase;<br />
letter-spacing: .07em;<br />
}<br />
.archivio-indice .ai-testata a,<br />
.archivio-indice .ai-testata a:visited {<br />
color: #ffffff;<br />
font-weight: 700;<br />
text-decoration: none;<br />
}<br />
.archivio-indice .ai-testata a:hover {<br />
color: #e7b142;<br />
}<br />
<br />
/* Chevron apri/chiudi */<br />
.archivio-indice .ai-toggle {<br />
cursor: pointer;<br />
user-select: none;<br />
line-height: 1;<br />
padding: .1rem .25rem;<br />
color: var( --color-base--subtle, #b8b8b8 );<br />
}<br />
.archivio-indice .ai-toggle::before {<br />
content: "▾";<br />
display: inline-block;<br />
font-size: .9em;<br />
transition: transform .15s ease;<br />
}<br />
.archivio-indice.ai-collapsed .ai-toggle::before {<br />
transform: rotate( -90deg );<br />
}<br />
.archivio-indice.ai-collapsed .ai-body {<br />
display: none;<br />
}<br />
.archivio-indice .ai-toggle:hover {<br />
color: #ffffff;<br />
}<br />
<br />
/* Sezioni curate */<br />
.archivio-indice .ai-sez {<br />
padding: .5rem 0;<br />
border-bottom: 1px solid var( --border-color-base, rgba( 255, 255, 255, .07 ) );<br />
}<br />
.archivio-indice .ai-body .ai-sez:last-child {<br />
border-bottom: 0;<br />
}<br />
.archivio-indice .ai-eti {<br />
margin-bottom: .12rem;<br />
font-size: var( --font-size-small, .875rem );<br />
font-weight: 600;<br />
color: #ffffff;<br />
}<br />
.archivio-indice .ai-voci {<br />
font-size: var( --font-size-small, .875rem );<br />
color: var( --color-base--subtle, #b8b8b8 );<br />
}<br />
.archivio-indice .ai-voci a,<br />
.archivio-indice .ai-voci a:visited {<br />
color: #e7b142;<br />
font-weight: 500;<br />
text-decoration: none;<br />
}<br />
.archivio-indice .ai-voci a:hover {<br />
text-decoration: underline;<br />
}<br />
<br />
/* === TOC nativa di Citizen: accent giallo, per coerenza (solo ns 3004) === */<br />
body.ns-3004 .citizen-toc a,<br />
body.ns-3004 .citizen-toc a:visited {<br />
color: #e7b142;<br />
}<br />
body.ns-3004 .citizen-toc a:hover {<br />
color: #f1c878;<br />
}<br />
/* === [INDICE] fine === */</div>
Cranio is thinking
https://staging.wiki.etna.foundation/index.php?title=MediaWiki:Citizen.js&diff=1124
MediaWiki:Citizen.js
2026-06-15T20:47:36Z
<p>Cranio is thinking: Default chiuso su TOC lunga + persistenza</p>
<hr />
<div>/* All JavaScript here will be loaded for users of the Citizen skin */<br />
<br />
/* Indice d'archivio:<br />
1) dove esiste il rail di Citizen lo mettiamo lì SOPRA la TOC nativa (riuso);<br />
dove il rail non c'è, l'indice resta flottante (.ai-rail) e non sparisce.<br />
2) collassabile (chevron nella testata). Stato iniziale:<br />
- se l'utente ha già scelto, si ricorda (localStorage);<br />
- altrimenti default intelligente: chiuso se la TOC della pagina è lunga.<br />
3) la testata (link alla Dashboard) resta sempre visibile. */<br />
mw.hook( 'wikipage.content' ).add( function () {<br />
var KEY = 'ce-indice-collapsed';<br />
<br />
// 1) posizionamento<br />
var floatBox = document.querySelector( '.archivio-indice.ai-rail' );<br />
if ( floatBox ) {<br />
var rail =<br />
document.querySelector( '.citizen-page-sidebar' ) ||<br />
document.querySelector( '.citizen-sidebar' ) ||<br />
document.querySelector( '.citizen-toc-container' );<br />
if ( rail ) {<br />
floatBox.classList.remove( 'ai-rail' );<br />
floatBox.classList.add( 'ai-in-rail' );<br />
rail.prepend( floatBox );<br />
}<br />
}<br />
<br />
var idx = document.querySelector( '.archivio-indice' );<br />
if ( !idx ) {<br />
return;<br />
}<br />
<br />
// 2) stato iniziale<br />
var saved = null;<br />
try {<br />
saved = localStorage.getItem( KEY );<br />
} catch ( e ) {}<br />
var tocCount = document.querySelectorAll( '.citizen-toc-link' ).length;<br />
var collapsed = ( saved === null ) ? ( tocCount > 8 ) : ( saved === '1' );<br />
if ( collapsed ) {<br />
idx.classList.add( 'ai-collapsed' );<br />
}<br />
<br />
// 3) toggle + persistenza<br />
document.querySelectorAll( '.archivio-indice .ai-toggle' ).forEach( function ( t ) {<br />
if ( t.dataset.bound ) {<br />
return;<br />
}<br />
t.dataset.bound = '1';<br />
var act = function () {<br />
var b = t.closest( '.archivio-indice' );<br />
b.classList.toggle( 'ai-collapsed' );<br />
try {<br />
localStorage.setItem( KEY, b.classList.contains( 'ai-collapsed' ) ? '1' : '0' );<br />
} catch ( e ) {}<br />
};<br />
t.addEventListener( 'click', act );<br />
t.addEventListener( 'keydown', function ( e ) {<br />
if ( e.key === 'Enter' || e.key === ' ' ) {<br />
e.preventDefault();<br />
act();<br />
}<br />
} );<br />
} );<br />
} );</div>
Cranio is thinking
https://staging.wiki.etna.foundation/index.php?title=Template:Indice_CinetecaSarda&diff=1123
Template:Indice CinetecaSarda
2026-06-15T20:47:33Z
<p>Cranio is thinking: Toggle come chevron nella testata</p>
<hr />
<div><includeonly><div class="archivio-indice {{#if:{{{rail|}}}|ai-rail|}}"><br />
<div class="ai-testata">[[CinetecaSarda:Dashboard|Cineteca Sarda]]<span class="ai-toggle" role="button" tabindex="0"></span></div><br />
<div class="ai-body"><br />
<div class="ai-sez"><div class="ai-eti">Inquadramento</div><div class="ai-voci">[[CinetecaSarda:Nara|Nara]] · [[CinetecaSarda:Dossier|Dossier]] · [[CinetecaSarda:Piano Fase 2|Piano Fase 2]]</div></div><br />
<div class="ai-sez"><div class="ai-eti">Documentazione</div><div class="ai-voci">[[CinetecaSarda:Report tecnici|Report tecnici]] · [[CinetecaSarda:Legenda terminologica|Legenda]] · [[CinetecaSarda:Policy|Policy]]</div></div><br />
<div class="ai-sez"><div class="ai-eti">Sistema e dati</div><div class="ai-voci">[[CinetecaSarda:Scheda|Scheda]] · [[CinetecaSarda:Utenti ruoli permessi|Utenti, ruoli, permessi]]</div></div><br />
<div class="ai-sez"><div class="ai-eti">Avanzamento</div><div class="ai-voci">[[CinetecaSarda:Cronoprogramma|Cronoprogramma]] · [[CinetecaSarda:Diario|Diario]] · [[CinetecaSarda:Todo|Todo]]</div></div><br />
<div class="ai-sez"><div class="ai-eti">Infrastruttura</div><div class="ai-voci">[[CinetecaSarda:Network|Network]] · [[CinetecaSarda:Hardware|Hardware]] · [[CinetecaSarda:Software|Software]] · [[CinetecaSarda:Backup|Backup]]</div></div><br />
</div><br />
</div></includeonly><noinclude><br />
Indice d'archivio del namespace '''CinetecaSarda'''. Sorgente unica: sezioni curate + "Tutte le pagine" generato in automatico (<code>Special:PrefixIndex</code>).<br />
<br />
Uso:<br />
* nel rail laterale (pagine di contenuto): <code><nowiki>{{Indice CinetecaSarda|rail=1}}</nowiki></code> — incluso da <code>IntestazionePagine</code>;<br />
* nel layout della Dashboard: <code><nowiki>{{Indice CinetecaSarda}}</nowiki></code> (senza rail).<br />
<br />
Per aggiungere una pagina a una sezione curata, modifica qui. Le pagine non ancora curate restano comunque elencate in "Tutte le pagine".<br />
<br />
[[Categoria:Template di struttura]]<br />
</noinclude></div>
Cranio is thinking
https://staging.wiki.etna.foundation/index.php?title=MediaWiki:Common.css&diff=1122
MediaWiki:Common.css
2026-06-15T20:39:22Z
<p>Cranio is thinking: Stile toggle indice collassabile</p>
<hr />
<div>/* CSS placed here will be applied to all skins */<br />
<br />
#footer { display: none; }<br />
/* last modification stuff */<br />
#footer-info { display: none; }<br />
<br />
/* footer links */<br />
#footer-places { display: none; }<br />
<br />
/* powered by icon */<br />
#footer-icon { display: none; }<br />
<br />
.box-stato-archivio .citizen-card__body p{<br />
margin: 0 0 .75em 0;<br />
}<br />
.box-stato-archivio .citizen-card__body p:last-child{<br />
margin-bottom: 0;<br />
}<br />
<br />
/* === CSS per template IntestazionePagine === */<br />
<br />
.namespace-label{<br />
display:block;<br />
font-size:0.85em;<br />
margin-top:-0.3em;<br />
margin-bottom:0.6em;<br />
}<br />
.namespace-label a,<br />
.namespace-label a:visited{<br />
color:inherit;<br />
}<br />
<br />
/* === [ARCHIVIO-EDITORIALE] inizio === */<br />
/* Stile editoriale per le Dashboard dei namespace-archivio.<br />
Layout "articolo di prima pagina": corpo a sinistra, indice a destra,<br />
come griglia interna al contenuto (niente dipendenza dal rail di Citizen).<br />
Usa le variabili Citizen. Accent per-archivio via --ns-accent. */<br />
<br />
.archivio-editoriale {<br />
color: var( --color-base, #fff );<br />
--ns-accent: var( --color-link-red, var( --color-destructive, #d33 ) );<br />
}<br />
<br />
/* Cineteca Sarda (ns 3004): accent giallo del brand — dalla testata del logo<br />
di cinetecasarda.it — al posto del rosso, solo in questo namespace. */<br />
body.ns-3004 .archivio-editoriale {<br />
--ns-accent: #e7b142;<br />
}<br />
<br />
/* Griglia: articolo (1fr) + indice (colonna fissa) */<br />
.archivio-editoriale .art-layout {<br />
display: grid;<br />
grid-template-columns: minmax( 0, 1fr ) 300px;<br />
gap: 3.5rem;<br />
align-items: start;<br />
}<br />
.archivio-editoriale .art-main {<br />
min-width: 0;<br />
}<br />
<br />
/* Occhiello / cappello identitario */<br />
.archivio-editoriale .occhiello {<br />
margin: 0 0 .7rem;<br />
font-size: .9rem;<br />
letter-spacing: .04em;<br />
color: var( --color-base--subtle, #b8b8b8 );<br />
opacity: .85;<br />
}<br />
<br />
/* Headline da articolo di prima pagina */<br />
.archivio-editoriale .ce-headline {<br />
margin: 0 0 1.3rem;<br />
border: 0;<br />
font-size: clamp( 2.4rem, 4.6vw, 3.6rem );<br />
line-height: 1.03;<br />
font-weight: 700;<br />
letter-spacing: -.02em;<br />
color: #ffffff;<br />
}<br />
<br />
/* Lead: il racconto. Riempie la colonna dell'articolo. */<br />
.archivio-editoriale .lead {<br />
margin: 0;<br />
max-width: none;<br />
}<br />
.archivio-editoriale .lead p {<br />
margin: 0 0 1rem;<br />
font-size: 1.08rem;<br />
line-height: 1.6;<br />
color: var( --color-base--subtle, #b8b8b8 );<br />
}<br />
.archivio-editoriale .lead p:last-child {<br />
margin-bottom: 0;<br />
}<br />
.archivio-editoriale .lead strong {<br />
color: var( --color-base, #fff );<br />
font-weight: 600;<br />
}<br />
<br />
/* === Indice nella colonna destra === */<br />
.archivio-editoriale .art-aside {<br />
min-width: 0;<br />
}<br />
.archivio-editoriale .art-aside-titolo {<br />
margin: 0 0 .4rem;<br />
padding-bottom: .55rem;<br />
border-bottom: 1px solid var( --border-color-base, rgba( 255, 255, 255, .14 ) );<br />
font-size: .76rem;<br />
text-transform: uppercase;<br />
letter-spacing: .08em;<br />
color: var( --color-base--subtle, #b8b8b8 );<br />
}<br />
.archivio-editoriale .idx-sez {<br />
padding: .7rem 0;<br />
border-bottom: 1px solid var( --border-color-base, rgba( 255, 255, 255, .07 ) );<br />
}<br />
.archivio-editoriale .idx-sez:last-child {<br />
border-bottom: 0;<br />
}<br />
.archivio-editoriale .idx-eti {<br />
margin-bottom: .2rem;<br />
font-size: .98rem;<br />
font-weight: 600;<br />
color: #ffffff;<br />
}<br />
.archivio-editoriale .idx-voci {<br />
font-size: .9rem;<br />
line-height: 1.5;<br />
color: var( --color-base--subtle, #b8b8b8 );<br />
}<br />
.archivio-editoriale .idx-voci a,<br />
.archivio-editoriale .idx-voci a:visited {<br />
color: var( --ns-accent );<br />
font-weight: 500;<br />
text-decoration: none;<br />
}<br />
.archivio-editoriale .idx-voci a:hover {<br />
text-decoration: underline;<br />
}<br />
<br />
/* Sotto i 900px: indice sotto l'articolo */<br />
@media ( max-width: 900px ) {<br />
.archivio-editoriale .art-layout {<br />
grid-template-columns: 1fr;<br />
gap: 2.5rem;<br />
}<br />
}<br />
/* === [ARCHIVIO-EDITORIALE] fine === */<br />
<br />
/* === [DASH-HERO] inizio === */<br />
/* Dashboard come "articolo di prima pagina": nasconde il titolo standard di<br />
Citizen (firstHeading), perché l'headline editoriale vive nel contenuto.<br />
Resta il resto dell'header (nav/strumenti). Page-scoped (due varianti per<br />
l'escaping del ":"). */<br />
<br />
body.page-CinetecaSarda_Dashboard #firstHeading,<br />
body.page-CinetecaSarda-Dashboard #firstHeading,<br />
body.page-CinetecaSarda_Dashboard .mw-first-heading,<br />
body.page-CinetecaSarda-Dashboard .mw-first-heading,<br />
body.page-CinetecaSarda_Dashboard .mw-page-title-main,<br />
body.page-CinetecaSarda-Dashboard .mw-page-title-main {<br />
display: none !important;<br />
}<br />
<br />
/* Spazio per le due colonne (articolo + indice), moderato. */<br />
body.page-CinetecaSarda_Dashboard,<br />
body.page-CinetecaSarda-Dashboard {<br />
--width-layout: min( 1180px, 94vw );<br />
}<br />
/* === [DASH-HERO] fine === */<br />
<br />
/* === [NS-BRAND] inizio === */<br />
/* ==========================================================<br />
Brand CinetecaSarda (namespace 3004) — vale su TUTTE le pagine<br />
========================================================== */<br />
<br />
/* Link gialli del brand (dalla testata di cinetecasarda.it) al posto del blu<br />
di Citizen. I link a pagine mancanti (.new) restano rossi: segnale utile. */<br />
body.ns-3004 .mw-parser-output a:not( .new ),<br />
body.ns-3004 .mw-parser-output a:not( .new ):visited {<br />
color: #e7b142;<br />
}<br />
body.ns-3004 .mw-parser-output a:not( .new ):hover {<br />
color: #f1c878;<br />
}<br />
<br />
/* Titolo "editoriale leggero" per le pagine di contenuto: occhiello giallo<br />
sopra, titolo bianco pulito. Sulla Dashboard #firstHeading è nascosto<br />
(ha il suo hero), quindi questo occhiello lì non compare. */<br />
body.ns-3004 #firstHeading {<br />
color: #ffffff;<br />
}<br />
body.ns-3004 #firstHeading::before {<br />
content: "Cineteca Sarda";<br />
display: block;<br />
margin-bottom: .35rem;<br />
font-size: .8rem;<br />
font-weight: 500;<br />
letter-spacing: .08em;<br />
text-transform: uppercase;<br />
color: #e7b142;<br />
}<br />
/* L'etichetta "in: Cineteca Sarda" è sostituita dall'occhiello */<br />
body.ns-3004 .namespace-label {<br />
display: none;<br />
}<br />
/* === [NS-BRAND] fine === */<br />
<br />
/* === [INDICE] inizio === */<br />
/* ==========================================================<br />
Indice d'archivio (sorgente unica {{Indice <NS>}}).<br />
Vale sia nel rail destro (param rail=1 → box-stato-archivio,<br />
spostato dal JS sopra la TOC) sia nel layout della Dashboard.<br />
========================================================== */<br />
<br />
.archivio-indice {<br />
font-size: .9rem;<br />
line-height: 1.45;<br />
}<br />
<br />
/* Variante "rail": colonna destra flottante, SEMPRE visibile (non dipende dalla<br />
TOC/rail di Citizen). Sulle pagine di contenuto la include IntestazionePagine. */<br />
.archivio-indice.ai-rail {<br />
float: right;<br />
width: 280px;<br />
margin: .2rem 0 1.4rem 2rem;<br />
padding-left: 1.4rem;<br />
border-left: 1px solid var( --border-color-base, rgba( 255, 255, 255, .12 ) );<br />
}<br />
@media ( max-width: 900px ) {<br />
.archivio-indice.ai-rail {<br />
float: none;<br />
width: auto;<br />
margin: 0 0 1.6rem;<br />
padding-left: 0;<br />
border-left: 0;<br />
}<br />
}<br />
<br />
/* Quando il JS l'ha spostato DENTRO il rail di Citizen (sopra la TOC nativa) */<br />
.archivio-indice.ai-in-rail {<br />
float: none;<br />
width: auto;<br />
margin: 0 0 1rem;<br />
padding: 0;<br />
border: 0;<br />
}<br />
<br />
/* Testata = ritorno alla Dashboard + brand */<br />
.archivio-indice .ai-testata {<br />
margin-bottom: .55rem;<br />
padding-bottom: .5rem;<br />
border-bottom: 1px solid var( --border-color-base, rgba( 255, 255, 255, .16 ) );<br />
font-size: .76rem;<br />
text-transform: uppercase;<br />
letter-spacing: .08em;<br />
}<br />
.archivio-indice .ai-testata a,<br />
.archivio-indice .ai-testata a:visited {<br />
color: #ffffff;<br />
font-weight: 700;<br />
text-decoration: none;<br />
}<br />
.archivio-indice .ai-testata a:hover {<br />
color: #e7b142;<br />
}<br />
<br />
/* Toggle "Indice" (apri/chiudi le sezioni; la testata resta sempre visibile) */<br />
.archivio-indice .ai-toggle {<br />
display: flex;<br />
align-items: center;<br />
gap: .45rem;<br />
margin: .55rem 0 .15rem;<br />
cursor: pointer;<br />
user-select: none;<br />
font-size: .74rem;<br />
text-transform: uppercase;<br />
letter-spacing: .08em;<br />
color: var( --color-base--subtle, #b8b8b8 );<br />
}<br />
.archivio-indice .ai-toggle::before {<br />
content: "▾";<br />
font-size: .8em;<br />
transition: transform .15s ease;<br />
}<br />
.archivio-indice.ai-collapsed .ai-toggle::before {<br />
transform: rotate( -90deg );<br />
}<br />
.archivio-indice.ai-collapsed .ai-body {<br />
display: none;<br />
}<br />
.archivio-indice .ai-toggle:hover {<br />
color: #ffffff;<br />
}<br />
<br />
/* Sezioni curate */<br />
.archivio-indice .ai-sez {<br />
padding: .5rem 0;<br />
border-bottom: 1px solid var( --border-color-base, rgba( 255, 255, 255, .07 ) );<br />
}<br />
.archivio-indice .ai-eti {<br />
margin-bottom: .12rem;<br />
font-size: .92rem;<br />
font-weight: 600;<br />
color: #ffffff;<br />
}<br />
.archivio-indice .ai-voci {<br />
color: var( --color-base--subtle, #b8b8b8 );<br />
}<br />
.archivio-indice .ai-voci a,<br />
.archivio-indice .ai-voci a:visited {<br />
color: #e7b142;<br />
font-weight: 500;<br />
text-decoration: none;<br />
}<br />
.archivio-indice .ai-voci a:hover {<br />
text-decoration: underline;<br />
}<br />
<br />
/* Catch-all "Tutte le pagine": compatto */<br />
.archivio-indice .ai-altre {<br />
padding-top: .55rem;<br />
}<br />
.archivio-indice .ai-voci-auto {<br />
margin-top: .3rem;<br />
font-size: .82rem;<br />
}<br />
.archivio-indice .ai-voci-auto table,<br />
.archivio-indice .ai-voci-auto .mw-prefixindex-list-table {<br />
width: 100%;<br />
display: block;<br />
}<br />
.archivio-indice .ai-voci-auto td,<br />
.archivio-indice .ai-voci-auto .mw-prefixindex-list {<br />
display: block;<br />
width: auto !important;<br />
}<br />
.archivio-indice .ai-voci-auto a {<br />
color: #e7b142;<br />
text-decoration: none;<br />
}<br />
.archivio-indice .ai-voci-auto a:hover {<br />
text-decoration: underline;<br />
}<br />
/* === [INDICE] fine === */</div>
Cranio is thinking
https://staging.wiki.etna.foundation/index.php?title=MediaWiki:Citizen.js&diff=1121
MediaWiki:Citizen.js
2026-06-15T20:39:14Z
<p>Cranio is thinking: Toggle apri/chiudi indice + rail-move</p>
<hr />
<div>/* All JavaScript here will be loaded for users of the Citizen skin */<br />
<br />
/* Indice d'archivio:<br />
1) dove esiste il rail di Citizen (pagine con sezioni) lo mettiamo lì, SOPRA<br />
la TOC nativa (che riusiamo); dove il rail non esiste l'indice resta una<br />
colonna flottante (.ai-rail) e non sparisce.<br />
2) il box è collassabile (toggle "Indice"): su pagine con TOC lunga si chiude<br />
l'indice e si tiene la TOC. La testata (link alla Dashboard) resta sempre. */<br />
mw.hook( 'wikipage.content' ).add( function () {<br />
var box = document.querySelector( '.archivio-indice.ai-rail' );<br />
if ( box ) {<br />
var rail =<br />
document.querySelector( '.citizen-page-sidebar' ) ||<br />
document.querySelector( '.citizen-sidebar' ) ||<br />
document.querySelector( '.citizen-toc-container' );<br />
if ( rail ) {<br />
box.classList.remove( 'ai-rail' );<br />
box.classList.add( 'ai-in-rail' );<br />
rail.prepend( box );<br />
}<br />
}<br />
<br />
// Toggle apri/chiudi<br />
document.querySelectorAll( '.archivio-indice .ai-toggle' ).forEach( function ( t ) {<br />
if ( t.dataset.bound ) {<br />
return;<br />
}<br />
t.dataset.bound = '1';<br />
var toggle = function () {<br />
t.closest( '.archivio-indice' ).classList.toggle( 'ai-collapsed' );<br />
};<br />
t.addEventListener( 'click', toggle );<br />
t.addEventListener( 'keydown', function ( e ) {<br />
if ( e.key === 'Enter' || e.key === ' ' ) {<br />
e.preventDefault();<br />
toggle();<br />
}<br />
} );<br />
} );<br />
} );</div>
Cranio is thinking
https://staging.wiki.etna.foundation/index.php?title=Template:Indice_CinetecaSarda&diff=1120
Template:Indice CinetecaSarda
2026-06-15T20:39:10Z
<p>Cranio is thinking: Indice collassabile: toggle + ai-body</p>
<hr />
<div><includeonly><div class="archivio-indice {{#if:{{{rail|}}}|ai-rail|}}"><br />
<div class="ai-testata">[[CinetecaSarda:Dashboard|Cineteca Sarda]]</div><br />
<div class="ai-toggle" role="button" tabindex="0">Indice</div><br />
<div class="ai-body"><br />
<div class="ai-sez"><div class="ai-eti">Inquadramento</div><div class="ai-voci">[[CinetecaSarda:Nara|Nara]] · [[CinetecaSarda:Dossier|Dossier]] · [[CinetecaSarda:Piano Fase 2|Piano Fase 2]]</div></div><br />
<div class="ai-sez"><div class="ai-eti">Documentazione</div><div class="ai-voci">[[CinetecaSarda:Report tecnici|Report tecnici]] · [[CinetecaSarda:Legenda terminologica|Legenda]] · [[CinetecaSarda:Policy|Policy]]</div></div><br />
<div class="ai-sez"><div class="ai-eti">Sistema e dati</div><div class="ai-voci">[[CinetecaSarda:Scheda|Scheda]] · [[CinetecaSarda:Utenti ruoli permessi|Utenti, ruoli, permessi]]</div></div><br />
<div class="ai-sez"><div class="ai-eti">Avanzamento</div><div class="ai-voci">[[CinetecaSarda:Cronoprogramma|Cronoprogramma]] · [[CinetecaSarda:Diario|Diario]] · [[CinetecaSarda:Todo|Todo]]</div></div><br />
<div class="ai-sez"><div class="ai-eti">Infrastruttura</div><div class="ai-voci">[[CinetecaSarda:Network|Network]] · [[CinetecaSarda:Hardware|Hardware]] · [[CinetecaSarda:Software|Software]] · [[CinetecaSarda:Backup|Backup]]</div></div><br />
</div><br />
</div></includeonly><noinclude><br />
Indice d'archivio del namespace '''CinetecaSarda'''. Sorgente unica: sezioni curate + "Tutte le pagine" generato in automatico (<code>Special:PrefixIndex</code>).<br />
<br />
Uso:<br />
* nel rail laterale (pagine di contenuto): <code><nowiki>{{Indice CinetecaSarda|rail=1}}</nowiki></code> — incluso da <code>IntestazionePagine</code>;<br />
* nel layout della Dashboard: <code><nowiki>{{Indice CinetecaSarda}}</nowiki></code> (senza rail).<br />
<br />
Per aggiungere una pagina a una sezione curata, modifica qui. Le pagine non ancora curate restano comunque elencate in "Tutte le pagine".<br />
<br />
[[Categoria:Template di struttura]]<br />
</noinclude></div>
Cranio is thinking
https://staging.wiki.etna.foundation/index.php?title=MediaWiki:Common.css&diff=1119
MediaWiki:Common.css
2026-06-15T20:31:55Z
<p>Cranio is thinking: Stile indice dentro il rail (ai-in-rail)</p>
<hr />
<div>/* CSS placed here will be applied to all skins */<br />
<br />
#footer { display: none; }<br />
/* last modification stuff */<br />
#footer-info { display: none; }<br />
<br />
/* footer links */<br />
#footer-places { display: none; }<br />
<br />
/* powered by icon */<br />
#footer-icon { display: none; }<br />
<br />
.box-stato-archivio .citizen-card__body p{<br />
margin: 0 0 .75em 0;<br />
}<br />
.box-stato-archivio .citizen-card__body p:last-child{<br />
margin-bottom: 0;<br />
}<br />
<br />
/* === CSS per template IntestazionePagine === */<br />
<br />
.namespace-label{<br />
display:block;<br />
font-size:0.85em;<br />
margin-top:-0.3em;<br />
margin-bottom:0.6em;<br />
}<br />
.namespace-label a,<br />
.namespace-label a:visited{<br />
color:inherit;<br />
}<br />
<br />
/* === [ARCHIVIO-EDITORIALE] inizio === */<br />
/* Stile editoriale per le Dashboard dei namespace-archivio.<br />
Layout "articolo di prima pagina": corpo a sinistra, indice a destra,<br />
come griglia interna al contenuto (niente dipendenza dal rail di Citizen).<br />
Usa le variabili Citizen. Accent per-archivio via --ns-accent. */<br />
<br />
.archivio-editoriale {<br />
color: var( --color-base, #fff );<br />
--ns-accent: var( --color-link-red, var( --color-destructive, #d33 ) );<br />
}<br />
<br />
/* Cineteca Sarda (ns 3004): accent giallo del brand — dalla testata del logo<br />
di cinetecasarda.it — al posto del rosso, solo in questo namespace. */<br />
body.ns-3004 .archivio-editoriale {<br />
--ns-accent: #e7b142;<br />
}<br />
<br />
/* Griglia: articolo (1fr) + indice (colonna fissa) */<br />
.archivio-editoriale .art-layout {<br />
display: grid;<br />
grid-template-columns: minmax( 0, 1fr ) 300px;<br />
gap: 3.5rem;<br />
align-items: start;<br />
}<br />
.archivio-editoriale .art-main {<br />
min-width: 0;<br />
}<br />
<br />
/* Occhiello / cappello identitario */<br />
.archivio-editoriale .occhiello {<br />
margin: 0 0 .7rem;<br />
font-size: .9rem;<br />
letter-spacing: .04em;<br />
color: var( --color-base--subtle, #b8b8b8 );<br />
opacity: .85;<br />
}<br />
<br />
/* Headline da articolo di prima pagina */<br />
.archivio-editoriale .ce-headline {<br />
margin: 0 0 1.3rem;<br />
border: 0;<br />
font-size: clamp( 2.4rem, 4.6vw, 3.6rem );<br />
line-height: 1.03;<br />
font-weight: 700;<br />
letter-spacing: -.02em;<br />
color: #ffffff;<br />
}<br />
<br />
/* Lead: il racconto. Riempie la colonna dell'articolo. */<br />
.archivio-editoriale .lead {<br />
margin: 0;<br />
max-width: none;<br />
}<br />
.archivio-editoriale .lead p {<br />
margin: 0 0 1rem;<br />
font-size: 1.08rem;<br />
line-height: 1.6;<br />
color: var( --color-base--subtle, #b8b8b8 );<br />
}<br />
.archivio-editoriale .lead p:last-child {<br />
margin-bottom: 0;<br />
}<br />
.archivio-editoriale .lead strong {<br />
color: var( --color-base, #fff );<br />
font-weight: 600;<br />
}<br />
<br />
/* === Indice nella colonna destra === */<br />
.archivio-editoriale .art-aside {<br />
min-width: 0;<br />
}<br />
.archivio-editoriale .art-aside-titolo {<br />
margin: 0 0 .4rem;<br />
padding-bottom: .55rem;<br />
border-bottom: 1px solid var( --border-color-base, rgba( 255, 255, 255, .14 ) );<br />
font-size: .76rem;<br />
text-transform: uppercase;<br />
letter-spacing: .08em;<br />
color: var( --color-base--subtle, #b8b8b8 );<br />
}<br />
.archivio-editoriale .idx-sez {<br />
padding: .7rem 0;<br />
border-bottom: 1px solid var( --border-color-base, rgba( 255, 255, 255, .07 ) );<br />
}<br />
.archivio-editoriale .idx-sez:last-child {<br />
border-bottom: 0;<br />
}<br />
.archivio-editoriale .idx-eti {<br />
margin-bottom: .2rem;<br />
font-size: .98rem;<br />
font-weight: 600;<br />
color: #ffffff;<br />
}<br />
.archivio-editoriale .idx-voci {<br />
font-size: .9rem;<br />
line-height: 1.5;<br />
color: var( --color-base--subtle, #b8b8b8 );<br />
}<br />
.archivio-editoriale .idx-voci a,<br />
.archivio-editoriale .idx-voci a:visited {<br />
color: var( --ns-accent );<br />
font-weight: 500;<br />
text-decoration: none;<br />
}<br />
.archivio-editoriale .idx-voci a:hover {<br />
text-decoration: underline;<br />
}<br />
<br />
/* Sotto i 900px: indice sotto l'articolo */<br />
@media ( max-width: 900px ) {<br />
.archivio-editoriale .art-layout {<br />
grid-template-columns: 1fr;<br />
gap: 2.5rem;<br />
}<br />
}<br />
/* === [ARCHIVIO-EDITORIALE] fine === */<br />
<br />
/* === [DASH-HERO] inizio === */<br />
/* Dashboard come "articolo di prima pagina": nasconde il titolo standard di<br />
Citizen (firstHeading), perché l'headline editoriale vive nel contenuto.<br />
Resta il resto dell'header (nav/strumenti). Page-scoped (due varianti per<br />
l'escaping del ":"). */<br />
<br />
body.page-CinetecaSarda_Dashboard #firstHeading,<br />
body.page-CinetecaSarda-Dashboard #firstHeading,<br />
body.page-CinetecaSarda_Dashboard .mw-first-heading,<br />
body.page-CinetecaSarda-Dashboard .mw-first-heading,<br />
body.page-CinetecaSarda_Dashboard .mw-page-title-main,<br />
body.page-CinetecaSarda-Dashboard .mw-page-title-main {<br />
display: none !important;<br />
}<br />
<br />
/* Spazio per le due colonne (articolo + indice), moderato. */<br />
body.page-CinetecaSarda_Dashboard,<br />
body.page-CinetecaSarda-Dashboard {<br />
--width-layout: min( 1180px, 94vw );<br />
}<br />
/* === [DASH-HERO] fine === */<br />
<br />
/* === [NS-BRAND] inizio === */<br />
/* ==========================================================<br />
Brand CinetecaSarda (namespace 3004) — vale su TUTTE le pagine<br />
========================================================== */<br />
<br />
/* Link gialli del brand (dalla testata di cinetecasarda.it) al posto del blu<br />
di Citizen. I link a pagine mancanti (.new) restano rossi: segnale utile. */<br />
body.ns-3004 .mw-parser-output a:not( .new ),<br />
body.ns-3004 .mw-parser-output a:not( .new ):visited {<br />
color: #e7b142;<br />
}<br />
body.ns-3004 .mw-parser-output a:not( .new ):hover {<br />
color: #f1c878;<br />
}<br />
<br />
/* Titolo "editoriale leggero" per le pagine di contenuto: occhiello giallo<br />
sopra, titolo bianco pulito. Sulla Dashboard #firstHeading è nascosto<br />
(ha il suo hero), quindi questo occhiello lì non compare. */<br />
body.ns-3004 #firstHeading {<br />
color: #ffffff;<br />
}<br />
body.ns-3004 #firstHeading::before {<br />
content: "Cineteca Sarda";<br />
display: block;<br />
margin-bottom: .35rem;<br />
font-size: .8rem;<br />
font-weight: 500;<br />
letter-spacing: .08em;<br />
text-transform: uppercase;<br />
color: #e7b142;<br />
}<br />
/* L'etichetta "in: Cineteca Sarda" è sostituita dall'occhiello */<br />
body.ns-3004 .namespace-label {<br />
display: none;<br />
}<br />
/* === [NS-BRAND] fine === */<br />
<br />
/* === [INDICE] inizio === */<br />
/* ==========================================================<br />
Indice d'archivio (sorgente unica {{Indice <NS>}}).<br />
Vale sia nel rail destro (param rail=1 → box-stato-archivio,<br />
spostato dal JS sopra la TOC) sia nel layout della Dashboard.<br />
========================================================== */<br />
<br />
.archivio-indice {<br />
font-size: .9rem;<br />
line-height: 1.45;<br />
}<br />
<br />
/* Variante "rail": colonna destra flottante, SEMPRE visibile (non dipende dalla<br />
TOC/rail di Citizen). Sulle pagine di contenuto la include IntestazionePagine. */<br />
.archivio-indice.ai-rail {<br />
float: right;<br />
width: 280px;<br />
margin: .2rem 0 1.4rem 2rem;<br />
padding-left: 1.4rem;<br />
border-left: 1px solid var( --border-color-base, rgba( 255, 255, 255, .12 ) );<br />
}<br />
@media ( max-width: 900px ) {<br />
.archivio-indice.ai-rail {<br />
float: none;<br />
width: auto;<br />
margin: 0 0 1.6rem;<br />
padding-left: 0;<br />
border-left: 0;<br />
}<br />
}<br />
<br />
/* Quando il JS l'ha spostato DENTRO il rail di Citizen (sopra la TOC nativa) */<br />
.archivio-indice.ai-in-rail {<br />
float: none;<br />
width: auto;<br />
margin: 0 0 1rem;<br />
padding: 0;<br />
border: 0;<br />
}<br />
<br />
/* Testata = ritorno alla Dashboard + brand */<br />
.archivio-indice .ai-testata {<br />
margin-bottom: .55rem;<br />
padding-bottom: .5rem;<br />
border-bottom: 1px solid var( --border-color-base, rgba( 255, 255, 255, .16 ) );<br />
font-size: .76rem;<br />
text-transform: uppercase;<br />
letter-spacing: .08em;<br />
}<br />
.archivio-indice .ai-testata a,<br />
.archivio-indice .ai-testata a:visited {<br />
color: #ffffff;<br />
font-weight: 700;<br />
text-decoration: none;<br />
}<br />
.archivio-indice .ai-testata a:hover {<br />
color: #e7b142;<br />
}<br />
<br />
/* Sezioni curate */<br />
.archivio-indice .ai-sez {<br />
padding: .5rem 0;<br />
border-bottom: 1px solid var( --border-color-base, rgba( 255, 255, 255, .07 ) );<br />
}<br />
.archivio-indice .ai-eti {<br />
margin-bottom: .12rem;<br />
font-size: .92rem;<br />
font-weight: 600;<br />
color: #ffffff;<br />
}<br />
.archivio-indice .ai-voci {<br />
color: var( --color-base--subtle, #b8b8b8 );<br />
}<br />
.archivio-indice .ai-voci a,<br />
.archivio-indice .ai-voci a:visited {<br />
color: #e7b142;<br />
font-weight: 500;<br />
text-decoration: none;<br />
}<br />
.archivio-indice .ai-voci a:hover {<br />
text-decoration: underline;<br />
}<br />
<br />
/* Catch-all "Tutte le pagine": compatto */<br />
.archivio-indice .ai-altre {<br />
padding-top: .55rem;<br />
}<br />
.archivio-indice .ai-voci-auto {<br />
margin-top: .3rem;<br />
font-size: .82rem;<br />
}<br />
.archivio-indice .ai-voci-auto table,<br />
.archivio-indice .ai-voci-auto .mw-prefixindex-list-table {<br />
width: 100%;<br />
display: block;<br />
}<br />
.archivio-indice .ai-voci-auto td,<br />
.archivio-indice .ai-voci-auto .mw-prefixindex-list {<br />
display: block;<br />
width: auto !important;<br />
}<br />
.archivio-indice .ai-voci-auto a {<br />
color: #e7b142;<br />
text-decoration: none;<br />
}<br />
.archivio-indice .ai-voci-auto a:hover {<br />
text-decoration: underline;<br />
}<br />
/* === [INDICE] fine === */</div>
Cranio is thinking
https://staging.wiki.etna.foundation/index.php?title=MediaWiki:Citizen.js&diff=1118
MediaWiki:Citizen.js
2026-06-15T20:31:50Z
<p>Cranio is thinking: Indice: nel rail sopra la TOC nativa (riuso TOC); float dove il rail non c'è</p>
<hr />
<div>/* All JavaScript here will be loaded for users of the Citizen skin */<br />
<br />
/* Indice d'archivio: dove esiste il rail di Citizen (pagine con sezioni) lo<br />
mettiamo lì, SOPRA la TOC nativa (che riusiamo); dove il rail non esiste<br />
(pagine senza sezioni) l'indice resta una colonna flottante (.ai-rail) e non<br />
sparisce mai. Sulla Dashboard l'indice non ha .ai-rail (è nel suo layout),<br />
quindi questo hook non lo tocca. */<br />
mw.hook( 'wikipage.content' ).add( function () {<br />
var box = document.querySelector( '.archivio-indice.ai-rail' );<br />
if ( !box ) {<br />
return;<br />
}<br />
var rail =<br />
document.querySelector( '.citizen-page-sidebar' ) ||<br />
document.querySelector( '.citizen-sidebar' ) ||<br />
document.querySelector( '.citizen-toc-container' );<br />
if ( !rail ) {<br />
return; // niente rail: l'indice resta flottante nel contenuto<br />
}<br />
box.classList.remove( 'ai-rail' ); // via il float<br />
box.classList.add( 'ai-in-rail' );<br />
rail.prepend( box ); // indice sopra la TOC nativa<br />
} );</div>
Cranio is thinking
https://staging.wiki.etna.foundation/index.php?title=MediaWiki:Common.css&diff=1117
MediaWiki:Common.css
2026-06-15T20:16:28Z
<p>Cranio is thinking: Indice rail flottante sempre visibile</p>
<hr />
<div>/* CSS placed here will be applied to all skins */<br />
<br />
#footer { display: none; }<br />
/* last modification stuff */<br />
#footer-info { display: none; }<br />
<br />
/* footer links */<br />
#footer-places { display: none; }<br />
<br />
/* powered by icon */<br />
#footer-icon { display: none; }<br />
<br />
.box-stato-archivio .citizen-card__body p{<br />
margin: 0 0 .75em 0;<br />
}<br />
.box-stato-archivio .citizen-card__body p:last-child{<br />
margin-bottom: 0;<br />
}<br />
<br />
/* === CSS per template IntestazionePagine === */<br />
<br />
.namespace-label{<br />
display:block;<br />
font-size:0.85em;<br />
margin-top:-0.3em;<br />
margin-bottom:0.6em;<br />
}<br />
.namespace-label a,<br />
.namespace-label a:visited{<br />
color:inherit;<br />
}<br />
<br />
/* === [ARCHIVIO-EDITORIALE] inizio === */<br />
/* Stile editoriale per le Dashboard dei namespace-archivio.<br />
Layout "articolo di prima pagina": corpo a sinistra, indice a destra,<br />
come griglia interna al contenuto (niente dipendenza dal rail di Citizen).<br />
Usa le variabili Citizen. Accent per-archivio via --ns-accent. */<br />
<br />
.archivio-editoriale {<br />
color: var( --color-base, #fff );<br />
--ns-accent: var( --color-link-red, var( --color-destructive, #d33 ) );<br />
}<br />
<br />
/* Cineteca Sarda (ns 3004): accent giallo del brand — dalla testata del logo<br />
di cinetecasarda.it — al posto del rosso, solo in questo namespace. */<br />
body.ns-3004 .archivio-editoriale {<br />
--ns-accent: #e7b142;<br />
}<br />
<br />
/* Griglia: articolo (1fr) + indice (colonna fissa) */<br />
.archivio-editoriale .art-layout {<br />
display: grid;<br />
grid-template-columns: minmax( 0, 1fr ) 300px;<br />
gap: 3.5rem;<br />
align-items: start;<br />
}<br />
.archivio-editoriale .art-main {<br />
min-width: 0;<br />
}<br />
<br />
/* Occhiello / cappello identitario */<br />
.archivio-editoriale .occhiello {<br />
margin: 0 0 .7rem;<br />
font-size: .9rem;<br />
letter-spacing: .04em;<br />
color: var( --color-base--subtle, #b8b8b8 );<br />
opacity: .85;<br />
}<br />
<br />
/* Headline da articolo di prima pagina */<br />
.archivio-editoriale .ce-headline {<br />
margin: 0 0 1.3rem;<br />
border: 0;<br />
font-size: clamp( 2.4rem, 4.6vw, 3.6rem );<br />
line-height: 1.03;<br />
font-weight: 700;<br />
letter-spacing: -.02em;<br />
color: #ffffff;<br />
}<br />
<br />
/* Lead: il racconto. Riempie la colonna dell'articolo. */<br />
.archivio-editoriale .lead {<br />
margin: 0;<br />
max-width: none;<br />
}<br />
.archivio-editoriale .lead p {<br />
margin: 0 0 1rem;<br />
font-size: 1.08rem;<br />
line-height: 1.6;<br />
color: var( --color-base--subtle, #b8b8b8 );<br />
}<br />
.archivio-editoriale .lead p:last-child {<br />
margin-bottom: 0;<br />
}<br />
.archivio-editoriale .lead strong {<br />
color: var( --color-base, #fff );<br />
font-weight: 600;<br />
}<br />
<br />
/* === Indice nella colonna destra === */<br />
.archivio-editoriale .art-aside {<br />
min-width: 0;<br />
}<br />
.archivio-editoriale .art-aside-titolo {<br />
margin: 0 0 .4rem;<br />
padding-bottom: .55rem;<br />
border-bottom: 1px solid var( --border-color-base, rgba( 255, 255, 255, .14 ) );<br />
font-size: .76rem;<br />
text-transform: uppercase;<br />
letter-spacing: .08em;<br />
color: var( --color-base--subtle, #b8b8b8 );<br />
}<br />
.archivio-editoriale .idx-sez {<br />
padding: .7rem 0;<br />
border-bottom: 1px solid var( --border-color-base, rgba( 255, 255, 255, .07 ) );<br />
}<br />
.archivio-editoriale .idx-sez:last-child {<br />
border-bottom: 0;<br />
}<br />
.archivio-editoriale .idx-eti {<br />
margin-bottom: .2rem;<br />
font-size: .98rem;<br />
font-weight: 600;<br />
color: #ffffff;<br />
}<br />
.archivio-editoriale .idx-voci {<br />
font-size: .9rem;<br />
line-height: 1.5;<br />
color: var( --color-base--subtle, #b8b8b8 );<br />
}<br />
.archivio-editoriale .idx-voci a,<br />
.archivio-editoriale .idx-voci a:visited {<br />
color: var( --ns-accent );<br />
font-weight: 500;<br />
text-decoration: none;<br />
}<br />
.archivio-editoriale .idx-voci a:hover {<br />
text-decoration: underline;<br />
}<br />
<br />
/* Sotto i 900px: indice sotto l'articolo */<br />
@media ( max-width: 900px ) {<br />
.archivio-editoriale .art-layout {<br />
grid-template-columns: 1fr;<br />
gap: 2.5rem;<br />
}<br />
}<br />
/* === [ARCHIVIO-EDITORIALE] fine === */<br />
<br />
/* === [DASH-HERO] inizio === */<br />
/* Dashboard come "articolo di prima pagina": nasconde il titolo standard di<br />
Citizen (firstHeading), perché l'headline editoriale vive nel contenuto.<br />
Resta il resto dell'header (nav/strumenti). Page-scoped (due varianti per<br />
l'escaping del ":"). */<br />
<br />
body.page-CinetecaSarda_Dashboard #firstHeading,<br />
body.page-CinetecaSarda-Dashboard #firstHeading,<br />
body.page-CinetecaSarda_Dashboard .mw-first-heading,<br />
body.page-CinetecaSarda-Dashboard .mw-first-heading,<br />
body.page-CinetecaSarda_Dashboard .mw-page-title-main,<br />
body.page-CinetecaSarda-Dashboard .mw-page-title-main {<br />
display: none !important;<br />
}<br />
<br />
/* Spazio per le due colonne (articolo + indice), moderato. */<br />
body.page-CinetecaSarda_Dashboard,<br />
body.page-CinetecaSarda-Dashboard {<br />
--width-layout: min( 1180px, 94vw );<br />
}<br />
/* === [DASH-HERO] fine === */<br />
<br />
/* === [NS-BRAND] inizio === */<br />
/* ==========================================================<br />
Brand CinetecaSarda (namespace 3004) — vale su TUTTE le pagine<br />
========================================================== */<br />
<br />
/* Link gialli del brand (dalla testata di cinetecasarda.it) al posto del blu<br />
di Citizen. I link a pagine mancanti (.new) restano rossi: segnale utile. */<br />
body.ns-3004 .mw-parser-output a:not( .new ),<br />
body.ns-3004 .mw-parser-output a:not( .new ):visited {<br />
color: #e7b142;<br />
}<br />
body.ns-3004 .mw-parser-output a:not( .new ):hover {<br />
color: #f1c878;<br />
}<br />
<br />
/* Titolo "editoriale leggero" per le pagine di contenuto: occhiello giallo<br />
sopra, titolo bianco pulito. Sulla Dashboard #firstHeading è nascosto<br />
(ha il suo hero), quindi questo occhiello lì non compare. */<br />
body.ns-3004 #firstHeading {<br />
color: #ffffff;<br />
}<br />
body.ns-3004 #firstHeading::before {<br />
content: "Cineteca Sarda";<br />
display: block;<br />
margin-bottom: .35rem;<br />
font-size: .8rem;<br />
font-weight: 500;<br />
letter-spacing: .08em;<br />
text-transform: uppercase;<br />
color: #e7b142;<br />
}<br />
/* L'etichetta "in: Cineteca Sarda" è sostituita dall'occhiello */<br />
body.ns-3004 .namespace-label {<br />
display: none;<br />
}<br />
/* === [NS-BRAND] fine === */<br />
<br />
/* === [INDICE] inizio === */<br />
/* ==========================================================<br />
Indice d'archivio (sorgente unica {{Indice <NS>}}).<br />
Vale sia nel rail destro (param rail=1 → box-stato-archivio,<br />
spostato dal JS sopra la TOC) sia nel layout della Dashboard.<br />
========================================================== */<br />
<br />
.archivio-indice {<br />
font-size: .9rem;<br />
line-height: 1.45;<br />
}<br />
<br />
/* Variante "rail": colonna destra flottante, SEMPRE visibile (non dipende dalla<br />
TOC/rail di Citizen). Sulle pagine di contenuto la include IntestazionePagine. */<br />
.archivio-indice.ai-rail {<br />
float: right;<br />
width: 280px;<br />
margin: .2rem 0 1.4rem 2rem;<br />
padding-left: 1.4rem;<br />
border-left: 1px solid var( --border-color-base, rgba( 255, 255, 255, .12 ) );<br />
}<br />
@media ( max-width: 900px ) {<br />
.archivio-indice.ai-rail {<br />
float: none;<br />
width: auto;<br />
margin: 0 0 1.6rem;<br />
padding-left: 0;<br />
border-left: 0;<br />
}<br />
}<br />
<br />
/* Testata = ritorno alla Dashboard + brand */<br />
.archivio-indice .ai-testata {<br />
margin-bottom: .55rem;<br />
padding-bottom: .5rem;<br />
border-bottom: 1px solid var( --border-color-base, rgba( 255, 255, 255, .16 ) );<br />
font-size: .76rem;<br />
text-transform: uppercase;<br />
letter-spacing: .08em;<br />
}<br />
.archivio-indice .ai-testata a,<br />
.archivio-indice .ai-testata a:visited {<br />
color: #ffffff;<br />
font-weight: 700;<br />
text-decoration: none;<br />
}<br />
.archivio-indice .ai-testata a:hover {<br />
color: #e7b142;<br />
}<br />
<br />
/* Sezioni curate */<br />
.archivio-indice .ai-sez {<br />
padding: .5rem 0;<br />
border-bottom: 1px solid var( --border-color-base, rgba( 255, 255, 255, .07 ) );<br />
}<br />
.archivio-indice .ai-eti {<br />
margin-bottom: .12rem;<br />
font-size: .92rem;<br />
font-weight: 600;<br />
color: #ffffff;<br />
}<br />
.archivio-indice .ai-voci {<br />
color: var( --color-base--subtle, #b8b8b8 );<br />
}<br />
.archivio-indice .ai-voci a,<br />
.archivio-indice .ai-voci a:visited {<br />
color: #e7b142;<br />
font-weight: 500;<br />
text-decoration: none;<br />
}<br />
.archivio-indice .ai-voci a:hover {<br />
text-decoration: underline;<br />
}<br />
<br />
/* Catch-all "Tutte le pagine": compatto */<br />
.archivio-indice .ai-altre {<br />
padding-top: .55rem;<br />
}<br />
.archivio-indice .ai-voci-auto {<br />
margin-top: .3rem;<br />
font-size: .82rem;<br />
}<br />
.archivio-indice .ai-voci-auto table,<br />
.archivio-indice .ai-voci-auto .mw-prefixindex-list-table {<br />
width: 100%;<br />
display: block;<br />
}<br />
.archivio-indice .ai-voci-auto td,<br />
.archivio-indice .ai-voci-auto .mw-prefixindex-list {<br />
display: block;<br />
width: auto !important;<br />
}<br />
.archivio-indice .ai-voci-auto a {<br />
color: #e7b142;<br />
text-decoration: none;<br />
}<br />
.archivio-indice .ai-voci-auto a:hover {<br />
text-decoration: underline;<br />
}<br />
/* === [INDICE] fine === */</div>
Cranio is thinking
https://staging.wiki.etna.foundation/index.php?title=Template:Indice_CinetecaSarda&diff=1116
Template:Indice CinetecaSarda
2026-06-15T20:16:19Z
<p>Cranio is thinking: Fix classi (spazio) + variante rail flottante, sgancia dal rail Citizen</p>
<hr />
<div><includeonly><div class="archivio-indice {{#if:{{{rail|}}}|ai-rail|}}"><br />
<div class="ai-testata">[[CinetecaSarda:Dashboard|Cineteca Sarda]]</div><br />
<div class="ai-sez"><div class="ai-eti">Inquadramento</div><div class="ai-voci">[[CinetecaSarda:Nara|Nara]] · [[CinetecaSarda:Dossier|Dossier]] · [[CinetecaSarda:Piano Fase 2|Piano Fase 2]]</div></div><br />
<div class="ai-sez"><div class="ai-eti">Documentazione</div><div class="ai-voci">[[CinetecaSarda:Report tecnici|Report tecnici]] · [[CinetecaSarda:Legenda terminologica|Legenda]] · [[CinetecaSarda:Policy|Policy]]</div></div><br />
<div class="ai-sez"><div class="ai-eti">Sistema e dati</div><div class="ai-voci">[[CinetecaSarda:Scheda|Scheda]] · [[CinetecaSarda:Utenti ruoli permessi|Utenti, ruoli, permessi]]</div></div><br />
<div class="ai-sez"><div class="ai-eti">Avanzamento</div><div class="ai-voci">[[CinetecaSarda:Cronoprogramma|Cronoprogramma]] · [[CinetecaSarda:Diario|Diario]] · [[CinetecaSarda:Todo|Todo]]</div></div><br />
<div class="ai-sez"><div class="ai-eti">Infrastruttura</div><div class="ai-voci">[[CinetecaSarda:Network|Network]] · [[CinetecaSarda:Hardware|Hardware]] · [[CinetecaSarda:Software|Software]] · [[CinetecaSarda:Backup|Backup]]</div></div><br />
</div></includeonly><noinclude><br />
Indice d'archivio del namespace '''CinetecaSarda'''. Sorgente unica: sezioni curate + "Tutte le pagine" generato in automatico (<code>Special:PrefixIndex</code>).<br />
<br />
Uso:<br />
* nel rail laterale (pagine di contenuto): <code><nowiki>{{Indice CinetecaSarda|rail=1}}</nowiki></code> — incluso da <code>IntestazionePagine</code>;<br />
* nel layout della Dashboard: <code><nowiki>{{Indice CinetecaSarda}}</nowiki></code> (senza rail).<br />
<br />
Per aggiungere una pagina a una sezione curata, modifica qui. Le pagine non ancora curate restano comunque elencate in "Tutte le pagine".<br />
<br />
[[Categoria:Template di struttura]]<br />
</noinclude></div>
Cranio is thinking
https://staging.wiki.etna.foundation/index.php?title=Template:Indice_CinetecaSarda&diff=1115
Template:Indice CinetecaSarda
2026-06-15T20:10:01Z
<p>Cranio is thinking: Via il catch-all 'Tutte le pagine' (sotto resta la TOC della pagina)</p>
<hr />
<div><includeonly><div class="archivio-indice{{#if:{{{rail|}}}| box-stato-archivio|}}"{{#if:{{{rail|}}}| data-stato-archivio="1"|}}><br />
<div class="ai-testata">[[CinetecaSarda:Dashboard|Cineteca Sarda]]</div><br />
<div class="ai-sez"><div class="ai-eti">Inquadramento</div><div class="ai-voci">[[CinetecaSarda:Nara|Nara]] · [[CinetecaSarda:Dossier|Dossier]] · [[CinetecaSarda:Piano Fase 2|Piano Fase 2]]</div></div><br />
<div class="ai-sez"><div class="ai-eti">Documentazione</div><div class="ai-voci">[[CinetecaSarda:Report tecnici|Report tecnici]] · [[CinetecaSarda:Legenda terminologica|Legenda]] · [[CinetecaSarda:Policy|Policy]]</div></div><br />
<div class="ai-sez"><div class="ai-eti">Sistema e dati</div><div class="ai-voci">[[CinetecaSarda:Scheda|Scheda]] · [[CinetecaSarda:Utenti ruoli permessi|Utenti, ruoli, permessi]]</div></div><br />
<div class="ai-sez"><div class="ai-eti">Avanzamento</div><div class="ai-voci">[[CinetecaSarda:Cronoprogramma|Cronoprogramma]] · [[CinetecaSarda:Diario|Diario]] · [[CinetecaSarda:Todo|Todo]]</div></div><br />
<div class="ai-sez"><div class="ai-eti">Infrastruttura</div><div class="ai-voci">[[CinetecaSarda:Network|Network]] · [[CinetecaSarda:Hardware|Hardware]] · [[CinetecaSarda:Software|Software]] · [[CinetecaSarda:Backup|Backup]]</div></div><br />
</div></includeonly><noinclude><br />
Indice d'archivio del namespace '''CinetecaSarda'''. Sorgente unica: sezioni curate + "Tutte le pagine" generato in automatico (<code>Special:PrefixIndex</code>).<br />
<br />
Uso:<br />
* nel rail laterale (pagine di contenuto): <code><nowiki>{{Indice CinetecaSarda|rail=1}}</nowiki></code> — incluso da <code>IntestazionePagine</code>;<br />
* nel layout della Dashboard: <code><nowiki>{{Indice CinetecaSarda}}</nowiki></code> (senza rail).<br />
<br />
Per aggiungere una pagina a una sezione curata, modifica qui. Le pagine non ancora curate restano comunque elencate in "Tutte le pagine".<br />
<br />
[[Categoria:Template di struttura]]<br />
</noinclude></div>
Cranio is thinking
https://staging.wiki.etna.foundation/index.php?title=MediaWiki:Common.css&diff=1113
MediaWiki:Common.css
2026-06-15T20:02:24Z
<p>Cranio is thinking: Stile indice d'archivio (rail + Dashboard)</p>
<hr />
<div>/* CSS placed here will be applied to all skins */<br />
<br />
#footer { display: none; }<br />
/* last modification stuff */<br />
#footer-info { display: none; }<br />
<br />
/* footer links */<br />
#footer-places { display: none; }<br />
<br />
/* powered by icon */<br />
#footer-icon { display: none; }<br />
<br />
.box-stato-archivio .citizen-card__body p{<br />
margin: 0 0 .75em 0;<br />
}<br />
.box-stato-archivio .citizen-card__body p:last-child{<br />
margin-bottom: 0;<br />
}<br />
<br />
/* === CSS per template IntestazionePagine === */<br />
<br />
.namespace-label{<br />
display:block;<br />
font-size:0.85em;<br />
margin-top:-0.3em;<br />
margin-bottom:0.6em;<br />
}<br />
.namespace-label a,<br />
.namespace-label a:visited{<br />
color:inherit;<br />
}<br />
<br />
/* === [ARCHIVIO-EDITORIALE] inizio === */<br />
/* Stile editoriale per le Dashboard dei namespace-archivio.<br />
Layout "articolo di prima pagina": corpo a sinistra, indice a destra,<br />
come griglia interna al contenuto (niente dipendenza dal rail di Citizen).<br />
Usa le variabili Citizen. Accent per-archivio via --ns-accent. */<br />
<br />
.archivio-editoriale {<br />
color: var( --color-base, #fff );<br />
--ns-accent: var( --color-link-red, var( --color-destructive, #d33 ) );<br />
}<br />
<br />
/* Cineteca Sarda (ns 3004): accent giallo del brand — dalla testata del logo<br />
di cinetecasarda.it — al posto del rosso, solo in questo namespace. */<br />
body.ns-3004 .archivio-editoriale {<br />
--ns-accent: #e7b142;<br />
}<br />
<br />
/* Griglia: articolo (1fr) + indice (colonna fissa) */<br />
.archivio-editoriale .art-layout {<br />
display: grid;<br />
grid-template-columns: minmax( 0, 1fr ) 300px;<br />
gap: 3.5rem;<br />
align-items: start;<br />
}<br />
.archivio-editoriale .art-main {<br />
min-width: 0;<br />
}<br />
<br />
/* Occhiello / cappello identitario */<br />
.archivio-editoriale .occhiello {<br />
margin: 0 0 .7rem;<br />
font-size: .9rem;<br />
letter-spacing: .04em;<br />
color: var( --color-base--subtle, #b8b8b8 );<br />
opacity: .85;<br />
}<br />
<br />
/* Headline da articolo di prima pagina */<br />
.archivio-editoriale .ce-headline {<br />
margin: 0 0 1.3rem;<br />
border: 0;<br />
font-size: clamp( 2.4rem, 4.6vw, 3.6rem );<br />
line-height: 1.03;<br />
font-weight: 700;<br />
letter-spacing: -.02em;<br />
color: #ffffff;<br />
}<br />
<br />
/* Lead: il racconto. Riempie la colonna dell'articolo. */<br />
.archivio-editoriale .lead {<br />
margin: 0;<br />
max-width: none;<br />
}<br />
.archivio-editoriale .lead p {<br />
margin: 0 0 1rem;<br />
font-size: 1.08rem;<br />
line-height: 1.6;<br />
color: var( --color-base--subtle, #b8b8b8 );<br />
}<br />
.archivio-editoriale .lead p:last-child {<br />
margin-bottom: 0;<br />
}<br />
.archivio-editoriale .lead strong {<br />
color: var( --color-base, #fff );<br />
font-weight: 600;<br />
}<br />
<br />
/* === Indice nella colonna destra === */<br />
.archivio-editoriale .art-aside {<br />
min-width: 0;<br />
}<br />
.archivio-editoriale .art-aside-titolo {<br />
margin: 0 0 .4rem;<br />
padding-bottom: .55rem;<br />
border-bottom: 1px solid var( --border-color-base, rgba( 255, 255, 255, .14 ) );<br />
font-size: .76rem;<br />
text-transform: uppercase;<br />
letter-spacing: .08em;<br />
color: var( --color-base--subtle, #b8b8b8 );<br />
}<br />
.archivio-editoriale .idx-sez {<br />
padding: .7rem 0;<br />
border-bottom: 1px solid var( --border-color-base, rgba( 255, 255, 255, .07 ) );<br />
}<br />
.archivio-editoriale .idx-sez:last-child {<br />
border-bottom: 0;<br />
}<br />
.archivio-editoriale .idx-eti {<br />
margin-bottom: .2rem;<br />
font-size: .98rem;<br />
font-weight: 600;<br />
color: #ffffff;<br />
}<br />
.archivio-editoriale .idx-voci {<br />
font-size: .9rem;<br />
line-height: 1.5;<br />
color: var( --color-base--subtle, #b8b8b8 );<br />
}<br />
.archivio-editoriale .idx-voci a,<br />
.archivio-editoriale .idx-voci a:visited {<br />
color: var( --ns-accent );<br />
font-weight: 500;<br />
text-decoration: none;<br />
}<br />
.archivio-editoriale .idx-voci a:hover {<br />
text-decoration: underline;<br />
}<br />
<br />
/* Sotto i 900px: indice sotto l'articolo */<br />
@media ( max-width: 900px ) {<br />
.archivio-editoriale .art-layout {<br />
grid-template-columns: 1fr;<br />
gap: 2.5rem;<br />
}<br />
}<br />
/* === [ARCHIVIO-EDITORIALE] fine === */<br />
<br />
/* === [DASH-HERO] inizio === */<br />
/* Dashboard come "articolo di prima pagina": nasconde il titolo standard di<br />
Citizen (firstHeading), perché l'headline editoriale vive nel contenuto.<br />
Resta il resto dell'header (nav/strumenti). Page-scoped (due varianti per<br />
l'escaping del ":"). */<br />
<br />
body.page-CinetecaSarda_Dashboard #firstHeading,<br />
body.page-CinetecaSarda-Dashboard #firstHeading,<br />
body.page-CinetecaSarda_Dashboard .mw-first-heading,<br />
body.page-CinetecaSarda-Dashboard .mw-first-heading,<br />
body.page-CinetecaSarda_Dashboard .mw-page-title-main,<br />
body.page-CinetecaSarda-Dashboard .mw-page-title-main {<br />
display: none !important;<br />
}<br />
<br />
/* Spazio per le due colonne (articolo + indice), moderato. */<br />
body.page-CinetecaSarda_Dashboard,<br />
body.page-CinetecaSarda-Dashboard {<br />
--width-layout: min( 1180px, 94vw );<br />
}<br />
/* === [DASH-HERO] fine === */<br />
<br />
/* === [NS-BRAND] inizio === */<br />
/* ==========================================================<br />
Brand CinetecaSarda (namespace 3004) — vale su TUTTE le pagine<br />
========================================================== */<br />
<br />
/* Link gialli del brand (dalla testata di cinetecasarda.it) al posto del blu<br />
di Citizen. I link a pagine mancanti (.new) restano rossi: segnale utile. */<br />
body.ns-3004 .mw-parser-output a:not( .new ),<br />
body.ns-3004 .mw-parser-output a:not( .new ):visited {<br />
color: #e7b142;<br />
}<br />
body.ns-3004 .mw-parser-output a:not( .new ):hover {<br />
color: #f1c878;<br />
}<br />
<br />
/* Titolo "editoriale leggero" per le pagine di contenuto: occhiello giallo<br />
sopra, titolo bianco pulito. Sulla Dashboard #firstHeading è nascosto<br />
(ha il suo hero), quindi questo occhiello lì non compare. */<br />
body.ns-3004 #firstHeading {<br />
color: #ffffff;<br />
}<br />
body.ns-3004 #firstHeading::before {<br />
content: "Cineteca Sarda";<br />
display: block;<br />
margin-bottom: .35rem;<br />
font-size: .8rem;<br />
font-weight: 500;<br />
letter-spacing: .08em;<br />
text-transform: uppercase;<br />
color: #e7b142;<br />
}<br />
/* L'etichetta "in: Cineteca Sarda" è sostituita dall'occhiello */<br />
body.ns-3004 .namespace-label {<br />
display: none;<br />
}<br />
/* === [NS-BRAND] fine === */<br />
<br />
/* === [INDICE] inizio === */<br />
/* ==========================================================<br />
Indice d'archivio (sorgente unica {{Indice <NS>}}).<br />
Vale sia nel rail destro (param rail=1 → box-stato-archivio,<br />
spostato dal JS sopra la TOC) sia nel layout della Dashboard.<br />
========================================================== */<br />
<br />
.archivio-indice {<br />
font-size: .9rem;<br />
line-height: 1.45;<br />
}<br />
<br />
/* Testata = ritorno alla Dashboard + brand */<br />
.archivio-indice .ai-testata {<br />
margin-bottom: .55rem;<br />
padding-bottom: .5rem;<br />
border-bottom: 1px solid var( --border-color-base, rgba( 255, 255, 255, .16 ) );<br />
font-size: .76rem;<br />
text-transform: uppercase;<br />
letter-spacing: .08em;<br />
}<br />
.archivio-indice .ai-testata a,<br />
.archivio-indice .ai-testata a:visited {<br />
color: #ffffff;<br />
font-weight: 700;<br />
text-decoration: none;<br />
}<br />
.archivio-indice .ai-testata a:hover {<br />
color: #e7b142;<br />
}<br />
<br />
/* Sezioni curate */<br />
.archivio-indice .ai-sez {<br />
padding: .5rem 0;<br />
border-bottom: 1px solid var( --border-color-base, rgba( 255, 255, 255, .07 ) );<br />
}<br />
.archivio-indice .ai-eti {<br />
margin-bottom: .12rem;<br />
font-size: .92rem;<br />
font-weight: 600;<br />
color: #ffffff;<br />
}<br />
.archivio-indice .ai-voci {<br />
color: var( --color-base--subtle, #b8b8b8 );<br />
}<br />
.archivio-indice .ai-voci a,<br />
.archivio-indice .ai-voci a:visited {<br />
color: #e7b142;<br />
font-weight: 500;<br />
text-decoration: none;<br />
}<br />
.archivio-indice .ai-voci a:hover {<br />
text-decoration: underline;<br />
}<br />
<br />
/* Catch-all "Tutte le pagine": compatto */<br />
.archivio-indice .ai-altre {<br />
padding-top: .55rem;<br />
}<br />
.archivio-indice .ai-voci-auto {<br />
margin-top: .3rem;<br />
font-size: .82rem;<br />
}<br />
.archivio-indice .ai-voci-auto table,<br />
.archivio-indice .ai-voci-auto .mw-prefixindex-list-table {<br />
width: 100%;<br />
display: block;<br />
}<br />
.archivio-indice .ai-voci-auto td,<br />
.archivio-indice .ai-voci-auto .mw-prefixindex-list {<br />
display: block;<br />
width: auto !important;<br />
}<br />
.archivio-indice .ai-voci-auto a {<br />
color: #e7b142;<br />
text-decoration: none;<br />
}<br />
.archivio-indice .ai-voci-auto a:hover {<br />
text-decoration: underline;<br />
}<br />
/* === [INDICE] fine === */</div>
Cranio is thinking
https://staging.wiki.etna.foundation/index.php?title=Template:IntestazionePagine&diff=1112
Template:IntestazionePagine
2026-06-15T20:02:19Z
<p>Cranio is thinking: Include l'indice d'archivio nel rail (ifexist, non sulla Dashboard)</p>
<hr />
<div><includeonly>{{DISPLAYTITLE:{{{titolo|{{PAGENAME}}}}}}}<span class="namespace-label">in: '''[[{{NAMESPACE}}:Dashboard|{{NAMESPACE}}]]'''</span>{{#ifeq:{{PAGENAME}}|Dashboard||{{#ifexist:Template:Indice {{NAMESPACE}}|{{Indice {{NAMESPACE}}|rail=1}}|}}}}</includeonly></div>
Cranio is thinking
https://staging.wiki.etna.foundation/index.php?title=Template:Indice_CinetecaSarda&diff=1111
Template:Indice CinetecaSarda
2026-06-15T20:00:11Z
<p>Cranio is thinking: Indice d'archivio: sorgente unica (curato + catch-all)</p>
<hr />
<div><includeonly><div class="archivio-indice{{#if:{{{rail|}}}| box-stato-archivio|}}"{{#if:{{{rail|}}}| data-stato-archivio="1"|}}><br />
<div class="ai-testata">[[CinetecaSarda:Dashboard|Cineteca Sarda]]</div><br />
<div class="ai-sez"><div class="ai-eti">Inquadramento</div><div class="ai-voci">[[CinetecaSarda:Nara|Nara]] · [[CinetecaSarda:Dossier|Dossier]] · [[CinetecaSarda:Piano Fase 2|Piano Fase 2]]</div></div><br />
<div class="ai-sez"><div class="ai-eti">Documentazione</div><div class="ai-voci">[[CinetecaSarda:Report tecnici|Report tecnici]] · [[CinetecaSarda:Legenda terminologica|Legenda]] · [[CinetecaSarda:Policy|Policy]]</div></div><br />
<div class="ai-sez"><div class="ai-eti">Sistema e dati</div><div class="ai-voci">[[CinetecaSarda:Scheda|Scheda]] · [[CinetecaSarda:Utenti ruoli permessi|Utenti, ruoli, permessi]]</div></div><br />
<div class="ai-sez"><div class="ai-eti">Avanzamento</div><div class="ai-voci">[[CinetecaSarda:Cronoprogramma|Cronoprogramma]] · [[CinetecaSarda:Diario|Diario]] · [[CinetecaSarda:Todo|Todo]]</div></div><br />
<div class="ai-sez"><div class="ai-eti">Infrastruttura</div><div class="ai-voci">[[CinetecaSarda:Network|Network]] · [[CinetecaSarda:Hardware|Hardware]] · [[CinetecaSarda:Software|Software]] · [[CinetecaSarda:Backup|Backup]]</div></div><br />
<div class="ai-altre"><div class="ai-eti">Tutte le pagine</div><div class="ai-voci-auto">{{Special:PrefixIndex/CinetecaSarda:|hideredirects=1|stripprefix=1}}</div></div><br />
</div></includeonly><noinclude><br />
Indice d'archivio del namespace '''CinetecaSarda'''. Sorgente unica: sezioni curate + "Tutte le pagine" generato in automatico (<code>Special:PrefixIndex</code>).<br />
<br />
Uso:<br />
* nel rail laterale (pagine di contenuto): <code><nowiki>{{Indice CinetecaSarda|rail=1}}</nowiki></code> — incluso da <code>IntestazionePagine</code>;<br />
* nel layout della Dashboard: <code><nowiki>{{Indice CinetecaSarda}}</nowiki></code> (senza rail).<br />
<br />
Per aggiungere una pagina a una sezione curata, modifica qui. Le pagine non ancora curate restano comunque elencate in "Tutte le pagine".<br />
<br />
[[Categoria:Template di struttura]]<br />
</noinclude></div>
Cranio is thinking
https://staging.wiki.etna.foundation/index.php?title=MediaWiki:Common.css&diff=1110
MediaWiki:Common.css
2026-06-15T19:48:44Z
<p>Cranio is thinking: Titolo editoriale leggero per le pagine di contenuto del namespace</p>
<hr />
<div>/* CSS placed here will be applied to all skins */<br />
<br />
#footer { display: none; }<br />
/* last modification stuff */<br />
#footer-info { display: none; }<br />
<br />
/* footer links */<br />
#footer-places { display: none; }<br />
<br />
/* powered by icon */<br />
#footer-icon { display: none; }<br />
<br />
.box-stato-archivio .citizen-card__body p{<br />
margin: 0 0 .75em 0;<br />
}<br />
.box-stato-archivio .citizen-card__body p:last-child{<br />
margin-bottom: 0;<br />
}<br />
<br />
/* === CSS per template IntestazionePagine === */<br />
<br />
.namespace-label{<br />
display:block;<br />
font-size:0.85em;<br />
margin-top:-0.3em;<br />
margin-bottom:0.6em;<br />
}<br />
.namespace-label a,<br />
.namespace-label a:visited{<br />
color:inherit;<br />
}<br />
<br />
/* === [ARCHIVIO-EDITORIALE] inizio === */<br />
/* Stile editoriale per le Dashboard dei namespace-archivio.<br />
Layout "articolo di prima pagina": corpo a sinistra, indice a destra,<br />
come griglia interna al contenuto (niente dipendenza dal rail di Citizen).<br />
Usa le variabili Citizen. Accent per-archivio via --ns-accent. */<br />
<br />
.archivio-editoriale {<br />
color: var( --color-base, #fff );<br />
--ns-accent: var( --color-link-red, var( --color-destructive, #d33 ) );<br />
}<br />
<br />
/* Cineteca Sarda (ns 3004): accent giallo del brand — dalla testata del logo<br />
di cinetecasarda.it — al posto del rosso, solo in questo namespace. */<br />
body.ns-3004 .archivio-editoriale {<br />
--ns-accent: #e7b142;<br />
}<br />
<br />
/* Griglia: articolo (1fr) + indice (colonna fissa) */<br />
.archivio-editoriale .art-layout {<br />
display: grid;<br />
grid-template-columns: minmax( 0, 1fr ) 300px;<br />
gap: 3.5rem;<br />
align-items: start;<br />
}<br />
.archivio-editoriale .art-main {<br />
min-width: 0;<br />
}<br />
<br />
/* Occhiello / cappello identitario */<br />
.archivio-editoriale .occhiello {<br />
margin: 0 0 .7rem;<br />
font-size: .9rem;<br />
letter-spacing: .04em;<br />
color: var( --color-base--subtle, #b8b8b8 );<br />
opacity: .85;<br />
}<br />
<br />
/* Headline da articolo di prima pagina */<br />
.archivio-editoriale .ce-headline {<br />
margin: 0 0 1.3rem;<br />
border: 0;<br />
font-size: clamp( 2.4rem, 4.6vw, 3.6rem );<br />
line-height: 1.03;<br />
font-weight: 700;<br />
letter-spacing: -.02em;<br />
color: #ffffff;<br />
}<br />
<br />
/* Lead: il racconto. Riempie la colonna dell'articolo. */<br />
.archivio-editoriale .lead {<br />
margin: 0;<br />
max-width: none;<br />
}<br />
.archivio-editoriale .lead p {<br />
margin: 0 0 1rem;<br />
font-size: 1.08rem;<br />
line-height: 1.6;<br />
color: var( --color-base--subtle, #b8b8b8 );<br />
}<br />
.archivio-editoriale .lead p:last-child {<br />
margin-bottom: 0;<br />
}<br />
.archivio-editoriale .lead strong {<br />
color: var( --color-base, #fff );<br />
font-weight: 600;<br />
}<br />
<br />
/* === Indice nella colonna destra === */<br />
.archivio-editoriale .art-aside {<br />
min-width: 0;<br />
}<br />
.archivio-editoriale .art-aside-titolo {<br />
margin: 0 0 .4rem;<br />
padding-bottom: .55rem;<br />
border-bottom: 1px solid var( --border-color-base, rgba( 255, 255, 255, .14 ) );<br />
font-size: .76rem;<br />
text-transform: uppercase;<br />
letter-spacing: .08em;<br />
color: var( --color-base--subtle, #b8b8b8 );<br />
}<br />
.archivio-editoriale .idx-sez {<br />
padding: .7rem 0;<br />
border-bottom: 1px solid var( --border-color-base, rgba( 255, 255, 255, .07 ) );<br />
}<br />
.archivio-editoriale .idx-sez:last-child {<br />
border-bottom: 0;<br />
}<br />
.archivio-editoriale .idx-eti {<br />
margin-bottom: .2rem;<br />
font-size: .98rem;<br />
font-weight: 600;<br />
color: #ffffff;<br />
}<br />
.archivio-editoriale .idx-voci {<br />
font-size: .9rem;<br />
line-height: 1.5;<br />
color: var( --color-base--subtle, #b8b8b8 );<br />
}<br />
.archivio-editoriale .idx-voci a,<br />
.archivio-editoriale .idx-voci a:visited {<br />
color: var( --ns-accent );<br />
font-weight: 500;<br />
text-decoration: none;<br />
}<br />
.archivio-editoriale .idx-voci a:hover {<br />
text-decoration: underline;<br />
}<br />
<br />
/* Sotto i 900px: indice sotto l'articolo */<br />
@media ( max-width: 900px ) {<br />
.archivio-editoriale .art-layout {<br />
grid-template-columns: 1fr;<br />
gap: 2.5rem;<br />
}<br />
}<br />
/* === [ARCHIVIO-EDITORIALE] fine === */<br />
<br />
/* === [DASH-HERO] inizio === */<br />
/* Dashboard come "articolo di prima pagina": nasconde il titolo standard di<br />
Citizen (firstHeading), perché l'headline editoriale vive nel contenuto.<br />
Resta il resto dell'header (nav/strumenti). Page-scoped (due varianti per<br />
l'escaping del ":"). */<br />
<br />
body.page-CinetecaSarda_Dashboard #firstHeading,<br />
body.page-CinetecaSarda-Dashboard #firstHeading,<br />
body.page-CinetecaSarda_Dashboard .mw-first-heading,<br />
body.page-CinetecaSarda-Dashboard .mw-first-heading,<br />
body.page-CinetecaSarda_Dashboard .mw-page-title-main,<br />
body.page-CinetecaSarda-Dashboard .mw-page-title-main {<br />
display: none !important;<br />
}<br />
<br />
/* Spazio per le due colonne (articolo + indice), moderato. */<br />
body.page-CinetecaSarda_Dashboard,<br />
body.page-CinetecaSarda-Dashboard {<br />
--width-layout: min( 1180px, 94vw );<br />
}<br />
/* === [DASH-HERO] fine === */<br />
<br />
/* === [NS-BRAND] inizio === */<br />
/* ==========================================================<br />
Brand CinetecaSarda (namespace 3004) — vale su TUTTE le pagine<br />
========================================================== */<br />
<br />
/* Link gialli del brand (dalla testata di cinetecasarda.it) al posto del blu<br />
di Citizen. I link a pagine mancanti (.new) restano rossi: segnale utile. */<br />
body.ns-3004 .mw-parser-output a:not( .new ),<br />
body.ns-3004 .mw-parser-output a:not( .new ):visited {<br />
color: #e7b142;<br />
}<br />
body.ns-3004 .mw-parser-output a:not( .new ):hover {<br />
color: #f1c878;<br />
}<br />
<br />
/* Titolo "editoriale leggero" per le pagine di contenuto: occhiello giallo<br />
sopra, titolo bianco pulito. Sulla Dashboard #firstHeading è nascosto<br />
(ha il suo hero), quindi questo occhiello lì non compare. */<br />
body.ns-3004 #firstHeading {<br />
color: #ffffff;<br />
}<br />
body.ns-3004 #firstHeading::before {<br />
content: "Cineteca Sarda";<br />
display: block;<br />
margin-bottom: .35rem;<br />
font-size: .8rem;<br />
font-weight: 500;<br />
letter-spacing: .08em;<br />
text-transform: uppercase;<br />
color: #e7b142;<br />
}<br />
/* L'etichetta "in: Cineteca Sarda" è sostituita dall'occhiello */<br />
body.ns-3004 .namespace-label {<br />
display: none;<br />
}<br />
/* === [NS-BRAND] fine === */</div>
Cranio is thinking
https://staging.wiki.etna.foundation/index.php?title=MediaWiki:Common.css&diff=1109
MediaWiki:Common.css
2026-06-15T19:44:52Z
<p>Cranio is thinking: Brand namespace: link gialli su tutte le pagine CinetecaSarda</p>
<hr />
<div>/* CSS placed here will be applied to all skins */<br />
<br />
#footer { display: none; }<br />
/* last modification stuff */<br />
#footer-info { display: none; }<br />
<br />
/* footer links */<br />
#footer-places { display: none; }<br />
<br />
/* powered by icon */<br />
#footer-icon { display: none; }<br />
<br />
.box-stato-archivio .citizen-card__body p{<br />
margin: 0 0 .75em 0;<br />
}<br />
.box-stato-archivio .citizen-card__body p:last-child{<br />
margin-bottom: 0;<br />
}<br />
<br />
/* === CSS per template IntestazionePagine === */<br />
<br />
.namespace-label{<br />
display:block;<br />
font-size:0.85em;<br />
margin-top:-0.3em;<br />
margin-bottom:0.6em;<br />
}<br />
.namespace-label a,<br />
.namespace-label a:visited{<br />
color:inherit;<br />
}<br />
<br />
/* === [ARCHIVIO-EDITORIALE] inizio === */<br />
/* Stile editoriale per le Dashboard dei namespace-archivio.<br />
Layout "articolo di prima pagina": corpo a sinistra, indice a destra,<br />
come griglia interna al contenuto (niente dipendenza dal rail di Citizen).<br />
Usa le variabili Citizen. Accent per-archivio via --ns-accent. */<br />
<br />
.archivio-editoriale {<br />
color: var( --color-base, #fff );<br />
--ns-accent: var( --color-link-red, var( --color-destructive, #d33 ) );<br />
}<br />
<br />
/* Cineteca Sarda (ns 3004): accent giallo del brand — dalla testata del logo<br />
di cinetecasarda.it — al posto del rosso, solo in questo namespace. */<br />
body.ns-3004 .archivio-editoriale {<br />
--ns-accent: #e7b142;<br />
}<br />
<br />
/* Griglia: articolo (1fr) + indice (colonna fissa) */<br />
.archivio-editoriale .art-layout {<br />
display: grid;<br />
grid-template-columns: minmax( 0, 1fr ) 300px;<br />
gap: 3.5rem;<br />
align-items: start;<br />
}<br />
.archivio-editoriale .art-main {<br />
min-width: 0;<br />
}<br />
<br />
/* Occhiello / cappello identitario */<br />
.archivio-editoriale .occhiello {<br />
margin: 0 0 .7rem;<br />
font-size: .9rem;<br />
letter-spacing: .04em;<br />
color: var( --color-base--subtle, #b8b8b8 );<br />
opacity: .85;<br />
}<br />
<br />
/* Headline da articolo di prima pagina */<br />
.archivio-editoriale .ce-headline {<br />
margin: 0 0 1.3rem;<br />
border: 0;<br />
font-size: clamp( 2.4rem, 4.6vw, 3.6rem );<br />
line-height: 1.03;<br />
font-weight: 700;<br />
letter-spacing: -.02em;<br />
color: #ffffff;<br />
}<br />
<br />
/* Lead: il racconto. Riempie la colonna dell'articolo. */<br />
.archivio-editoriale .lead {<br />
margin: 0;<br />
max-width: none;<br />
}<br />
.archivio-editoriale .lead p {<br />
margin: 0 0 1rem;<br />
font-size: 1.08rem;<br />
line-height: 1.6;<br />
color: var( --color-base--subtle, #b8b8b8 );<br />
}<br />
.archivio-editoriale .lead p:last-child {<br />
margin-bottom: 0;<br />
}<br />
.archivio-editoriale .lead strong {<br />
color: var( --color-base, #fff );<br />
font-weight: 600;<br />
}<br />
<br />
/* === Indice nella colonna destra === */<br />
.archivio-editoriale .art-aside {<br />
min-width: 0;<br />
}<br />
.archivio-editoriale .art-aside-titolo {<br />
margin: 0 0 .4rem;<br />
padding-bottom: .55rem;<br />
border-bottom: 1px solid var( --border-color-base, rgba( 255, 255, 255, .14 ) );<br />
font-size: .76rem;<br />
text-transform: uppercase;<br />
letter-spacing: .08em;<br />
color: var( --color-base--subtle, #b8b8b8 );<br />
}<br />
.archivio-editoriale .idx-sez {<br />
padding: .7rem 0;<br />
border-bottom: 1px solid var( --border-color-base, rgba( 255, 255, 255, .07 ) );<br />
}<br />
.archivio-editoriale .idx-sez:last-child {<br />
border-bottom: 0;<br />
}<br />
.archivio-editoriale .idx-eti {<br />
margin-bottom: .2rem;<br />
font-size: .98rem;<br />
font-weight: 600;<br />
color: #ffffff;<br />
}<br />
.archivio-editoriale .idx-voci {<br />
font-size: .9rem;<br />
line-height: 1.5;<br />
color: var( --color-base--subtle, #b8b8b8 );<br />
}<br />
.archivio-editoriale .idx-voci a,<br />
.archivio-editoriale .idx-voci a:visited {<br />
color: var( --ns-accent );<br />
font-weight: 500;<br />
text-decoration: none;<br />
}<br />
.archivio-editoriale .idx-voci a:hover {<br />
text-decoration: underline;<br />
}<br />
<br />
/* Sotto i 900px: indice sotto l'articolo */<br />
@media ( max-width: 900px ) {<br />
.archivio-editoriale .art-layout {<br />
grid-template-columns: 1fr;<br />
gap: 2.5rem;<br />
}<br />
}<br />
/* === [ARCHIVIO-EDITORIALE] fine === */<br />
<br />
/* === [DASH-HERO] inizio === */<br />
/* Dashboard come "articolo di prima pagina": nasconde il titolo standard di<br />
Citizen (firstHeading), perché l'headline editoriale vive nel contenuto.<br />
Resta il resto dell'header (nav/strumenti). Page-scoped (due varianti per<br />
l'escaping del ":"). */<br />
<br />
body.page-CinetecaSarda_Dashboard #firstHeading,<br />
body.page-CinetecaSarda-Dashboard #firstHeading,<br />
body.page-CinetecaSarda_Dashboard .mw-first-heading,<br />
body.page-CinetecaSarda-Dashboard .mw-first-heading,<br />
body.page-CinetecaSarda_Dashboard .mw-page-title-main,<br />
body.page-CinetecaSarda-Dashboard .mw-page-title-main {<br />
display: none !important;<br />
}<br />
<br />
/* Spazio per le due colonne (articolo + indice), moderato. */<br />
body.page-CinetecaSarda_Dashboard,<br />
body.page-CinetecaSarda-Dashboard {<br />
--width-layout: min( 1180px, 94vw );<br />
}<br />
/* === [DASH-HERO] fine === */<br />
<br />
/* === [NS-BRAND] inizio === */<br />
/* ==========================================================<br />
Brand CinetecaSarda (namespace 3004) — vale su TUTTE le pagine<br />
========================================================== */<br />
<br />
/* Link gialli del brand (dalla testata di cinetecasarda.it) al posto del blu<br />
di Citizen. I link a pagine mancanti (.new) restano rossi: segnale utile. */<br />
body.ns-3004 .mw-parser-output a:not( .new ),<br />
body.ns-3004 .mw-parser-output a:not( .new ):visited {<br />
color: #e7b142;<br />
}<br />
body.ns-3004 .mw-parser-output a:not( .new ):hover {<br />
color: #f1c878;<br />
}<br />
/* === [NS-BRAND] fine === */</div>
Cranio is thinking
https://staging.wiki.etna.foundation/index.php?title=MediaWiki:Common.css&diff=1108
MediaWiki:Common.css
2026-06-15T19:38:49Z
<p>Cranio is thinking: Accent giallo Cineteca, titoli indice bianchi, via i numerini</p>
<hr />
<div>/* CSS placed here will be applied to all skins */<br />
<br />
#footer { display: none; }<br />
/* last modification stuff */<br />
#footer-info { display: none; }<br />
<br />
/* footer links */<br />
#footer-places { display: none; }<br />
<br />
/* powered by icon */<br />
#footer-icon { display: none; }<br />
<br />
.box-stato-archivio .citizen-card__body p{<br />
margin: 0 0 .75em 0;<br />
}<br />
.box-stato-archivio .citizen-card__body p:last-child{<br />
margin-bottom: 0;<br />
}<br />
<br />
/* === CSS per template IntestazionePagine === */<br />
<br />
.namespace-label{<br />
display:block;<br />
font-size:0.85em;<br />
margin-top:-0.3em;<br />
margin-bottom:0.6em;<br />
}<br />
.namespace-label a,<br />
.namespace-label a:visited{<br />
color:inherit;<br />
}<br />
<br />
/* === [ARCHIVIO-EDITORIALE] inizio === */<br />
/* Stile editoriale per le Dashboard dei namespace-archivio.<br />
Layout "articolo di prima pagina": corpo a sinistra, indice a destra,<br />
come griglia interna al contenuto (niente dipendenza dal rail di Citizen).<br />
Usa le variabili Citizen. Accent per-archivio via --ns-accent. */<br />
<br />
.archivio-editoriale {<br />
color: var( --color-base, #fff );<br />
--ns-accent: var( --color-link-red, var( --color-destructive, #d33 ) );<br />
}<br />
<br />
/* Cineteca Sarda (ns 3004): accent giallo del brand — dalla testata del logo<br />
di cinetecasarda.it — al posto del rosso, solo in questo namespace. */<br />
body.ns-3004 .archivio-editoriale {<br />
--ns-accent: #e7b142;<br />
}<br />
<br />
/* Griglia: articolo (1fr) + indice (colonna fissa) */<br />
.archivio-editoriale .art-layout {<br />
display: grid;<br />
grid-template-columns: minmax( 0, 1fr ) 300px;<br />
gap: 3.5rem;<br />
align-items: start;<br />
}<br />
.archivio-editoriale .art-main {<br />
min-width: 0;<br />
}<br />
<br />
/* Occhiello / cappello identitario */<br />
.archivio-editoriale .occhiello {<br />
margin: 0 0 .7rem;<br />
font-size: .9rem;<br />
letter-spacing: .04em;<br />
color: var( --color-base--subtle, #b8b8b8 );<br />
opacity: .85;<br />
}<br />
<br />
/* Headline da articolo di prima pagina */<br />
.archivio-editoriale .ce-headline {<br />
margin: 0 0 1.3rem;<br />
border: 0;<br />
font-size: clamp( 2.4rem, 4.6vw, 3.6rem );<br />
line-height: 1.03;<br />
font-weight: 700;<br />
letter-spacing: -.02em;<br />
color: #ffffff;<br />
}<br />
<br />
/* Lead: il racconto. Riempie la colonna dell'articolo. */<br />
.archivio-editoriale .lead {<br />
margin: 0;<br />
max-width: none;<br />
}<br />
.archivio-editoriale .lead p {<br />
margin: 0 0 1rem;<br />
font-size: 1.08rem;<br />
line-height: 1.6;<br />
color: var( --color-base--subtle, #b8b8b8 );<br />
}<br />
.archivio-editoriale .lead p:last-child {<br />
margin-bottom: 0;<br />
}<br />
.archivio-editoriale .lead strong {<br />
color: var( --color-base, #fff );<br />
font-weight: 600;<br />
}<br />
<br />
/* === Indice nella colonna destra === */<br />
.archivio-editoriale .art-aside {<br />
min-width: 0;<br />
}<br />
.archivio-editoriale .art-aside-titolo {<br />
margin: 0 0 .4rem;<br />
padding-bottom: .55rem;<br />
border-bottom: 1px solid var( --border-color-base, rgba( 255, 255, 255, .14 ) );<br />
font-size: .76rem;<br />
text-transform: uppercase;<br />
letter-spacing: .08em;<br />
color: var( --color-base--subtle, #b8b8b8 );<br />
}<br />
.archivio-editoriale .idx-sez {<br />
padding: .7rem 0;<br />
border-bottom: 1px solid var( --border-color-base, rgba( 255, 255, 255, .07 ) );<br />
}<br />
.archivio-editoriale .idx-sez:last-child {<br />
border-bottom: 0;<br />
}<br />
.archivio-editoriale .idx-eti {<br />
margin-bottom: .2rem;<br />
font-size: .98rem;<br />
font-weight: 600;<br />
color: #ffffff;<br />
}<br />
.archivio-editoriale .idx-voci {<br />
font-size: .9rem;<br />
line-height: 1.5;<br />
color: var( --color-base--subtle, #b8b8b8 );<br />
}<br />
.archivio-editoriale .idx-voci a,<br />
.archivio-editoriale .idx-voci a:visited {<br />
color: var( --ns-accent );<br />
font-weight: 500;<br />
text-decoration: none;<br />
}<br />
.archivio-editoriale .idx-voci a:hover {<br />
text-decoration: underline;<br />
}<br />
<br />
/* Sotto i 900px: indice sotto l'articolo */<br />
@media ( max-width: 900px ) {<br />
.archivio-editoriale .art-layout {<br />
grid-template-columns: 1fr;<br />
gap: 2.5rem;<br />
}<br />
}<br />
/* === [ARCHIVIO-EDITORIALE] fine === */<br />
<br />
/* === [DASH-HERO] inizio === */<br />
/* Dashboard come "articolo di prima pagina": nasconde il titolo standard di<br />
Citizen (firstHeading), perché l'headline editoriale vive nel contenuto.<br />
Resta il resto dell'header (nav/strumenti). Page-scoped (due varianti per<br />
l'escaping del ":"). */<br />
<br />
body.page-CinetecaSarda_Dashboard #firstHeading,<br />
body.page-CinetecaSarda-Dashboard #firstHeading,<br />
body.page-CinetecaSarda_Dashboard .mw-first-heading,<br />
body.page-CinetecaSarda-Dashboard .mw-first-heading,<br />
body.page-CinetecaSarda_Dashboard .mw-page-title-main,<br />
body.page-CinetecaSarda-Dashboard .mw-page-title-main {<br />
display: none !important;<br />
}<br />
<br />
/* Spazio per le due colonne (articolo + indice), moderato. */<br />
body.page-CinetecaSarda_Dashboard,<br />
body.page-CinetecaSarda-Dashboard {<br />
--width-layout: min( 1180px, 94vw );<br />
}<br />
/* === [DASH-HERO] fine === */</div>
Cranio is thinking
https://staging.wiki.etna.foundation/index.php?title=MediaWiki:Common.css&diff=1105
MediaWiki:Common.css
2026-06-15T19:26:57Z
<p>Cranio is thinking: Indice a destra (griglia articolo+indice); via metriche e TOC-hide</p>
<hr />
<div>/* CSS placed here will be applied to all skins */<br />
<br />
#footer { display: none; }<br />
/* last modification stuff */<br />
#footer-info { display: none; }<br />
<br />
/* footer links */<br />
#footer-places { display: none; }<br />
<br />
/* powered by icon */<br />
#footer-icon { display: none; }<br />
<br />
.box-stato-archivio .citizen-card__body p{<br />
margin: 0 0 .75em 0;<br />
}<br />
.box-stato-archivio .citizen-card__body p:last-child{<br />
margin-bottom: 0;<br />
}<br />
<br />
/* === CSS per template IntestazionePagine === */<br />
<br />
.namespace-label{<br />
display:block;<br />
font-size:0.85em;<br />
margin-top:-0.3em;<br />
margin-bottom:0.6em;<br />
}<br />
.namespace-label a,<br />
.namespace-label a:visited{<br />
color:inherit;<br />
}<br />
<br />
/* === [ARCHIVIO-EDITORIALE] inizio === */<br />
/* Stile editoriale per le Dashboard dei namespace-archivio.<br />
Layout "articolo di prima pagina": corpo a sinistra, indice a destra,<br />
come griglia interna al contenuto (niente dipendenza dal rail di Citizen).<br />
Usa le variabili Citizen. Accent per-archivio via --ns-accent. */<br />
<br />
.archivio-editoriale {<br />
color: var( --color-base, #fff );<br />
--ns-accent: var( --color-link-red, var( --color-destructive, #d33 ) );<br />
}<br />
<br />
/* Griglia: articolo (1fr) + indice (colonna fissa) */<br />
.archivio-editoriale .art-layout {<br />
display: grid;<br />
grid-template-columns: minmax( 0, 1fr ) 300px;<br />
gap: 3.5rem;<br />
align-items: start;<br />
}<br />
.archivio-editoriale .art-main {<br />
min-width: 0;<br />
}<br />
<br />
/* Occhiello / cappello identitario */<br />
.archivio-editoriale .occhiello {<br />
margin: 0 0 .7rem;<br />
font-size: .9rem;<br />
letter-spacing: .04em;<br />
color: var( --color-base--subtle, #b8b8b8 );<br />
opacity: .85;<br />
}<br />
<br />
/* Headline da articolo di prima pagina */<br />
.archivio-editoriale .ce-headline {<br />
margin: 0 0 1.3rem;<br />
border: 0;<br />
font-size: clamp( 2.4rem, 4.6vw, 3.6rem );<br />
line-height: 1.03;<br />
font-weight: 700;<br />
letter-spacing: -.02em;<br />
color: var( --color-base, #fff );<br />
}<br />
<br />
/* Lead: il racconto. Riempie la colonna dell'articolo. */<br />
.archivio-editoriale .lead {<br />
margin: 0;<br />
max-width: none;<br />
}<br />
.archivio-editoriale .lead p {<br />
margin: 0 0 1rem;<br />
font-size: 1.08rem;<br />
line-height: 1.6;<br />
color: var( --color-base--subtle, #b8b8b8 );<br />
}<br />
.archivio-editoriale .lead p:last-child {<br />
margin-bottom: 0;<br />
}<br />
.archivio-editoriale .lead strong {<br />
color: var( --color-base, #fff );<br />
font-weight: 600;<br />
}<br />
<br />
/* === Indice nella colonna destra === */<br />
.archivio-editoriale .art-aside {<br />
min-width: 0;<br />
counter-reset: idx;<br />
}<br />
.archivio-editoriale .art-aside-titolo {<br />
margin: 0 0 .4rem;<br />
padding-bottom: .55rem;<br />
border-bottom: 1px solid var( --border-color-base, rgba( 255, 255, 255, .14 ) );<br />
font-size: .76rem;<br />
text-transform: uppercase;<br />
letter-spacing: .08em;<br />
color: var( --color-base--subtle, #b8b8b8 );<br />
}<br />
.archivio-editoriale .idx-sez {<br />
padding: .7rem 0;<br />
border-bottom: 1px solid var( --border-color-base, rgba( 255, 255, 255, .07 ) );<br />
}<br />
.archivio-editoriale .idx-sez:last-child {<br />
border-bottom: 0;<br />
}<br />
.archivio-editoriale .idx-eti {<br />
margin-bottom: .2rem;<br />
font-size: .98rem;<br />
font-weight: 600;<br />
}<br />
.archivio-editoriale .idx-eti::before {<br />
counter-increment: idx;<br />
content: counter( idx, decimal-leading-zero ) " ";<br />
color: var( --color-base--subtle, #b8b8b8 );<br />
font-weight: 500;<br />
font-size: .78em;<br />
}<br />
.archivio-editoriale .idx-voci {<br />
font-size: .9rem;<br />
line-height: 1.5;<br />
color: var( --color-base--subtle, #b8b8b8 );<br />
}<br />
.archivio-editoriale .idx-voci a {<br />
color: var( --ns-accent );<br />
font-weight: 500;<br />
text-decoration: none;<br />
}<br />
.archivio-editoriale .idx-voci a:hover {<br />
text-decoration: underline;<br />
}<br />
<br />
/* Sotto i 900px: indice sotto l'articolo */<br />
@media ( max-width: 900px ) {<br />
.archivio-editoriale .art-layout {<br />
grid-template-columns: 1fr;<br />
gap: 2.5rem;<br />
}<br />
}<br />
/* === [ARCHIVIO-EDITORIALE] fine === */<br />
<br />
/* === [DASH-HERO] inizio === */<br />
/* Dashboard come "articolo di prima pagina": nasconde il titolo standard di<br />
Citizen (firstHeading), perché l'headline editoriale vive nel contenuto.<br />
Resta il resto dell'header (nav/strumenti). Page-scoped (due varianti per<br />
l'escaping del ":"). */<br />
<br />
body.page-CinetecaSarda_Dashboard #firstHeading,<br />
body.page-CinetecaSarda-Dashboard #firstHeading,<br />
body.page-CinetecaSarda_Dashboard .mw-first-heading,<br />
body.page-CinetecaSarda-Dashboard .mw-first-heading,<br />
body.page-CinetecaSarda_Dashboard .mw-page-title-main,<br />
body.page-CinetecaSarda-Dashboard .mw-page-title-main {<br />
display: none !important;<br />
}<br />
<br />
/* Spazio per le due colonne (articolo + indice), moderato. */<br />
body.page-CinetecaSarda_Dashboard,<br />
body.page-CinetecaSarda-Dashboard {<br />
--width-layout: min( 1180px, 94vw );<br />
}<br />
/* === [DASH-HERO] fine === */</div>
Cranio is thinking
https://staging.wiki.etna.foundation/index.php?title=MediaWiki:Common.css&diff=1103
MediaWiki:Common.css
2026-06-15T19:21:50Z
<p>Cranio is thinking: Occhiello/titolo + pagina più larga + lead a piena larghezza</p>
<hr />
<div>/* CSS placed here will be applied to all skins */<br />
<br />
#footer { display: none; }<br />
/* last modification stuff */<br />
#footer-info { display: none; }<br />
<br />
/* footer links */<br />
#footer-places { display: none; }<br />
<br />
/* powered by icon */<br />
#footer-icon { display: none; }<br />
<br />
.box-stato-archivio .citizen-card__body p{<br />
margin: 0 0 .75em 0;<br />
}<br />
.box-stato-archivio .citizen-card__body p:last-child{<br />
margin-bottom: 0;<br />
}<br />
<br />
/* === CSS per template IntestazionePagine === */<br />
<br />
.namespace-label{<br />
display:block;<br />
font-size:0.85em;<br />
margin-top:-0.3em;<br />
margin-bottom:0.6em;<br />
}<br />
.namespace-label a,<br />
.namespace-label a:visited{<br />
color:inherit;<br />
}<br />
<br />
/* === [DASH-NOTOC] inizio === */<br />
/* Sulla Dashboard l'indice "vero" è quello editoriale nella colonna centrale.<br />
Le intestazioni servono solo a far esistere il rail destro: nascondiamo la<br />
TOC automatica di Citizen nel rail (resta solo la card "Stato"), così non si<br />
hanno due indici. Page-scoped (due varianti per l'escaping del ":"). */<br />
<br />
body.page-CinetecaSarda_Dashboard .citizen-toc,<br />
body.page-CinetecaSarda-Dashboard .citizen-toc,<br />
body.page-CinetecaSarda_Dashboard #toc,<br />
body.page-CinetecaSarda-Dashboard #toc {<br />
display: none !important;<br />
}<br />
/* === [DASH-NOTOC] fine === */<br />
<br />
/* === [ARCHIVIO-EDITORIALE] inizio === */<br />
/* Stile editoriale per le Dashboard dei namespace-archivio.<br />
Wrapper .archivio-editoriale (colonna principale) + card di stato nel rail<br />
destro di Citizen (via convenzione data-stato-archivio="1" + Citizen.js).<br />
Usa le variabili Citizen. Accent per-archivio via --ns-accent. */<br />
<br />
.archivio-editoriale {<br />
color: var( --color-base, #fff );<br />
--ns-accent: var( --color-link-red, var( --color-destructive, #d33 ) );<br />
counter-reset: sez;<br />
}<br />
<br />
/* Occhiello / cappello identitario */<br />
.archivio-editoriale .occhiello {<br />
margin: 0 0 .7rem;<br />
font-size: .9rem;<br />
letter-spacing: .04em;<br />
color: var( --color-base--subtle, #b8b8b8 );<br />
opacity: .85;<br />
}<br />
<br />
/* Headline editoriale: titolo da articolo di prima pagina */<br />
.archivio-editoriale .ce-headline {<br />
margin: 0 0 1.3rem;<br />
max-width: 20ch;<br />
border: 0;<br />
font-size: clamp( 2.2rem, 4.4vw, 3.4rem );<br />
line-height: 1.03;<br />
font-weight: 700;<br />
letter-spacing: -.02em;<br />
color: var( --color-base, #fff );<br />
}<br />
<br />
/* Lead: racconto d'apertura. Occupa lo spazio disponibile (niente colonnina). */<br />
.archivio-editoriale .lead {<br />
margin: 0 0 2.2rem;<br />
max-width: none;<br />
}<br />
.archivio-editoriale .lead p {<br />
margin: 0 0 1rem;<br />
font-size: 1.08rem;<br />
line-height: 1.6;<br />
color: var( --color-base--subtle, #b8b8b8 );<br />
}<br />
.archivio-editoriale .lead p:last-child {<br />
margin-bottom: 0;<br />
}<br />
.archivio-editoriale .lead strong {<br />
color: var( --color-base, #fff );<br />
font-weight: 600;<br />
}<br />
<br />
/* === Indice editoriale stretto, su intestazioni vere (h2) === */<br />
/* La TOC che ne deriva fa anche esistere il rail destro. */<br />
.archivio-editoriale .mw-heading2 {<br />
counter-increment: sez;<br />
display: flex;<br />
align-items: baseline;<br />
gap: .8rem;<br />
margin: 1.5rem 0 .3rem;<br />
padding-top: 1.1rem;<br />
border: 0;<br />
border-top: 1px solid var( --border-color-base, rgba( 255, 255, 255, .09 ) );<br />
}<br />
.archivio-editoriale .mw-heading2:first-of-type {<br />
border-top: 0;<br />
padding-top: .2rem;<br />
}<br />
.archivio-editoriale .mw-heading2::before {<br />
content: counter( sez, decimal-leading-zero );<br />
color: var( --color-base--subtle, #b8b8b8 );<br />
font-size: .8rem;<br />
font-weight: 500;<br />
letter-spacing: .03em;<br />
}<br />
.archivio-editoriale .mw-heading2 h2 {<br />
margin: 0;<br />
padding: 0;<br />
border: 0;<br />
font-size: 1.1rem;<br />
font-weight: 600;<br />
}<br />
.archivio-editoriale .mw-heading2 .mw-editsection {<br />
display: none;<br />
}<br />
/* Riga di link sotto ogni sezione */<br />
.archivio-editoriale .mw-heading2 + p {<br />
margin: .1rem 0 .2rem;<br />
color: var( --color-base--subtle, #b8b8b8 );<br />
line-height: 1.55;<br />
font-size: .98rem;<br />
}<br />
.archivio-editoriale .mw-heading2 + p a {<br />
color: var( --ns-accent );<br />
font-weight: 500;<br />
text-decoration: none;<br />
}<br />
.archivio-editoriale .mw-heading2 + p a:hover {<br />
text-decoration: underline;<br />
}<br />
<br />
/* === Card "Stato" nel rail destro (fuori dal wrapper: la sposta il JS) === */<br />
/* Righe metrica: etichetta a sinistra, valore a destra. */<br />
.box-stato-archivio .ce-metrica {<br />
display: flex;<br />
justify-content: space-between;<br />
align-items: baseline;<br />
gap: .6rem;<br />
padding: .25rem 0;<br />
font-size: .9rem;<br />
border-bottom: 1px solid var( --border-color-base, rgba( 255, 255, 255, .07 ) );<br />
}<br />
.box-stato-archivio .ce-metrica:last-of-type {<br />
border-bottom: 0;<br />
}<br />
.box-stato-archivio .ce-metrica .l {<br />
color: var( --color-base--subtle, #b8b8b8 );<br />
}<br />
.box-stato-archivio .ce-metrica .n {<br />
font-weight: 600;<br />
font-variant-numeric: tabular-nums;<br />
}<br />
.box-stato-archivio .ce-agg {<br />
margin: .7rem 0 0;<br />
font-size: .76rem;<br />
opacity: .7;<br />
font-style: italic;<br />
}<br />
/* === [ARCHIVIO-EDITORIALE] fine === */<br />
<br />
/* === [DASH-HERO] inizio === */<br />
/* Dashboard come "articolo di prima pagina": nasconde il titolo standard di<br />
Citizen (firstHeading), perché l'headline editoriale vive nel contenuto.<br />
Resta il resto dell'header (nav/strumenti). Page-scoped (due varianti per<br />
l'escaping del ":"). */<br />
<br />
body.page-CinetecaSarda_Dashboard #firstHeading,<br />
body.page-CinetecaSarda-Dashboard #firstHeading,<br />
body.page-CinetecaSarda_Dashboard .mw-first-heading,<br />
body.page-CinetecaSarda-Dashboard .mw-first-heading,<br />
body.page-CinetecaSarda_Dashboard .mw-page-title-main,<br />
body.page-CinetecaSarda-Dashboard .mw-page-title-main {<br />
display: none !important;<br />
}<br />
<br />
/* Più respiro: allarga la larghezza di Citizen su questa pagina (moderato,<br />
non edge-to-edge), così testo e card a destra usano davvero lo spazio. */<br />
body.page-CinetecaSarda_Dashboard,<br />
body.page-CinetecaSarda-Dashboard {<br />
--width-layout: min( 1500px, 92vw );<br />
}<br />
/* === [DASH-HERO] fine === */</div>
Cranio is thinking
https://staging.wiki.etna.foundation/index.php?title=MediaWiki:Common.css&diff=1100
MediaWiki:Common.css
2026-06-15T18:47:25Z
<p>Cranio is thinking: Headline articolo + lead a piena colonna + nasconde firstHeading</p>
<hr />
<div>/* CSS placed here will be applied to all skins */<br />
<br />
#footer { display: none; }<br />
/* last modification stuff */<br />
#footer-info { display: none; }<br />
<br />
/* footer links */<br />
#footer-places { display: none; }<br />
<br />
/* powered by icon */<br />
#footer-icon { display: none; }<br />
<br />
.box-stato-archivio .citizen-card__body p{<br />
margin: 0 0 .75em 0;<br />
}<br />
.box-stato-archivio .citizen-card__body p:last-child{<br />
margin-bottom: 0;<br />
}<br />
<br />
/* === CSS per template IntestazionePagine === */<br />
<br />
.namespace-label{<br />
display:block;<br />
font-size:0.85em;<br />
margin-top:-0.3em;<br />
margin-bottom:0.6em;<br />
}<br />
.namespace-label a,<br />
.namespace-label a:visited{<br />
color:inherit;<br />
}<br />
<br />
/* === [DASH-NOTOC] inizio === */<br />
/* Sulla Dashboard l'indice "vero" è quello editoriale nella colonna centrale.<br />
Le intestazioni servono solo a far esistere il rail destro: nascondiamo la<br />
TOC automatica di Citizen nel rail (resta solo la card "Stato"), così non si<br />
hanno due indici. Page-scoped (due varianti per l'escaping del ":"). */<br />
<br />
body.page-CinetecaSarda_Dashboard .citizen-toc,<br />
body.page-CinetecaSarda-Dashboard .citizen-toc,<br />
body.page-CinetecaSarda_Dashboard #toc,<br />
body.page-CinetecaSarda-Dashboard #toc {<br />
display: none !important;<br />
}<br />
/* === [DASH-NOTOC] fine === */<br />
<br />
/* === [ARCHIVIO-EDITORIALE] inizio === */<br />
/* Stile editoriale per le Dashboard dei namespace-archivio.<br />
Wrapper .archivio-editoriale (colonna principale) + card di stato nel rail<br />
destro di Citizen (via convenzione data-stato-archivio="1" + Citizen.js).<br />
Usa le variabili Citizen. Accent per-archivio via --ns-accent. */<br />
<br />
.archivio-editoriale {<br />
color: var( --color-base, #fff );<br />
--ns-accent: var( --color-link-red, var( --color-destructive, #d33 ) );<br />
counter-reset: sez;<br />
}<br />
<br />
/* Occhiello / cappello identitario */<br />
.archivio-editoriale .occhiello {<br />
margin: 0 0 .7rem;<br />
font-size: .9rem;<br />
letter-spacing: .04em;<br />
color: var( --color-base--subtle, #b8b8b8 );<br />
opacity: .85;<br />
}<br />
<br />
/* Headline editoriale: titolo da articolo di prima pagina */<br />
.archivio-editoriale .ce-headline {<br />
margin: 0 0 1.3rem;<br />
max-width: 20ch;<br />
border: 0;<br />
font-size: clamp( 2.2rem, 4.4vw, 3.4rem );<br />
line-height: 1.03;<br />
font-weight: 700;<br />
letter-spacing: -.02em;<br />
color: var( --color-base, #fff );<br />
}<br />
<br />
/* Lead: racconto d'apertura. Riempie la colonna fino alla card a destra. */<br />
.archivio-editoriale .lead {<br />
margin: 0 0 2.2rem;<br />
max-width: 80ch;<br />
}<br />
.archivio-editoriale .lead p {<br />
margin: 0 0 1rem;<br />
font-size: 1.08rem;<br />
line-height: 1.6;<br />
color: var( --color-base--subtle, #b8b8b8 );<br />
}<br />
.archivio-editoriale .lead p:last-child {<br />
margin-bottom: 0;<br />
}<br />
.archivio-editoriale .lead strong {<br />
color: var( --color-base, #fff );<br />
font-weight: 600;<br />
}<br />
<br />
/* === Indice editoriale stretto, su intestazioni vere (h2) === */<br />
/* La TOC che ne deriva fa anche esistere il rail destro. */<br />
.archivio-editoriale .mw-heading2 {<br />
counter-increment: sez;<br />
display: flex;<br />
align-items: baseline;<br />
gap: .8rem;<br />
margin: 1.5rem 0 .3rem;<br />
padding-top: 1.1rem;<br />
border: 0;<br />
border-top: 1px solid var( --border-color-base, rgba( 255, 255, 255, .09 ) );<br />
}<br />
.archivio-editoriale .mw-heading2:first-of-type {<br />
border-top: 0;<br />
padding-top: .2rem;<br />
}<br />
.archivio-editoriale .mw-heading2::before {<br />
content: counter( sez, decimal-leading-zero );<br />
color: var( --color-base--subtle, #b8b8b8 );<br />
font-size: .8rem;<br />
font-weight: 500;<br />
letter-spacing: .03em;<br />
}<br />
.archivio-editoriale .mw-heading2 h2 {<br />
margin: 0;<br />
padding: 0;<br />
border: 0;<br />
font-size: 1.1rem;<br />
font-weight: 600;<br />
}<br />
.archivio-editoriale .mw-heading2 .mw-editsection {<br />
display: none;<br />
}<br />
/* Riga di link sotto ogni sezione */<br />
.archivio-editoriale .mw-heading2 + p {<br />
margin: .1rem 0 .2rem;<br />
color: var( --color-base--subtle, #b8b8b8 );<br />
line-height: 1.55;<br />
font-size: .98rem;<br />
}<br />
.archivio-editoriale .mw-heading2 + p a {<br />
color: var( --ns-accent );<br />
font-weight: 500;<br />
text-decoration: none;<br />
}<br />
.archivio-editoriale .mw-heading2 + p a:hover {<br />
text-decoration: underline;<br />
}<br />
<br />
/* === Card "Stato" nel rail destro (fuori dal wrapper: la sposta il JS) === */<br />
/* Righe metrica: etichetta a sinistra, valore a destra. */<br />
.box-stato-archivio .ce-metrica {<br />
display: flex;<br />
justify-content: space-between;<br />
align-items: baseline;<br />
gap: .6rem;<br />
padding: .25rem 0;<br />
font-size: .9rem;<br />
border-bottom: 1px solid var( --border-color-base, rgba( 255, 255, 255, .07 ) );<br />
}<br />
.box-stato-archivio .ce-metrica:last-of-type {<br />
border-bottom: 0;<br />
}<br />
.box-stato-archivio .ce-metrica .l {<br />
color: var( --color-base--subtle, #b8b8b8 );<br />
}<br />
.box-stato-archivio .ce-metrica .n {<br />
font-weight: 600;<br />
font-variant-numeric: tabular-nums;<br />
}<br />
.box-stato-archivio .ce-agg {<br />
margin: .7rem 0 0;<br />
font-size: .76rem;<br />
opacity: .7;<br />
font-style: italic;<br />
}<br />
/* === [ARCHIVIO-EDITORIALE] fine === */<br />
<br />
/* === [DASH-HERO] inizio === */<br />
/* Dashboard come "articolo di prima pagina": nasconde il titolo standard di<br />
Citizen (firstHeading), perché l'headline editoriale vive nel contenuto.<br />
Resta il resto dell'header (nav/strumenti). Page-scoped (due varianti per<br />
l'escaping del ":"). */<br />
<br />
body.page-CinetecaSarda_Dashboard #firstHeading,<br />
body.page-CinetecaSarda-Dashboard #firstHeading,<br />
body.page-CinetecaSarda_Dashboard .mw-first-heading,<br />
body.page-CinetecaSarda-Dashboard .mw-first-heading,<br />
body.page-CinetecaSarda_Dashboard .mw-page-title-main,<br />
body.page-CinetecaSarda-Dashboard .mw-page-title-main {<br />
display: none !important;<br />
}<br />
/* === [DASH-HERO] fine === */</div>
Cranio is thinking
https://staging.wiki.etna.foundation/index.php?title=MediaWiki:Common.css&diff=1098
MediaWiki:Common.css
2026-06-15T18:35:08Z
<p>Cranio is thinking: Lead a due paragrafi (tono in corsa)</p>
<hr />
<div>/* CSS placed here will be applied to all skins */<br />
<br />
#footer { display: none; }<br />
/* last modification stuff */<br />
#footer-info { display: none; }<br />
<br />
/* footer links */<br />
#footer-places { display: none; }<br />
<br />
/* powered by icon */<br />
#footer-icon { display: none; }<br />
<br />
.box-stato-archivio .citizen-card__body p{<br />
margin: 0 0 .75em 0;<br />
}<br />
.box-stato-archivio .citizen-card__body p:last-child{<br />
margin-bottom: 0;<br />
}<br />
<br />
/* === CSS per template IntestazionePagine === */<br />
<br />
.namespace-label{<br />
display:block;<br />
font-size:0.85em;<br />
margin-top:-0.3em;<br />
margin-bottom:0.6em;<br />
}<br />
.namespace-label a,<br />
.namespace-label a:visited{<br />
color:inherit;<br />
}<br />
<br />
/* === [DASH-NOTOC] inizio === */<br />
/* Sulla Dashboard l'indice "vero" è quello editoriale nella colonna centrale.<br />
Le intestazioni servono solo a far esistere il rail destro: nascondiamo la<br />
TOC automatica di Citizen nel rail (resta solo la card "Stato"), così non si<br />
hanno due indici. Page-scoped (due varianti per l'escaping del ":"). */<br />
<br />
body.page-CinetecaSarda_Dashboard .citizen-toc,<br />
body.page-CinetecaSarda-Dashboard .citizen-toc,<br />
body.page-CinetecaSarda_Dashboard #toc,<br />
body.page-CinetecaSarda-Dashboard #toc {<br />
display: none !important;<br />
}<br />
/* === [DASH-NOTOC] fine === */<br />
<br />
/* === [ARCHIVIO-EDITORIALE] inizio === */<br />
/* Stile editoriale per le Dashboard dei namespace-archivio.<br />
Wrapper .archivio-editoriale (colonna principale) + card di stato nel rail<br />
destro di Citizen (via convenzione data-stato-archivio="1" + Citizen.js).<br />
Usa le variabili Citizen. Accent per-archivio via --ns-accent. */<br />
<br />
.archivio-editoriale {<br />
color: var( --color-base, #fff );<br />
--ns-accent: var( --color-link-red, var( --color-destructive, #d33 ) );<br />
counter-reset: sez;<br />
}<br />
<br />
/* Occhiello / cappello identitario */<br />
.archivio-editoriale .occhiello {<br />
margin: 0 0 .7rem;<br />
font-size: .9rem;<br />
letter-spacing: .04em;<br />
color: var( --color-base--subtle, #b8b8b8 );<br />
opacity: .85;<br />
}<br />
<br />
/* Lead: racconto d'apertura (prosa, misura controllata ~64ch) */<br />
.archivio-editoriale .lead {<br />
margin: 0 0 2.2rem;<br />
max-width: 64ch;<br />
}<br />
.archivio-editoriale .lead p {<br />
margin: 0 0 1rem;<br />
font-size: 1.08rem;<br />
line-height: 1.6;<br />
color: var( --color-base--subtle, #b8b8b8 );<br />
}<br />
.archivio-editoriale .lead p:last-child {<br />
margin-bottom: 0;<br />
}<br />
.archivio-editoriale .lead strong {<br />
color: var( --color-base, #fff );<br />
font-weight: 600;<br />
}<br />
<br />
/* === Indice editoriale stretto, su intestazioni vere (h2) === */<br />
/* La TOC che ne deriva fa anche esistere il rail destro. */<br />
.archivio-editoriale .mw-heading2 {<br />
counter-increment: sez;<br />
display: flex;<br />
align-items: baseline;<br />
gap: .8rem;<br />
margin: 1.5rem 0 .3rem;<br />
padding-top: 1.1rem;<br />
border: 0;<br />
border-top: 1px solid var( --border-color-base, rgba( 255, 255, 255, .09 ) );<br />
}<br />
.archivio-editoriale .mw-heading2:first-of-type {<br />
border-top: 0;<br />
padding-top: .2rem;<br />
}<br />
.archivio-editoriale .mw-heading2::before {<br />
content: counter( sez, decimal-leading-zero );<br />
color: var( --color-base--subtle, #b8b8b8 );<br />
font-size: .8rem;<br />
font-weight: 500;<br />
letter-spacing: .03em;<br />
}<br />
.archivio-editoriale .mw-heading2 h2 {<br />
margin: 0;<br />
padding: 0;<br />
border: 0;<br />
font-size: 1.1rem;<br />
font-weight: 600;<br />
}<br />
.archivio-editoriale .mw-heading2 .mw-editsection {<br />
display: none;<br />
}<br />
/* Riga di link sotto ogni sezione */<br />
.archivio-editoriale .mw-heading2 + p {<br />
margin: .1rem 0 .2rem;<br />
color: var( --color-base--subtle, #b8b8b8 );<br />
line-height: 1.55;<br />
font-size: .98rem;<br />
}<br />
.archivio-editoriale .mw-heading2 + p a {<br />
color: var( --ns-accent );<br />
font-weight: 500;<br />
text-decoration: none;<br />
}<br />
.archivio-editoriale .mw-heading2 + p a:hover {<br />
text-decoration: underline;<br />
}<br />
<br />
/* === Card "Stato" nel rail destro (fuori dal wrapper: la sposta il JS) === */<br />
/* Righe metrica: etichetta a sinistra, valore a destra. */<br />
.box-stato-archivio .ce-metrica {<br />
display: flex;<br />
justify-content: space-between;<br />
align-items: baseline;<br />
gap: .6rem;<br />
padding: .25rem 0;<br />
font-size: .9rem;<br />
border-bottom: 1px solid var( --border-color-base, rgba( 255, 255, 255, .07 ) );<br />
}<br />
.box-stato-archivio .ce-metrica:last-of-type {<br />
border-bottom: 0;<br />
}<br />
.box-stato-archivio .ce-metrica .l {<br />
color: var( --color-base--subtle, #b8b8b8 );<br />
}<br />
.box-stato-archivio .ce-metrica .n {<br />
font-weight: 600;<br />
font-variant-numeric: tabular-nums;<br />
}<br />
.box-stato-archivio .ce-agg {<br />
margin: .7rem 0 0;<br />
font-size: .76rem;<br />
opacity: .7;<br />
font-style: italic;<br />
}<br />
/* === [ARCHIVIO-EDITORIALE] fine === */</div>
Cranio is thinking
https://staging.wiki.etna.foundation/index.php?title=MediaWiki:Common.css&diff=1097
MediaWiki:Common.css
2026-06-15T18:22:19Z
<p>Cranio is thinking: Nasconde la TOC automatica sulla Dashboard (indice unico al centro)</p>
<hr />
<div>/* CSS placed here will be applied to all skins */<br />
<br />
#footer { display: none; }<br />
/* last modification stuff */<br />
#footer-info { display: none; }<br />
<br />
/* footer links */<br />
#footer-places { display: none; }<br />
<br />
/* powered by icon */<br />
#footer-icon { display: none; }<br />
<br />
.box-stato-archivio .citizen-card__body p{<br />
margin: 0 0 .75em 0;<br />
}<br />
.box-stato-archivio .citizen-card__body p:last-child{<br />
margin-bottom: 0;<br />
}<br />
<br />
/* === CSS per template IntestazionePagine === */<br />
<br />
.namespace-label{<br />
display:block;<br />
font-size:0.85em;<br />
margin-top:-0.3em;<br />
margin-bottom:0.6em;<br />
}<br />
.namespace-label a,<br />
.namespace-label a:visited{<br />
color:inherit;<br />
}<br />
<br />
/* === [ARCHIVIO-EDITORIALE] inizio === */<br />
/* Stile editoriale per le Dashboard dei namespace-archivio.<br />
Wrapper .archivio-editoriale (colonna principale) + card di stato nel rail<br />
destro di Citizen (via convenzione data-stato-archivio="1" + Citizen.js).<br />
Usa le variabili Citizen. Accent per-archivio via --ns-accent. */<br />
<br />
.archivio-editoriale {<br />
color: var( --color-base, #fff );<br />
--ns-accent: var( --color-link-red, var( --color-destructive, #d33 ) );<br />
counter-reset: sez;<br />
}<br />
<br />
/* Occhiello / cappello identitario */<br />
.archivio-editoriale .occhiello {<br />
margin: 0 0 .7rem;<br />
font-size: .9rem;<br />
letter-spacing: .04em;<br />
color: var( --color-base--subtle, #b8b8b8 );<br />
opacity: .85;<br />
}<br />
<br />
/* Riga di lancio (prosa: misura controllata) */<br />
.archivio-editoriale .lead {<br />
margin: 0 0 2.2rem;<br />
max-width: 60ch;<br />
font-size: 1.18rem;<br />
line-height: 1.55;<br />
color: var( --color-base--subtle, #b8b8b8 );<br />
}<br />
<br />
/* === Indice editoriale stretto, su intestazioni vere (h2) === */<br />
/* La TOC che ne deriva fa anche esistere il rail destro. */<br />
.archivio-editoriale .mw-heading2 {<br />
counter-increment: sez;<br />
display: flex;<br />
align-items: baseline;<br />
gap: .8rem;<br />
margin: 1.5rem 0 .3rem;<br />
padding-top: 1.1rem;<br />
border: 0;<br />
border-top: 1px solid var( --border-color-base, rgba( 255, 255, 255, .09 ) );<br />
}<br />
.archivio-editoriale .mw-heading2:first-of-type {<br />
border-top: 0;<br />
padding-top: .2rem;<br />
}<br />
.archivio-editoriale .mw-heading2::before {<br />
content: counter( sez, decimal-leading-zero );<br />
color: var( --color-base--subtle, #b8b8b8 );<br />
font-size: .8rem;<br />
font-weight: 500;<br />
letter-spacing: .03em;<br />
}<br />
.archivio-editoriale .mw-heading2 h2 {<br />
margin: 0;<br />
padding: 0;<br />
border: 0;<br />
font-size: 1.1rem;<br />
font-weight: 600;<br />
}<br />
.archivio-editoriale .mw-heading2 .mw-editsection {<br />
display: none;<br />
}<br />
/* Riga di link sotto ogni sezione */<br />
.archivio-editoriale .mw-heading2 + p {<br />
margin: .1rem 0 .2rem;<br />
color: var( --color-base--subtle, #b8b8b8 );<br />
line-height: 1.55;<br />
font-size: .98rem;<br />
}<br />
.archivio-editoriale .mw-heading2 + p a {<br />
color: var( --ns-accent );<br />
font-weight: 500;<br />
text-decoration: none;<br />
}<br />
.archivio-editoriale .mw-heading2 + p a:hover {<br />
text-decoration: underline;<br />
}<br />
<br />
/* === Card "Stato" nel rail destro (fuori dal wrapper: la sposta il JS) === */<br />
/* Righe metrica: etichetta a sinistra, valore a destra. */<br />
.box-stato-archivio .ce-metrica {<br />
display: flex;<br />
justify-content: space-between;<br />
align-items: baseline;<br />
gap: .6rem;<br />
padding: .25rem 0;<br />
font-size: .9rem;<br />
border-bottom: 1px solid var( --border-color-base, rgba( 255, 255, 255, .07 ) );<br />
}<br />
.box-stato-archivio .ce-metrica:last-of-type {<br />
border-bottom: 0;<br />
}<br />
.box-stato-archivio .ce-metrica .l {<br />
color: var( --color-base--subtle, #b8b8b8 );<br />
}<br />
.box-stato-archivio .ce-metrica .n {<br />
font-weight: 600;<br />
font-variant-numeric: tabular-nums;<br />
}<br />
.box-stato-archivio .ce-agg {<br />
margin: .7rem 0 0;<br />
font-size: .76rem;<br />
opacity: .7;<br />
font-style: italic;<br />
}<br />
/* === [ARCHIVIO-EDITORIALE] fine === */<br />
<br />
/* === [DASH-NOTOC] inizio === */<br />
/* Sulla Dashboard l'indice "vero" è quello editoriale nella colonna centrale.<br />
Le intestazioni servono solo a far esistere il rail destro: nascondiamo la<br />
TOC automatica di Citizen nel rail (resta solo la card "Stato"), così non si<br />
hanno due indici. Page-scoped (due varianti per l'escaping del ":"). */<br />
<br />
body.page-CinetecaSarda_Dashboard .citizen-toc,<br />
body.page-CinetecaSarda-Dashboard .citizen-toc,<br />
body.page-CinetecaSarda_Dashboard #toc,<br />
body.page-CinetecaSarda-Dashboard #toc {<br />
display: none !important;<br />
}<br />
/* === [DASH-NOTOC] fine === */</div>
Cranio is thinking
https://staging.wiki.etna.foundation/index.php?title=MediaWiki:Common.css&diff=1095
MediaWiki:Common.css
2026-06-15T18:18:12Z
<p>Cranio is thinking: v3: indice su intestazioni + card stato nel rail</p>
<hr />
<div>/* CSS placed here will be applied to all skins */<br />
<br />
#footer { display: none; }<br />
/* last modification stuff */<br />
#footer-info { display: none; }<br />
<br />
/* footer links */<br />
#footer-places { display: none; }<br />
<br />
/* powered by icon */<br />
#footer-icon { display: none; }<br />
<br />
.box-stato-archivio .citizen-card__body p{<br />
margin: 0 0 .75em 0;<br />
}<br />
.box-stato-archivio .citizen-card__body p:last-child{<br />
margin-bottom: 0;<br />
}<br />
<br />
/* === CSS per template IntestazionePagine === */<br />
<br />
.namespace-label{<br />
display:block;<br />
font-size:0.85em;<br />
margin-top:-0.3em;<br />
margin-bottom:0.6em;<br />
}<br />
.namespace-label a,<br />
.namespace-label a:visited{<br />
color:inherit;<br />
}<br />
<br />
/* === [ARCHIVIO-EDITORIALE] inizio === */<br />
/* Stile editoriale per le Dashboard dei namespace-archivio.<br />
Wrapper .archivio-editoriale (colonna principale) + card di stato nel rail<br />
destro di Citizen (via convenzione data-stato-archivio="1" + Citizen.js).<br />
Usa le variabili Citizen. Accent per-archivio via --ns-accent. */<br />
<br />
.archivio-editoriale {<br />
color: var( --color-base, #fff );<br />
--ns-accent: var( --color-link-red, var( --color-destructive, #d33 ) );<br />
counter-reset: sez;<br />
}<br />
<br />
/* Occhiello / cappello identitario */<br />
.archivio-editoriale .occhiello {<br />
margin: 0 0 .7rem;<br />
font-size: .9rem;<br />
letter-spacing: .04em;<br />
color: var( --color-base--subtle, #b8b8b8 );<br />
opacity: .85;<br />
}<br />
<br />
/* Riga di lancio (prosa: misura controllata) */<br />
.archivio-editoriale .lead {<br />
margin: 0 0 2.2rem;<br />
max-width: 60ch;<br />
font-size: 1.18rem;<br />
line-height: 1.55;<br />
color: var( --color-base--subtle, #b8b8b8 );<br />
}<br />
<br />
/* === Indice editoriale stretto, su intestazioni vere (h2) === */<br />
/* La TOC che ne deriva fa anche esistere il rail destro. */<br />
.archivio-editoriale .mw-heading2 {<br />
counter-increment: sez;<br />
display: flex;<br />
align-items: baseline;<br />
gap: .8rem;<br />
margin: 1.5rem 0 .3rem;<br />
padding-top: 1.1rem;<br />
border: 0;<br />
border-top: 1px solid var( --border-color-base, rgba( 255, 255, 255, .09 ) );<br />
}<br />
.archivio-editoriale .mw-heading2:first-of-type {<br />
border-top: 0;<br />
padding-top: .2rem;<br />
}<br />
.archivio-editoriale .mw-heading2::before {<br />
content: counter( sez, decimal-leading-zero );<br />
color: var( --color-base--subtle, #b8b8b8 );<br />
font-size: .8rem;<br />
font-weight: 500;<br />
letter-spacing: .03em;<br />
}<br />
.archivio-editoriale .mw-heading2 h2 {<br />
margin: 0;<br />
padding: 0;<br />
border: 0;<br />
font-size: 1.1rem;<br />
font-weight: 600;<br />
}<br />
.archivio-editoriale .mw-heading2 .mw-editsection {<br />
display: none;<br />
}<br />
/* Riga di link sotto ogni sezione */<br />
.archivio-editoriale .mw-heading2 + p {<br />
margin: .1rem 0 .2rem;<br />
color: var( --color-base--subtle, #b8b8b8 );<br />
line-height: 1.55;<br />
font-size: .98rem;<br />
}<br />
.archivio-editoriale .mw-heading2 + p a {<br />
color: var( --ns-accent );<br />
font-weight: 500;<br />
text-decoration: none;<br />
}<br />
.archivio-editoriale .mw-heading2 + p a:hover {<br />
text-decoration: underline;<br />
}<br />
<br />
/* === Card "Stato" nel rail destro (fuori dal wrapper: la sposta il JS) === */<br />
/* Righe metrica: etichetta a sinistra, valore a destra. */<br />
.box-stato-archivio .ce-metrica {<br />
display: flex;<br />
justify-content: space-between;<br />
align-items: baseline;<br />
gap: .6rem;<br />
padding: .25rem 0;<br />
font-size: .9rem;<br />
border-bottom: 1px solid var( --border-color-base, rgba( 255, 255, 255, .07 ) );<br />
}<br />
.box-stato-archivio .ce-metrica:last-of-type {<br />
border-bottom: 0;<br />
}<br />
.box-stato-archivio .ce-metrica .l {<br />
color: var( --color-base--subtle, #b8b8b8 );<br />
}<br />
.box-stato-archivio .ce-metrica .n {<br />
font-weight: 600;<br />
font-variant-numeric: tabular-nums;<br />
}<br />
.box-stato-archivio .ce-agg {<br />
margin: .7rem 0 0;<br />
font-size: .76rem;<br />
opacity: .7;<br />
font-style: italic;<br />
}<br />
/* === [ARCHIVIO-EDITORIALE] fine === */</div>
Cranio is thinking
https://staging.wiki.etna.foundation/index.php?title=MediaWiki:Common.css&diff=1094
MediaWiki:Common.css
2026-06-15T18:15:39Z
<p>Cranio is thinking: Rimuove full-bleed (si usa la colonna destra)</p>
<hr />
<div>/* CSS placed here will be applied to all skins */<br />
<br />
#footer { display: none; }<br />
/* last modification stuff */<br />
#footer-info { display: none; }<br />
<br />
/* footer links */<br />
#footer-places { display: none; }<br />
<br />
/* powered by icon */<br />
#footer-icon { display: none; }<br />
<br />
.box-stato-archivio .citizen-card__body p{<br />
margin: 0 0 .75em 0;<br />
}<br />
.box-stato-archivio .citizen-card__body p:last-child{<br />
margin-bottom: 0;<br />
}<br />
<br />
/* === CSS per template IntestazionePagine === */<br />
<br />
.namespace-label{<br />
display:block;<br />
font-size:0.85em;<br />
margin-top:-0.3em;<br />
margin-bottom:0.6em;<br />
}<br />
.namespace-label a,<br />
.namespace-label a:visited{<br />
color:inherit;<br />
}<br />
<br />
/* === [ARCHIVIO-EDITORIALE] inizio — prototipo staging === */<br />
/* Stile editoriale per le Dashboard dei namespace-archivio.<br />
Agganciato al wrapper .archivio-editoriale (in MediaWiki:Common.css).<br />
Usa le variabili Citizen → coerente col tema dark e con ogni skin.<br />
Accent per-archivio via --ns-accent sul wrapper. */<br />
<br />
.archivio-editoriale {<br />
color: var( --color-base, #fff );<br />
--ns-accent: var( --color-link-red, var( --color-destructive, #d33 ) );<br />
}<br />
<br />
/* Occhiello / cappello identitario */<br />
.archivio-editoriale .occhiello {<br />
margin: 0 0 .7rem;<br />
font-size: .9rem;<br />
letter-spacing: .04em;<br />
color: var( --color-base--subtle, #b8b8b8 );<br />
opacity: .85;<br />
}<br />
<br />
/* Riga di lancio (prosa: misura controllata ~60ch) */<br />
.archivio-editoriale .lead {<br />
margin: 0 0 2rem;<br />
max-width: 60ch;<br />
font-size: 1.18rem;<br />
line-height: 1.55;<br />
color: var( --color-base--subtle, #b8b8b8 );<br />
}<br />
<br />
/* Striscia di metriche (sostituisce la wikitable di stato) */<br />
.archivio-editoriale .metriche {<br />
display: flex;<br />
flex-wrap: wrap;<br />
gap: 2.4rem;<br />
margin: 0 0 1.4rem;<br />
padding: 0;<br />
}<br />
.archivio-editoriale .metrica-num {<br />
font-size: 2.1rem;<br />
line-height: 1;<br />
font-weight: 600;<br />
letter-spacing: -.02em;<br />
}<br />
.archivio-editoriale .metrica-label {<br />
margin-top: .4rem;<br />
font-size: .76rem;<br />
text-transform: uppercase;<br />
letter-spacing: .06em;<br />
color: var( --color-base--subtle, #b8b8b8 );<br />
}<br />
<br />
/* Nota di stato sotto le metriche (prosa: misura controllata) */<br />
.archivio-editoriale .stato-nota {<br />
margin: 0 0 2.4rem;<br />
max-width: 62ch;<br />
font-size: .96rem;<br />
line-height: 1.5;<br />
color: var( --color-base--subtle, #b8b8b8 );<br />
}<br />
.archivio-editoriale .stato-data {<br />
opacity: .7;<br />
font-style: italic;<br />
}<br />
<br />
/* === Indice editoriale stretto === */<br />
/* Voci numerate automaticamente (01, 02…), separate dallo spazio e da una<br />
hairline, non da scatole. Ritmo compatto. */<br />
.archivio-editoriale .indice-editoriale {<br />
counter-reset: voce;<br />
display: grid;<br />
gap: 0;<br />
margin-top: .5rem;<br />
}<br />
.archivio-editoriale .voce {<br />
display: grid;<br />
grid-template-columns: 2.6rem minmax( 0, 1fr );<br />
gap: 1rem;<br />
align-items: baseline;<br />
padding: .85rem 0;<br />
border-top: 1px solid var( --border-color-base, rgba( 255, 255, 255, .09 ) );<br />
}<br />
.archivio-editoriale .voce:first-child {<br />
border-top: 0;<br />
padding-top: .2rem;<br />
}<br />
.archivio-editoriale .voce::before {<br />
counter-increment: voce;<br />
content: counter( voce, decimal-leading-zero );<br />
color: var( --color-base--subtle, #b8b8b8 );<br />
font-size: .8rem;<br />
font-weight: 500;<br />
letter-spacing: .03em;<br />
}<br />
.archivio-editoriale .eti {<br />
font-size: 1.05rem;<br />
font-weight: 600;<br />
margin-bottom: .12rem;<br />
}<br />
.archivio-editoriale .voci {<br />
color: var( --color-base--subtle, #b8b8b8 );<br />
line-height: 1.55;<br />
font-size: .98rem;<br />
}<br />
.archivio-editoriale .voci a {<br />
color: var( --ns-accent );<br />
font-weight: 500;<br />
text-decoration: none;<br />
}<br />
.archivio-editoriale .voci a:hover {<br />
text-decoration: underline;<br />
}<br />
<br />
@media ( max-width: 720px ) {<br />
.archivio-editoriale .metriche {<br />
gap: 1.4rem 2rem;<br />
}<br />
.archivio-editoriale .metrica-num {<br />
font-size: 1.75rem;<br />
}<br />
.archivio-editoriale .voce {<br />
grid-template-columns: 2rem minmax( 0, 1fr );<br />
gap: .8rem;<br />
}<br />
}<br />
/* === [ARCHIVIO-EDITORIALE] fine === */</div>
Cranio is thinking
https://staging.wiki.etna.foundation/index.php?title=MediaWiki:Common.css&diff=1093
MediaWiki:Common.css
2026-06-15T18:06:49Z
<p>Cranio is thinking: Full-bleed Dashboard CinetecaSarda (tiene nav)</p>
<hr />
<div>/* CSS placed here will be applied to all skins */<br />
<br />
#footer { display: none; }<br />
/* last modification stuff */<br />
#footer-info { display: none; }<br />
<br />
/* footer links */<br />
#footer-places { display: none; }<br />
<br />
/* powered by icon */<br />
#footer-icon { display: none; }<br />
<br />
.box-stato-archivio .citizen-card__body p{<br />
margin: 0 0 .75em 0;<br />
}<br />
.box-stato-archivio .citizen-card__body p:last-child{<br />
margin-bottom: 0;<br />
}<br />
<br />
/* === CSS per template IntestazionePagine === */<br />
<br />
.namespace-label{<br />
display:block;<br />
font-size:0.85em;<br />
margin-top:-0.3em;<br />
margin-bottom:0.6em;<br />
}<br />
.namespace-label a,<br />
.namespace-label a:visited{<br />
color:inherit;<br />
}<br />
<br />
/* === [ARCHIVIO-EDITORIALE] inizio — prototipo staging === */<br />
/* Stile editoriale per le Dashboard dei namespace-archivio.<br />
Agganciato al wrapper .archivio-editoriale (in MediaWiki:Common.css).<br />
Usa le variabili Citizen → coerente col tema dark e con ogni skin.<br />
Accent per-archivio via --ns-accent sul wrapper. */<br />
<br />
.archivio-editoriale {<br />
color: var( --color-base, #fff );<br />
--ns-accent: var( --color-link-red, var( --color-destructive, #d33 ) );<br />
}<br />
<br />
/* Occhiello / cappello identitario */<br />
.archivio-editoriale .occhiello {<br />
margin: 0 0 .7rem;<br />
font-size: .9rem;<br />
letter-spacing: .04em;<br />
color: var( --color-base--subtle, #b8b8b8 );<br />
opacity: .85;<br />
}<br />
<br />
/* Riga di lancio (prosa: misura controllata ~60ch) */<br />
.archivio-editoriale .lead {<br />
margin: 0 0 2rem;<br />
max-width: 60ch;<br />
font-size: 1.18rem;<br />
line-height: 1.55;<br />
color: var( --color-base--subtle, #b8b8b8 );<br />
}<br />
<br />
/* Striscia di metriche (sostituisce la wikitable di stato) */<br />
.archivio-editoriale .metriche {<br />
display: flex;<br />
flex-wrap: wrap;<br />
gap: 2.4rem;<br />
margin: 0 0 1.4rem;<br />
padding: 0;<br />
}<br />
.archivio-editoriale .metrica-num {<br />
font-size: 2.1rem;<br />
line-height: 1;<br />
font-weight: 600;<br />
letter-spacing: -.02em;<br />
}<br />
.archivio-editoriale .metrica-label {<br />
margin-top: .4rem;<br />
font-size: .76rem;<br />
text-transform: uppercase;<br />
letter-spacing: .06em;<br />
color: var( --color-base--subtle, #b8b8b8 );<br />
}<br />
<br />
/* Nota di stato sotto le metriche (prosa: misura controllata) */<br />
.archivio-editoriale .stato-nota {<br />
margin: 0 0 2.4rem;<br />
max-width: 62ch;<br />
font-size: .96rem;<br />
line-height: 1.5;<br />
color: var( --color-base--subtle, #b8b8b8 );<br />
}<br />
.archivio-editoriale .stato-data {<br />
opacity: .7;<br />
font-style: italic;<br />
}<br />
<br />
/* === Indice editoriale stretto === */<br />
/* Voci numerate automaticamente (01, 02…), separate dallo spazio e da una<br />
hairline, non da scatole. Ritmo compatto. */<br />
.archivio-editoriale .indice-editoriale {<br />
counter-reset: voce;<br />
display: grid;<br />
gap: 0;<br />
margin-top: .5rem;<br />
}<br />
.archivio-editoriale .voce {<br />
display: grid;<br />
grid-template-columns: 2.6rem minmax( 0, 1fr );<br />
gap: 1rem;<br />
align-items: baseline;<br />
padding: .85rem 0;<br />
border-top: 1px solid var( --border-color-base, rgba( 255, 255, 255, .09 ) );<br />
}<br />
.archivio-editoriale .voce:first-child {<br />
border-top: 0;<br />
padding-top: .2rem;<br />
}<br />
.archivio-editoriale .voce::before {<br />
counter-increment: voce;<br />
content: counter( voce, decimal-leading-zero );<br />
color: var( --color-base--subtle, #b8b8b8 );<br />
font-size: .8rem;<br />
font-weight: 500;<br />
letter-spacing: .03em;<br />
}<br />
.archivio-editoriale .eti {<br />
font-size: 1.05rem;<br />
font-weight: 600;<br />
margin-bottom: .12rem;<br />
}<br />
.archivio-editoriale .voci {<br />
color: var( --color-base--subtle, #b8b8b8 );<br />
line-height: 1.55;<br />
font-size: .98rem;<br />
}<br />
.archivio-editoriale .voci a {<br />
color: var( --ns-accent );<br />
font-weight: 500;<br />
text-decoration: none;<br />
}<br />
.archivio-editoriale .voci a:hover {<br />
text-decoration: underline;<br />
}<br />
<br />
@media ( max-width: 720px ) {<br />
.archivio-editoriale .metriche {<br />
gap: 1.4rem 2rem;<br />
}<br />
.archivio-editoriale .metrica-num {<br />
font-size: 1.75rem;<br />
}<br />
.archivio-editoriale .voce {<br />
grid-template-columns: 2rem minmax( 0, 1fr );<br />
gap: .8rem;<br />
}<br />
}<br />
/* === [ARCHIVIO-EDITORIALE] fine === */<br />
<br />
/* === [FULLBLEED] inizio === */<br />
/* Full-bleed della Dashboard CinetecaSarda — tiene la nav.<br />
Citizen calcola il layout da --width-layout (default 1080px). Alzandola solo<br />
su questa pagina, il contenuto si allarga ma la TOC/sidebar (che usa<br />
--width-toc a parte) resta. Page-scoped: vale solo per la Dashboard.<br />
Più varianti della classe pagina per coprire l'escaping del ":". */<br />
<br />
body.page-CinetecaSarda_Dashboard {<br />
--width-layout: min( 1760px, 94vw );<br />
}<br />
body.page-CinetecaSarda-Dashboard {<br />
--width-layout: min( 1760px, 94vw );<br />
}<br />
/* === [FULLBLEED] fine === */</div>
Cranio is thinking
https://staging.wiki.etna.foundation/index.php?title=MediaWiki:Common.css&diff=1091
MediaWiki:Common.css
2026-06-15T17:56:17Z
<p>Cranio is thinking: Indice editoriale stretto (v2)</p>
<hr />
<div>/* CSS placed here will be applied to all skins */<br />
<br />
#footer { display: none; }<br />
/* last modification stuff */<br />
#footer-info { display: none; }<br />
<br />
/* footer links */<br />
#footer-places { display: none; }<br />
<br />
/* powered by icon */<br />
#footer-icon { display: none; }<br />
<br />
.box-stato-archivio .citizen-card__body p{<br />
margin: 0 0 .75em 0;<br />
}<br />
.box-stato-archivio .citizen-card__body p:last-child{<br />
margin-bottom: 0;<br />
}<br />
<br />
/* === CSS per template IntestazionePagine === */<br />
<br />
.namespace-label{<br />
display:block;<br />
font-size:0.85em;<br />
margin-top:-0.3em;<br />
margin-bottom:0.6em;<br />
}<br />
.namespace-label a,<br />
.namespace-label a:visited{<br />
color:inherit;<br />
}<br />
<br />
/* === [ARCHIVIO-EDITORIALE] inizio — prototipo staging === */<br />
/* Stile editoriale per le Dashboard dei namespace-archivio.<br />
Agganciato al wrapper .archivio-editoriale (in MediaWiki:Common.css).<br />
Usa le variabili Citizen → coerente col tema dark e con ogni skin.<br />
Accent per-archivio via --ns-accent sul wrapper. */<br />
<br />
.archivio-editoriale {<br />
color: var( --color-base, #fff );<br />
--ns-accent: var( --color-link-red, var( --color-destructive, #d33 ) );<br />
}<br />
<br />
/* Occhiello / cappello identitario */<br />
.archivio-editoriale .occhiello {<br />
margin: 0 0 .7rem;<br />
font-size: .9rem;<br />
letter-spacing: .04em;<br />
color: var( --color-base--subtle, #b8b8b8 );<br />
opacity: .85;<br />
}<br />
<br />
/* Riga di lancio (prosa: misura controllata ~60ch) */<br />
.archivio-editoriale .lead {<br />
margin: 0 0 2rem;<br />
max-width: 60ch;<br />
font-size: 1.18rem;<br />
line-height: 1.55;<br />
color: var( --color-base--subtle, #b8b8b8 );<br />
}<br />
<br />
/* Striscia di metriche (sostituisce la wikitable di stato) */<br />
.archivio-editoriale .metriche {<br />
display: flex;<br />
flex-wrap: wrap;<br />
gap: 2.4rem;<br />
margin: 0 0 1.4rem;<br />
padding: 0;<br />
}<br />
.archivio-editoriale .metrica-num {<br />
font-size: 2.1rem;<br />
line-height: 1;<br />
font-weight: 600;<br />
letter-spacing: -.02em;<br />
}<br />
.archivio-editoriale .metrica-label {<br />
margin-top: .4rem;<br />
font-size: .76rem;<br />
text-transform: uppercase;<br />
letter-spacing: .06em;<br />
color: var( --color-base--subtle, #b8b8b8 );<br />
}<br />
<br />
/* Nota di stato sotto le metriche (prosa: misura controllata) */<br />
.archivio-editoriale .stato-nota {<br />
margin: 0 0 2.4rem;<br />
max-width: 62ch;<br />
font-size: .96rem;<br />
line-height: 1.5;<br />
color: var( --color-base--subtle, #b8b8b8 );<br />
}<br />
.archivio-editoriale .stato-data {<br />
opacity: .7;<br />
font-style: italic;<br />
}<br />
<br />
/* === Indice editoriale stretto === */<br />
/* Voci numerate automaticamente (01, 02…), separate dallo spazio e da una<br />
hairline, non da scatole. Ritmo compatto. */<br />
.archivio-editoriale .indice-editoriale {<br />
counter-reset: voce;<br />
display: grid;<br />
gap: 0;<br />
margin-top: .5rem;<br />
}<br />
.archivio-editoriale .voce {<br />
display: grid;<br />
grid-template-columns: 2.6rem minmax( 0, 1fr );<br />
gap: 1rem;<br />
align-items: baseline;<br />
padding: .85rem 0;<br />
border-top: 1px solid var( --border-color-base, rgba( 255, 255, 255, .09 ) );<br />
}<br />
.archivio-editoriale .voce:first-child {<br />
border-top: 0;<br />
padding-top: .2rem;<br />
}<br />
.archivio-editoriale .voce::before {<br />
counter-increment: voce;<br />
content: counter( voce, decimal-leading-zero );<br />
color: var( --color-base--subtle, #b8b8b8 );<br />
font-size: .8rem;<br />
font-weight: 500;<br />
letter-spacing: .03em;<br />
}<br />
.archivio-editoriale .eti {<br />
font-size: 1.05rem;<br />
font-weight: 600;<br />
margin-bottom: .12rem;<br />
}<br />
.archivio-editoriale .voci {<br />
color: var( --color-base--subtle, #b8b8b8 );<br />
line-height: 1.55;<br />
font-size: .98rem;<br />
}<br />
.archivio-editoriale .voci a {<br />
color: var( --ns-accent );<br />
font-weight: 500;<br />
text-decoration: none;<br />
}<br />
.archivio-editoriale .voci a:hover {<br />
text-decoration: underline;<br />
}<br />
<br />
@media ( max-width: 720px ) {<br />
.archivio-editoriale .metriche {<br />
gap: 1.4rem 2rem;<br />
}<br />
.archivio-editoriale .metrica-num {<br />
font-size: 1.75rem;<br />
}<br />
.archivio-editoriale .voce {<br />
grid-template-columns: 2rem minmax( 0, 1fr );<br />
gap: .8rem;<br />
}<br />
}<br />
/* === [ARCHIVIO-EDITORIALE] fine === */</div>
Cranio is thinking
https://staging.wiki.etna.foundation/index.php?title=MediaWiki:Common.css&diff=1089
MediaWiki:Common.css
2026-06-15T17:25:32Z
<p>Cranio is thinking: Aggiunge stile editoriale archivio (.archivio-editoriale) — prototipo</p>
<hr />
<div>/* CSS placed here will be applied to all skins */<br />
<br />
#footer { display: none; }<br />
/* last modification stuff */<br />
#footer-info { display: none; }<br />
<br />
/* footer links */<br />
#footer-places { display: none; }<br />
<br />
/* powered by icon */<br />
#footer-icon { display: none; }<br />
<br />
.box-stato-archivio .citizen-card__body p{<br />
margin: 0 0 .75em 0;<br />
}<br />
.box-stato-archivio .citizen-card__body p:last-child{<br />
margin-bottom: 0;<br />
}<br />
<br />
/* === CSS per template IntestazionePagine === */<br />
<br />
.namespace-label{<br />
display:block;<br />
font-size:0.85em;<br />
margin-top:-0.3em;<br />
margin-bottom:0.6em;<br />
}<br />
.namespace-label a,<br />
.namespace-label a:visited{<br />
color:inherit;<br />
}<br />
/* === [ARCHIVIO-EDITORIALE] inizio — prototipo staging === */<br />
/* Stile editoriale per le Dashboard dei namespace-archivio.<br />
Caricato via <templatestyles> sulla pagina, agganciato al wrapper<br />
.archivio-editoriale. Usa le variabili Citizen → coerente col tema dark<br />
e con qualunque skin. Accent per-archivio via --ns-accent sul wrapper. */<br />
<br />
.archivio-editoriale {<br />
color: var( --color-base, #fff );<br />
--ns-accent: var( --color-link-red, var( --color-destructive, #d33 ) );<br />
}<br />
<br />
/* Occhiello / cappello identitario */<br />
.archivio-editoriale .occhiello {<br />
margin: 0 0 .7rem;<br />
font-size: .9rem;<br />
letter-spacing: .04em;<br />
color: var( --color-base--subtle, #b8b8b8 );<br />
opacity: .85;<br />
}<br />
<br />
/* Riga di lancio */<br />
.archivio-editoriale .lead {<br />
margin: 0 0 2.4rem;<br />
max-width: 46em;<br />
font-size: 1.2rem;<br />
line-height: 1.55;<br />
color: var( --color-base--subtle, #b8b8b8 );<br />
}<br />
<br />
/* Striscia di metriche (sostituisce la wikitable di stato) */<br />
.archivio-editoriale .metriche {<br />
display: flex;<br />
flex-wrap: wrap;<br />
gap: 2.6rem;<br />
margin: 0 0 1.6rem;<br />
padding: 0;<br />
}<br />
.archivio-editoriale .metrica-num {<br />
font-size: 2.2rem;<br />
line-height: 1;<br />
font-weight: 600;<br />
letter-spacing: -.02em;<br />
}<br />
.archivio-editoriale .metrica-label {<br />
margin-top: .4rem;<br />
font-size: .78rem;<br />
text-transform: uppercase;<br />
letter-spacing: .06em;<br />
color: var( --color-base--subtle, #b8b8b8 );<br />
}<br />
<br />
/* Nota di stato sotto le metriche */<br />
.archivio-editoriale .stato-nota {<br />
margin: 0 0 3rem;<br />
max-width: 52em;<br />
font-size: .98rem;<br />
line-height: 1.5;<br />
color: var( --color-base--subtle, #b8b8b8 );<br />
}<br />
.archivio-editoriale .stato-data {<br />
opacity: .7;<br />
font-style: italic;<br />
}<br />
<br />
/* Sezioni: titolo editoriale, separate dallo spazio (non da scatole) */<br />
.archivio-editoriale h2 {<br />
margin: 2.6rem 0 1.1rem;<br />
padding-top: 1.4rem;<br />
border: 0;<br />
border-top: 1px solid var( --border-color-base, rgba( 255, 255, 255, .09 ) );<br />
font-size: 1.45rem;<br />
font-weight: 600;<br />
letter-spacing: -.01em;<br />
}<br />
<br />
/* Liste-link: un solo idioma, niente puntini, ritmo dato dal CSS */<br />
.archivio-editoriale ul {<br />
margin: 0;<br />
padding: 0;<br />
list-style: none;<br />
display: grid;<br />
gap: .75rem;<br />
}<br />
.archivio-editoriale li {<br />
margin: 0;<br />
padding: 0;<br />
line-height: 1.5;<br />
color: var( --color-base--subtle, #b8b8b8 );<br />
}<br />
.archivio-editoriale li a {<br />
font-weight: 600;<br />
color: var( --ns-accent );<br />
text-decoration: none;<br />
}<br />
.archivio-editoriale li a:hover {<br />
text-decoration: underline;<br />
}<br />
<br />
@media ( max-width: 720px ) {<br />
.archivio-editoriale .metriche {<br />
gap: 1.6rem 2rem;<br />
}<br />
.archivio-editoriale .metrica-num {<br />
font-size: 1.8rem;<br />
}<br />
}<br />
/* === [ARCHIVIO-EDITORIALE] fine === */</div>
Cranio is thinking
https://staging.wiki.etna.foundation/index.php?title=Template:Editoriale_archivio/styles.css&diff=1087
Template:Editoriale archivio/styles.css
2026-06-15T17:22:56Z
<p>Cranio is thinking: Stile editoriale archivio (prototipo staging)</p>
<hr />
<div>/* Stile editoriale per le Dashboard dei namespace-archivio.<br />
Caricato via <templatestyles> sulla pagina, agganciato al wrapper<br />
.archivio-editoriale. Usa le variabili Citizen → coerente col tema dark<br />
e con qualunque skin. Accent per-archivio via --ns-accent sul wrapper. */<br />
<br />
.archivio-editoriale {<br />
color: var( --color-base, #fff );<br />
--ns-accent: var( --color-link-red, var( --color-destructive, #d33 ) );<br />
}<br />
<br />
/* Occhiello / cappello identitario */<br />
.archivio-editoriale .occhiello {<br />
margin: 0 0 .7rem;<br />
font-size: .9rem;<br />
letter-spacing: .04em;<br />
color: var( --color-base--subtle, #b8b8b8 );<br />
opacity: .85;<br />
}<br />
<br />
/* Riga di lancio */<br />
.archivio-editoriale .lead {<br />
margin: 0 0 2.4rem;<br />
max-width: 46em;<br />
font-size: 1.2rem;<br />
line-height: 1.55;<br />
color: var( --color-base--subtle, #b8b8b8 );<br />
}<br />
<br />
/* Striscia di metriche (sostituisce la wikitable di stato) */<br />
.archivio-editoriale .metriche {<br />
display: flex;<br />
flex-wrap: wrap;<br />
gap: 2.6rem;<br />
margin: 0 0 1.6rem;<br />
padding: 0;<br />
}<br />
.archivio-editoriale .metrica-num {<br />
font-size: 2.2rem;<br />
line-height: 1;<br />
font-weight: 600;<br />
letter-spacing: -.02em;<br />
}<br />
.archivio-editoriale .metrica-label {<br />
margin-top: .4rem;<br />
font-size: .78rem;<br />
text-transform: uppercase;<br />
letter-spacing: .06em;<br />
color: var( --color-base--subtle, #b8b8b8 );<br />
}<br />
<br />
/* Nota di stato sotto le metriche */<br />
.archivio-editoriale .stato-nota {<br />
margin: 0 0 3rem;<br />
max-width: 52em;<br />
font-size: .98rem;<br />
line-height: 1.5;<br />
color: var( --color-base--subtle, #b8b8b8 );<br />
}<br />
.archivio-editoriale .stato-data {<br />
opacity: .7;<br />
font-style: italic;<br />
}<br />
<br />
/* Sezioni: titolo editoriale, separate dallo spazio (non da scatole) */<br />
.archivio-editoriale h2 {<br />
margin: 2.6rem 0 1.1rem;<br />
padding-top: 1.4rem;<br />
border: 0;<br />
border-top: 1px solid var( --border-color-base, rgba( 255, 255, 255, .09 ) );<br />
font-size: 1.45rem;<br />
font-weight: 600;<br />
letter-spacing: -.01em;<br />
}<br />
<br />
/* Liste-link: un solo idioma, niente puntini, ritmo dato dal CSS */<br />
.archivio-editoriale ul {<br />
margin: 0;<br />
padding: 0;<br />
list-style: none;<br />
display: grid;<br />
gap: .75rem;<br />
}<br />
.archivio-editoriale li {<br />
margin: 0;<br />
padding: 0;<br />
line-height: 1.5;<br />
color: var( --color-base--subtle, #b8b8b8 );<br />
}<br />
.archivio-editoriale li a {<br />
font-weight: 600;<br />
color: var( --ns-accent );<br />
text-decoration: none;<br />
}<br />
.archivio-editoriale li a:hover {<br />
text-decoration: underline;<br />
}<br />
<br />
@media ( max-width: 720px ) {<br />
.archivio-editoriale .metriche {<br />
gap: 1.6rem 2rem;<br />
}<br />
.archivio-editoriale .metrica-num {<br />
font-size: 1.8rem;<br />
}<br />
}</div>
Cranio is thinking
https://staging.wiki.etna.foundation/index.php?title=File:20160920_Fiaf_Manual-WEB.pdf&diff=1080
File:20160920 Fiaf Manual-WEB.pdf
2026-03-09T11:13:36Z
<p>Cranio is thinking: manuale di catalogazione fiaf</p>
<hr />
<div>== Summary ==<br />
manuale di catalogazione fiaf</div>
Cranio is thinking