MediaWiki:Mobile.css

Da Wikipedia, l'enciclopedia libera.
Vai alla navigazione Vai alla ricerca

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.

/* Gli stili CSS inseriti qui si applicano agli utenti che usano il sito per dispositivi mobili */

/* classe sinottico semplificata */
.sinottico {
	background-color: #f8f9fa;
	border: 1px solid #c8ccd1;
	font-size: 95%;
	line-height: 1.4em;
	vertical-align: top;
}

.sinottico caption {
	font-weight: bold;
}

.sinottico th {
	background-color: #f3f3f3;
	border-right: 1px solid #e5e5e8;
	padding-right: 0.5em;
	text-align: left;
	vertical-align: top;
}

.sinottico td {
	vertical-align: top;
}

.sinottico_divisione th {
	background-color: #eeeeee;
	text-align: center;
}

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

html.skin-theme-clientpref-night .sinottico_piede {
	background: #27292d;
}

@media (prefers-color-scheme: dark) {
	html.skin-theme-clientpref-os .sinottico_piede {
		background: #27292d;
	}
}

.sinottico_sottotitolo {
    font-size: 80%;
}

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

.sinottico_testo_centrale {
	text-align: center;
}

/* migliora visibilità degli elenchi puntati nei sinottici */
.sinottico ul {
	padding-left: 1.5em;
}

/* sovrascrive bordo destro della skin Minerva */
.content .infobox > tbody > tr > th:not(:only-child),
.content .sinottico > tbody > tr > th:not(:only-child) {
	border-right: 1px solid #e5e5e8;
}

/* sovrascrive bordo inferiore della skin Minerva */
.content .infobox th, .content .infobox td,
.content .sinottico th, .content .sinottico td {
	border-bottom: 1px solid #e0e0e0;
}

/* sovrascrive margini della skin Minerva */
.content .sinottico_annidata {
	margin: 0;
	width: 100%;
}

/* permette di vedere le espressioni abbreviate senza mouse */
abbr[title]:focus::after,
abbr[title]:hover::after {
	background: white;
	border: 1px grey solid;
	content: attr(title);
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	left: 25%;
	max-height: 30%;
	overflow: scroll;
	padding: 5px;
	position: fixed;
	text-align: center;
	top: 35%;
	width: 50%;
	z-index: 101;
}