MediaWiki:Common.css

Versione del 20 giu 2022 alle 13:33 di Daimona Eaytoy (discussione | contributi) (Re-indento con tab, -"sezioni" per regole singole, -unità di misura da 0, regole con prefissi prima di quelle senza per favorire browser che le supportano, spiego meglio un paio di regole)

Questa pagina definisce alcuni parametri di aspetto e comportamento generale di tutte le pagine. Per personalizzarli vedi Aiuto:Stile utente.


Nota: dopo aver salvato è necessario pulire la cache del proprio browser per vedere i cambiamenti (per le pagine globali è comunque necessario attendere qualche minuto). Per Mozilla / Firefox / Safari: fare clic su Ricarica tenendo premuto il tasto delle maiuscole, oppure premere Ctrl-F5 o Ctrl-R (Command-R su Mac); per Chrome: premere Ctrl-Shift-R (Command-Shift-R su un Mac); per Konqueror: premere il pulsante Ricarica o il tasto F5; per Opera può essere necessario svuotare completamente la cache dal menù Strumenti → Preferenze; per Internet Explorer: mantenere premuto il tasto Ctrl mentre si preme il pulsante Aggiorna o premere Ctrl-F5.

/*
 * Impostazioni CSS comuni a tutti indipendentemente dalla skin
 * NOTA PER GLI AMMINISTRATORI DELL'INTERFACCIA: Si prega di non modificare senza preventiva discussione!
 */

/* Larghezza minima thumb [[Special:diff/44094478]] */
.thumbinner {
	min-width: 100px;
}

/* Stile per classi arabo, farsi e curdo usate dai relativi template */
.arabo,
.farsi,
.curdo {
   font-size:140%;
   font-family:serif;
}

/***** Classi per template sinottici */

.sinottico {
	background-color: #f8f9fa;
	border: 1px solid #c8ccd1;
	border-spacing: 0;
	clear: right;
	float: right;
	font-size: 95%;
	line-height: 1.4em;
	margin: 0 0 1em 1.5em;
	width: 280px;
}

.sinottico caption {
	font-weight: bold;
}

.sinottico > tbody > tr > th:not(:only-child),
.sinottico_annidata > tbody > tr > th:not(:only-child) {
	background-color: #f3f3f3;
	border-right: 1px solid #e5e5e8;
	text-align: left;
	vertical-align: top;
}

.sinottico > tbody > tr:not(:last-child) > td,
.sinottico > tbody > tr:not(:last-child) > th,
.sinottico_annidata > tbody > tr > td,
.sinottico_annidata > tbody > tr > th {
	border-bottom: 1px solid #e0e0e0;
}

/* da questo padding dipendono margin e width della classe sinottico_annidata */
.sinottico > tbody > tr > td,
.sinottico > tbody > tr > th:not(:only-child),
.sinottico_annidata > tbody > tr > td,
.sinottico_annidata > tbody > tr > th:not(:only-child) {
	padding: .25em .4em; 
}

.sinottico > tbody > tr > td,
.sinottico_annidata > tbody > tr > td {
	vertical-align: middle;
}

/* retrocompatibilità con gli stili precedenti al 2022, vedi ad es. t:Carica pubblica */
.sinottico > tbody > tr > td > hr:only-child {
	margin: 0.4em 0.2em;
}

/* elenchi più compatti all'interno dei sinottici */
.sinottico ul {
	margin: 0 0 0 1em;
	padding: 0;
}

/* margin e width dipendono dal padding delle celle */
.sinottico_annidata {
	border-spacing: 0;
	margin: 0 -.4em;
	width: calc(100% + calc(.4em * 2));
}

/* il margine dipende dal padding delle celle */
.sinottico_annidata:last-child {
	margin-bottom: -.2em;
}

.sinottico_annidata:last-child > tbody > tr:last-child > td,
.sinottico_annidata:last-child > tbody > tr:last-child > th {
	border-bottom: none;
}

/* mantiene leggero stacco degli stili precedenti al 2022, vedi ad es. t:Carica pubblica */
.sinottico_divisione + .sinottico_divisione > th,
.sinottico_testata + .sinottico_divisione > th {
	border-top: 2px solid #f8f9fa;
}

.sinottico_divisione th {
	background-color: #eeeeee;
	padding: .15em .4em;
	text-align: center;
}

.sinottico_piede {
	text-align: center;
	font-size: 90%;
	background: #EFEFEF;
}

/* secondo piede con i collegamenti fissi a wikidata/man */
.sinottico_piede2 {
	background-color: white;
	font-size: xx-small;
	padding-bottom: 0;
	text-align: right;
}

.sinottico_sottotitolo {
	font-size: 80%;
}

.sinottico_testata th {
	background-color: #dedede;
	font-size: 116%;
	padding: .2em .4em;
	text-align: center;
}

.sinottico_testo_centrale {
	text-align: center;
}

