MediaWiki:Mobile.css

Da Semi del Verbo, l'enciclopedia dell'influenza del Vangelo sulla cultura
Versione del 30 ago 2020 alle 13:53 di Johnrdorazio (discussione | contributi) (Creata pagina con "→‎Gli stili CSS inseriti qui si applicano agli utenti che usano il sito per dispositivi mobili: →‎Sinottico semplificata: .sinottico { border: 1px solid #aaaaaa; back...")
(diff) ← Versione meno recente | Versione attuale (diff) | Versione più recente → (diff)

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)
  • Internet Explorer / Edge: tieni premuto il tasto Ctrl e fai clic su Aggiorna, oppure premi Ctrl-F5
  • Opera: premi Ctrl-F5.
/* Gli stili CSS inseriti qui si applicano agli utenti che usano il sito per dispositivi mobili */

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

.sinottico th {
	background-color: #f2f2f2;
	text-align: right;
	vertical-align: top;
	border-bottom: 1px solid #f9f9f9;
	padding-right: 0.5em;
}

.sinottico td {
	vertical-align: top;
	border: none;
}

.sinottico_testo_centrale {
	text-align: center;
}

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

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

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

.sinottico caption {
	font-weight: bold;
}

/* altrimenti appare indentato anche il titolo, forse per errore */
dl {
	margin-left:0;
}
dd {
	margin-left:1em;
}

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

/* 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;
}

.mobileonly {
	display: initial;
}