MediaWiki:Vector-2022.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.

/*
 * Colonna destra di Vector 2022: i riquadri «In questa pagina» e «Pagine collegate», creati da
 * MediaWiki:Vector-2022.js nel contenitore fisso della colonna, sotto il menu Aspetto quando un
 * lettore lo fissa lì. Solo Vector 2022 carica questa pagina: Minerva non ha colonna destra.
 *
 * Sorgente nel repo: wiki/bozze/MediaWiki_Vector-2022.css.wiki; scelte in wiki/tema/README.md,
 * «Colonna destra». Stesse regole di MediaWiki:Common.css: colori del testo e dei bordi dai
 * token di Codex (giorno e notte), colori ESN solo come filetto, caratteri e variabili
 * (--esn-titoli, --esn-testo, --esn-cyan …) definiti là, classi con il prefisso esn-.
 */

/* Vector dà larghezza alla colonna destra solo se vi è fissato un menu (Aspetto, Strumenti).
   Sulle pagine dei riquadri (namespace 0, lettura, non la Pagina principale) la colonna c'è
   comunque, con le stesse misure di Vector, già al primo disegno della pagina: il testo non si
   sposta quando arrivano i riquadri. Sotto i 1120 px Vector nasconde il contenitore fisso, e
   con lui i riquadri. Lo script toglie la riserva (esn-senza-colonna) su pagine inesistenti e
   redirect. */
@media screen and ( min-width: 1120px ) {
	html:not( .esn-senza-colonna ) body.ns-0.action-view:not( .page-Main_Page ) .vector-column-end {
		width: 12.25rem;
	}

	html:not( .esn-senza-colonna ) body.ns-0.action-view:not( .page-Main_Page ) .mw-body {
		column-gap: 24px;
	}
}

@media screen and ( min-width: 1680px ) {
	html:not( .esn-senza-colonna ) body.ns-0.action-view:not( .page-Main_Page ) .vector-column-end {
		width: 15.5rem;
	}
}

/* Rientro uguale a quello dei menu fissati sopra (.vector-pinned-container). */
.esn-colonna {
	padding: 0 16px 1em;
	font-family: var( --esn-testo, sans-serif );
	font-size: 0.875rem;
	line-height: 1.45;
	color: var( --color-base, #202122 );
}

.esn-colonna-riquadro {
	margin: 1.25em 0 0;
	padding-top: 0.5em;
	border-top: 2px solid var( --esn-colonna-colore, var( --esn-cyan, #00aeef ) );
}

.esn-colonna-riquadro:first-child {
	margin-top: 0;
}

.esn-colonna-ciano { --esn-colonna-colore: var( --esn-cyan, #00aeef ); }
.esn-colonna-verde { --esn-colonna-colore: var( --esn-green, #7ac143 ); }

/* Il titolo ha il peso dell'etichetta «Aspetto» di Vector, ma in Oswald come i titoli della wiki. */
.esn-colonna .esn-colonna-titolo {
	margin: 0 0 0.4em;
	padding: 0;
	border: 0;
	font-family: var( --esn-titoli, sans-serif );
	font-size: 1.05rem;
	font-weight: 500;
	line-height: 1.3;
	color: var( --color-base, #202122 );
}

.esn-colonna ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.esn-colonna li {
	margin: 0 0 0.3em;
}

.esn-colonna p {
	margin: 0.4em 0 0;
}

.esn-colonna-tenue,
.esn-colonna-sottotitolo,
.esn-colonna-piede {
	color: var( --color-subtle, #54595d );
}

.esn-colonna-sottotitolo {
	font-size: 0.93em;
}

.esn-colonna .esn-colonna-sottotitolo {
	margin: 0 0 0.4em;
}

.esn-colonna-piede {
	font-size: 0.93em;
}

/* L'avviso «da verificare» riprende il riquadro del template: fondo d'avviso e filetto arancione. */
.esn-colonna-avviso {
	display: block;
	margin: 0.5em 0 0;
	padding: 0.3em 0.6em;
	border-left: 3px solid var( --esn-orange, #f47b20 );
	background-color: var( --background-color-warning-subtle, #fdf2d5 );
	color: var( --color-base, #202122 );
}

.esn-colonna-avviso:visited {
	color: var( --color-base, #202122 );
}

.esn-colonna-segnala {
	font-weight: bold;
}