MediaWiki:Common.css

Nota: dopo aver pubblicato, potrebbe essere necessario pulire la cache del proprio browser per vedere i cambiamenti.

• Firefox / Safari: tieni premuto il tasto delle maiuscole Shift e fai clic su Ricarica, oppure premi Ctrl-F5 o Ctrl-R (⌘-R su Mac)
• Google Chrome: premi Ctrl-Shift-R (⌘-Shift-R su un Mac)
• Edge: tieni premuto il tasto Ctrl e fai clic su Aggiorna, oppure premi Ctrl-F5.

/*
 * Tema della Wiki di ESN Milano Statale.
 *
 * Sorgente nel repo: wiki/bozze/MediaWiki_Common.css.wiki; scelte e prove in wiki/tema/README.md.
 * Vale per tutti i lettori e per tutte le skin (Vector 2022 su desktop, Minerva su mobile).
 *
 * Regole:
 * - i colori del testo, degli sfondi e dei bordi vengono dai token di Codex (var(--…)), che la
 *   skin ridefinisce in modalità notte; il secondo valore di var() è il colore chiaro, per una
 *   skin che non li definisce;
 * - i colori ESN sono fissi (manuale d'identità visiva) e qui decorano soltanto: nessuno porta
 *   testo, perché su sfondo chiaro solo il Blu scuro regge come testo e su sfondo scuro solo il
 *   Ciano;
 * - si stilano le classi dei template (prefisso esn-), non la skin.
 * - nei commenti i template si nominano senza graffe: MediaWiki registra le graffe anche
 *   in un foglio di stile, e la pagina finirebbe nella categoria del template.
 */

/* Colori ESN (Visual Identity Manual 2023, p9): non si alterano. Si dichiarano solo quelli
   usati; gli altri sono Ciano #00aeef, Magenta #ec008c, Verde #7ac143, Blu scuro #2e3192. */
:root {
	--esn-orange: #f47b20;
}

/* Template:Da verificare: riquadro di avviso. Il filetto a sinistra è l'Arancione ESN: decorativo,
   si vede in entrambi i temi (5,7:1 sul fondo notte del riquadro, 2,5:1 su quello chiaro): a dire
   che cos'è il riquadro è il testo «Da verificare.» in grassetto, non il colore. */
.esn-da-verificare {
	margin: 0.5em 0;
	padding: 0.6em 1em;
	border: 1px solid var( --border-color-subtle, #c8ccd1 );
	border-left: 4px solid var( --esn-orange );
	background-color: var( --background-color-warning-subtle, #fdf2d5 );
	color: var( --color-base, #202122 );
}

/* Template:Fonte: la riga della fonte, un po' più piccola del testo. */
.esn-fonte {
	font-size: 95%;
}

/* La data di consultazione dentro Template:Fonte. */
.esn-fonte-data {
	color: var( --color-subtle, #54595d );
}

/* Template:Ultimo aggiornamento: riga discreta in fondo alla pagina, sotto un filetto. */
.esn-aggiornamento {
	clear: both;
	margin-top: 1.5em;
	padding-top: 0.4em;
	border-top: 1px solid var( --border-color-muted, #dadde3 );
	font-size: 90%;
	color: var( --color-subtle, #54595d );
}

/* Parametro obbligatorio mancante («fonte non indicata», «data non indicata»): rosso d'errore,
   così salta all'occhio di chi rilegge. */
.esn-mancante {
	color: var( --color-error, #bf3c2c );
}