https://staging.wiki.etna.foundation/index.php?action=history&feed=atom&title=Template%3AEditoriale_archivio%2Fstyles.css 2026-06-15T21:11:40Z Revision history for this page on the wiki MediaWiki 1.45.0 https://staging.wiki.etna.foundation/index.php?title=Template:Editoriale_archivio/styles.css&diff=1087&oldid=prev 2026-06-15T17:22:56Z

<p>Stile editoriale archivio (prototipo staging)</p> <p><b>New page</b></p><div>/* Stile editoriale per le Dashboard dei namespace-archivio.<br /> Caricato via &lt;templatestyles&gt; 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