/***** Riquadro semplice usato per gli avvisi agli utenti */

.messagebox {
	border: 1px solid #aaa;
	background-color: #f9f9f9;
	width: 80%;
	margin: 0 auto 1em auto;
	padding: .5em;
}

/***** Stili del template Avviso */
table.avviso {
  margin: 5px 10%; /* Non si sovrappone ad altri elementi */
  border-collapse: collapse; 
  background: #fbfbfb; 
  border: 1px solid #aaa; 
}
.avviso-testo { /* Corpo del messaggio */
  padding: 0.25em 0.5em;
  width: 100%; /* Rende tutti i template della stessa lunghezza nonostante il testo interno */
}
.avviso-immagine { /* Stile dell'immagine a sinistra */
  padding: 2px 0 2px 0.5em;
  text-align: center; 
}
.avviso-immaginedestra { /* Stile dell'immagine a destra */
  padding: 2px 4px 2px 0;
  text-align: center; 
}
table.avviso-informazioni {
  border-left: 10px solid #1e90ff; /* Blu */
}
table.avviso-cancella,
table.avviso-importante {
  border-left: 10px solid #b22222; /* Rosso */
}
table.avviso-contenuto {
  border-left: 10px solid #f28500; /* Arancio */
}
table.avviso-stile {
  border-left: 10px solid #f4c430; /* Giallo */
}
table.avviso-statico {
  border-left: 10px solid limegreen; /* Verde */
}
table.avviso-struttura {
  border-left: 10px solid #9932cc; /* Viola */
}
table.avviso-generico {
  border-left: 10px solid #bba; /* Grigio */
}

/***** Stili per template vari */

.itwiki_template_avviso {
  clear:both;
  text-align:left;
  background-color: #EEF8FF;
  padding-bottom: 0.5em;
}
.itwiki_template_avviso .intestazione {
  font-weight:bold;
}

.itwiki_template_toc {
	border: 1px solid #aaaaaa;
	background-color: #f9f9f9;
	padding: 0;
	font-size: 95%;
}

/***** classi per arrotondare i bordi dei div e delle tabelle */
.radius {
	-moz-border-radius: 1em;
	border-radius: 1em;
}
.radius_top {
	-moz-border-radius-topright: 1em;
	-moz-border-radius-topleft: 1em;
	border-top-right-radius: 1em;
	border-top-left-radius: 1em;
}
.radius_bottom {
	-moz-border-radius-bottomright: 1em;
	-moz-border-radius-bottomleft: 1em;
	border-bottom-right-radius: 1em;
	border-bottom-left-radius: 1em;
}
.rad {
	-moz-border-radius: .5em;
	border-radius: .5em;
}

/***** Per elementi che non vanno stampati */
@media print {
	.noprint {
		display: none
	}
}

/* Per elementi che vanno solo nella stampa.
   Funziona solo con i PDF (il PDF renderer la ignora), non con Versione stampabile */
.onlyinprint {
	display: none
}

/***** Evita che i link vadano a capo */
.nowraplinks a {
	white-space: nowrap;
}

/***** Note <references/> */

/* evidenziazione */
ol.references > li:target {
 background-color: #DEF;
}

sup.reference:target {
 background-color: #DEF;
}

/* rimpicciolimento */
ol.references {
   font-size: 90%;
}

/* colorazione della bibliografia tramite l'utilizzo del template "Cita" e simili" */
cite:target {
	background-color: #DDEEFF;
}

/* [[Speciale:PermaLink/90830636#urlmorto=sì]] e [[Speciale:PermaLink/90830636#Fix. «Citazione» a capo]] */
.citation .cite-q {
	padding-left:1.5em;
}

/***** evita di grassettare/ingrandire i numeri delle note quando si trovano in un titolo */
.reference {
	font-weight: normal;
	font-size: 0.7rem;
	font-family: sans-serif;
}

/*punto esclamativo rosso per le modifiche non verificate*/
.unpatrolled {
	color:red;
	font-weight:bold;
}

/* evita di andare a capo ([[Template:Tutto attaccato]]) */
.nowrap {
	white-space: nowrap;
}

/* {{note strette}} e {{div col}}. Questi stili non possono essere aggiunti
  mediante TemplateStyles a causa dei prefissi -moz- e -webkit-.
*/
.colonne {
	-webkit-column-width: 30em;
	-moz-column-width: 30em;
	column-width: 30em;
}
.colonne_strette {
	-webkit-column-width: 20em;
	-moz-column-width: 20em;
	column-width: 20em;
}

/* Nasconde il sottotitolo e aggiusta lo spazio attorno al titolo su Aiuto:Creazione guidata di una voce */
.action-view.rootpage-Aiuto_Creazione_guidata_di_una_voce #contentSub {
	display: none;
}

.action-view.rootpage-Aiuto_Creazione_guidata_di_una_voce #firstHeading > span {
	position: relative !important;
}