MediaWiki:Common.css: differenze tra le versioni

Da Semi del Verbo, l'enciclopedia dell'influenza del Vangelo sulla cultura
Nessun oggetto della modifica
Nessun oggetto della modifica
(10 versioni intermedie di uno stesso utente non sono mostrate)
Riga 343: Riga 343:
.mobileonly {
.mobileonly {
display: none;
display: none;
}
.nomobile {
display: initial;
}
.mw-parser-output a.extiw:visited {
color: #36b;
}
/* For template documentation */
/* TemplateStyles */
.template-documentation {
clear: both;
margin: 1em 0 0 0;
border: 1px solid #a2a9b1;
background-color: #ecfcf4;
padding: 1em;
}
span.bibleQuoteRef {
color: #36b;
font-weight: bold;
cursor: help;
display: inline-block;
line-height: 0.8em;
border-bottom: 1px dashed #36b;
}
div.bibleQuoteRef {
border: 1px solid Gray;
border-radius: 6px;
padding: 6px 12px;
margin: 6px auto;
max-width: 80%;
background-color:Gray;
}
/*
.bibleQuoteRef:hover {
text-decoration: underline;
}
*/
.bibleGetQuote {
border: 1px solid #aaa;
padding: 9px 12px;
background-color: white;
box-shadow: 6px 6px 12px lightgray;
max-width: 400px;
min-width: 380px;
font-size: .8em;
}
.bibleGetQuote.ready {
position: absolute;
top: 0;
}
.bibleGetQuote.hidden {
left: -1000px;
}
.bibleGetQuote.sticky {
overflow-y: auto;
height: 90vh;
border-right: 0px;
}
.bibleGetQuote.sticky .closeButton {
display: block;
position: absolute;
top: 3px;
right: 5px;
background-color: lightgrey;
border: 1px groove Gray;
font-weight: bold;
text-align: center;
width: 2em;
height: 1.8em;
font-size: 1em;
padding-top: .4em;
color: DarkRed;
cursor: pointer;
}
.bibleGetQuote.sticky .closeButton:hover {
background-color: #dfdfdf;
color: Red;
}
.bibleQuoteRefBroken {
color:#36b;
font-weight:bold;
display: inline-block;
line-height: 0.8em;
border-bottom: 1px dashed Red;
cursor: help;
}
.bibleQuoteRefBrokenReason {
color:red;
font-weight:bold;
cursor:help;
}
/*.bibleQuote.results { font-family:'Quattrocento'; }*/
.bibleQuote.results p { margin: 0; }
.bibleQuote.results .bibleVersion {
color: #5a5aad;
text-align: center;
font-size:0.9em;
font-weight: bold;
font-style: normal;
text-decoration: none;
}
.bibleQuote.results .bookChapter {
color: #b40505;
font-size:1em;
font-weight: bold;
font-style: normal;
text-decoration: none;
text-align: left;
}
.bibleQuote.results .versesParagraph {
color: #666666;
text-align: justify;
font-size:1em;
font-weight: normal;
font-style: normal;
text-decoration: none;
line-height: 1.5em;
}
.bibleQuote.results .versesParagraph .verseNum {
color: #AA0000;
margin: 0px 3px;
font-weight: bold;
font-style: normal;
text-decoration: none;
vertical-align: baseline;
position: relative; top: -0.6em;
font-size: .83em;
/*vertical-align: super;*/
}
.bibleQuote.results .versesParagraph .sm { text-transform: lowercase; font-variant: small-caps; }
.bibleQuote.results .versesParagraph .pof { display: block; text-indent: 0; margin-top:.1em; margin-left:5%; line-height: 160%; }
.bibleQuote.results .versesParagraph .po { display: block; margin-left:5%; line-height: 160%; }
.bibleQuote.results .versesParagraph .pol { display: block; margin-left:5%; margin-bottom:1em; line-height: 160%; }
.bibleQuote.results .versesParagraph .pos { display: block; margin-top:0.3em; margin-left:5%; line-height: 110%; }
.bibleQuote.results .versesParagraph .poif { display: block; margin-left:7%; margin-top:1%; line-height: 160%; }
.bibleQuote.results .versesParagraph .poi { display: block; margin-left:7%; line-height: 160%; }
.bibleQuote.results .versesParagraph .poil { display: block; margin-left:7%; margin-bottom:.1em; line-height: 160%; }
.bibleQuote.results .versesParagraph .po3 { display: block; margin-left:7%; line-height: 110%; }
.bibleQuote.results .versesParagraph .po3l { display: block; margin-left:7%; line-height: 110%; }
.bibleQuote.results .versesParagraph .speaker { font-weight: bold; background-color: #eeeeee; padding: 3px; border-radius: 3px; font-size: 1em; }
.bibleQuote.results .versesParagraph .pr { display: block; text-align: right; font-style: italic; font-size: .8em; line-height: 90%; margin-bottom: -.1em; }
.bibleQuote.results span.bookChapter { margin-left: 12px; }
.bibleQuote.errors { display: none; }
.bibleQuote.info { display: none; }
.citation.libro .autore, .citation.pubblicazione .autore { font-variant: small-caps; }
.lds-spinner {
  display: block;
  position: relative;
  margin: 0px auto;
  width: 80px;
  height: 80px;
}
.lds-spinner div {
  transform-origin: 40px 40px;
  animation: lds-spinner 1.2s linear infinite;
}
.lds-spinner div:after {
  content: " ";
  display: block;
  position: absolute;
  top: 3px;
  left: 37px;
  width: 6px;
  height: 18px;
  border-radius: 20%;
  background: #fff;
}
.lds-spinner div:nth-child(1) {
  transform: rotate(0deg);
  animation-delay: -1.1s;
}
.lds-spinner div:nth-child(2) {
  transform: rotate(30deg);
  animation-delay: -1s;
}
.lds-spinner div:nth-child(3) {
  transform: rotate(60deg);
  animation-delay: -0.9s;
}
.lds-spinner div:nth-child(4) {
  transform: rotate(90deg);
  animation-delay: -0.8s;
}
.lds-spinner div:nth-child(5) {
  transform: rotate(120deg);
  animation-delay: -0.7s;
}
.lds-spinner div:nth-child(6) {
  transform: rotate(150deg);
  animation-delay: -0.6s;
}
.lds-spinner div:nth-child(7) {
  transform: rotate(180deg);
  animation-delay: -0.5s;
}
.lds-spinner div:nth-child(8) {
  transform: rotate(210deg);
  animation-delay: -0.4s;
}
.lds-spinner div:nth-child(9) {
  transform: rotate(240deg);
  animation-delay: -0.3s;
}
.lds-spinner div:nth-child(10) {
  transform: rotate(270deg);
  animation-delay: -0.2s;
}
.lds-spinner div:nth-child(11) {
  transform: rotate(300deg);
  animation-delay: -0.1s;
}
.lds-spinner div:nth-child(12) {
  transform: rotate(330deg);
  animation-delay: 0s;
}
@keyframes lds-spinner {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
}

Versione delle 17:48, 29 set 2020

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

/***** [VE] */

/* Nasconde il pulsante "modifica" di VisualEditor in Sportello Informazioni */
.page-Aiuto_Sportello_informazioni #ca-ve-edit,
.page-Aiuto_Sportello_informazioni .mw-editsection-visualeditor,
.page-Aiuto_Sportello_informazioni .mw-editsection-divider {
	display:none;
}

/***** Sezione immagini thumbnail */

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

/***** caratteri per i template linguistici */
/* [[Template:IPA|IPA]], [[Template:Unicode|Unicode]], [[Template:Greco|Greco]] (polytonic) */
/* "Inherit" resetta i fonts per tutti i browser eccetto MSIE6. Il commento vuoto deve essere presente */
.IPA {
        font-family: Chrysanthi Unicode, Doulos SIL, Gentium, GentiumAlt, Code2000, TITUS Cyberbit Basic, DejaVu Sans, Bitstream Vera Sans, Bitstream Cyberbit, Arial Unicode MS, Lucida Sans Unicode, Hiragino Kaku Gothic Pro, Matrix Unicode;
        font-family /**/:inherit;
}
.polytonic {
        font-family: Athena, Gentium, Palatino Linotype, Arial Unicode MS, Lucida Sans Unicode, Lucida Grande, Code2000; 
        font-family /**/:inherit;
}

/* 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 {
    border: 1px solid #aaaaaa;
    background-color: #f9f9f9;
    padding: 0.2em;
    font-size: 95%;
    clear: right;
    width: 280px;
    float: right;
    margin: 0 0 1em .5em;
    vertical-align: top;
    line-height: 1.4em;
}

.sinottico th {
    background-color: #f2f2f2;
    padding: 0em 0.5em;
    text-align: right;
    vertical-align: top;
}

.sinottico td {
    padding: 0em 0.2em 0.2em;
    vertical-align: top;
}

.sinottico_testo_centrale {
    text-align: center;
}

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

.sinottico_sottotitolo {
    font-size: 80%;
}

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

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

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

.sinottico_annidata td { /* in caso di tabella annidata in una casella, evita che le sue caselle ereditino il padding */
    padding: 0em 0em;
}

.sinottico_immagine td {
	text-align: center;
	font-size: 95%;
	padding: 0em 0.2em;
	line-height: 1.2em;
}

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

.sinottico caption {
	font-weight: bold;
}

/***** 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 0px 2px 0.5em;
  text-align: center; 
}
.avviso-immaginedestra {                   /* Stile dell'immagine a destra */
  padding: 2px 4px 2px 0px;
  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 box utente */
/* Allineati a quelli dell'estensione Babel. Necessari per retrocompatibilità, e perché l'estensione non viene caricata se non si usa il comando #babel nella pagina */

/* equivale a mw-babel-wrapper, mw-babel-header */
.itwiki_template_babelbox {
  width:238px;
  float:right;
  clear:right;
  margin:0;
  background-color:white;
  border:1px solid #99B3FF
}
.itwiki_template_babelbox .intestazione,
.itwiki_template_babelbox th {
  text-align:center;
  font-weight:bold;
}

/* equivale a mw-babel-box, mw-babel-box-3 */
.itwiki_template_babel,
.itwiki_template_babel2 {
  float:left;
  clear:left;
  margin:1px;
  width:238px;
  background-color:#E0E8FF;
  border:1px solid #99B3FF;
  /* non presenti in mw-babel-box, ma generati in linea dall'estensione #babel */
  padding:0;
  border-spacing:0;
}
.itwiki_template_babel .sigla,
.itwiki_template_babel2 .sigla,
.itwiki_template_babel th,
.itwiki_template_babel2 th {
  width:45px;
  height:45px;
  font-size:14pt;
  font-family:monospace;
  background-color:#99B3FF;
  /* i seguenti servono per retrocompatibilità, se si usa un td con "sigla" anziché un th */
  padding:0;
  text-align:center;
  font-weight:bold;
}
.itwiki_template_babel td,
.itwiki_template_babel2 td {
  font-size:8pt;
  padding:4pt;
  line-height:1.25em
}

/***** 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: 0px;
    font-size: 95%;
}

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

/***** Imposta l'aspetto dei link mostra/nascondi
    con i div del cassetto */
div.cassetto .mw-collapsible-toggle {
	text-align: right;
    margin-left: 3.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;
}

/* estende supporto alle colonne responsive */
.responsive-columns {
	display: -moz-box; /* Firefox 2 - 27 */
}

/* {{note strette}} e {{div col}} */
.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;
}

.mobileonly {
	display: none;
}

.nomobile {
	display: initial;
}

.mw-parser-output a.extiw:visited {
	color: #36b;
}

/* For template documentation */
/* TemplateStyles */
.template-documentation {
	clear: both;
	margin: 1em 0 0 0;
	border: 1px solid #a2a9b1;
	background-color: #ecfcf4;
	padding: 1em;
}

span.bibleQuoteRef {
	color: #36b;
	font-weight: bold;
	cursor: help;
	display: inline-block;
	line-height: 0.8em;
	border-bottom: 1px dashed #36b;
}

div.bibleQuoteRef {
	border: 1px solid Gray;
	border-radius: 6px;
	padding: 6px 12px;
	margin: 6px auto;
	max-width: 80%;
	background-color:Gray;
}
/*
.bibleQuoteRef:hover {
	text-decoration: underline;
}
*/
.bibleGetQuote {
	border: 1px solid #aaa;
	padding: 9px 12px;
	background-color: white;
	box-shadow: 6px 6px 12px lightgray;
	max-width: 400px;
	min-width: 380px;
	font-size: .8em;
}

.bibleGetQuote.ready {
	position: absolute;
	top: 0;
}

.bibleGetQuote.hidden {
	left: -1000px;
}

.bibleGetQuote.sticky {
	overflow-y: auto;
	height: 90vh;
	border-right: 0px;
}

.bibleGetQuote.sticky .closeButton {
	display: block;
	position: absolute;
	top: 3px;
	right: 5px;
	background-color: lightgrey;
	border: 1px groove Gray;
	font-weight: bold;
	text-align: center;
	width: 2em;
	height: 1.8em;
	font-size: 1em;
	padding-top: .4em;
	color: DarkRed;
	cursor: pointer;
}

.bibleGetQuote.sticky .closeButton:hover {
	background-color: #dfdfdf;
	color: Red;
}

.bibleQuoteRefBroken {
	color:#36b;
	font-weight:bold;
	display: inline-block;
	line-height: 0.8em;
	border-bottom: 1px dashed Red;
	cursor: help;
}

.bibleQuoteRefBrokenReason {
	color:red;
	font-weight:bold;
	cursor:help;
}

/*.bibleQuote.results { font-family:'Quattrocento'; }*/
.bibleQuote.results p { margin: 0; }
.bibleQuote.results .bibleVersion { 
	color: #5a5aad; 
	text-align: center;
	font-size:0.9em;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
}
.bibleQuote.results .bookChapter { 
	color: #b40505; 
	font-size:1em;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	text-align: left;
}
.bibleQuote.results .versesParagraph { 
	color: #666666; 
	text-align: justify;
	font-size:1em;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	line-height: 1.5em;
}

.bibleQuote.results .versesParagraph .verseNum { 
	color: #AA0000; 
	margin: 0px 3px;	
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	vertical-align: baseline;
	position: relative; top: -0.6em;	
	font-size: .83em;
	/*vertical-align: super;*/
}

.bibleQuote.results .versesParagraph .sm { text-transform: lowercase; font-variant: small-caps; } 
.bibleQuote.results .versesParagraph .pof { display: block; text-indent: 0; margin-top:.1em; margin-left:5%; line-height: 160%; }
.bibleQuote.results .versesParagraph .po { display: block; margin-left:5%; line-height: 160%; }
.bibleQuote.results .versesParagraph .pol { display: block; margin-left:5%; margin-bottom:1em; line-height: 160%; }
.bibleQuote.results .versesParagraph .pos { display: block; margin-top:0.3em; margin-left:5%; line-height: 110%; }
.bibleQuote.results .versesParagraph .poif { display: block; margin-left:7%; margin-top:1%; line-height: 160%; }
.bibleQuote.results .versesParagraph .poi { display: block; margin-left:7%; line-height: 160%; }
.bibleQuote.results .versesParagraph .poil { display: block; margin-left:7%; margin-bottom:.1em; line-height: 160%; }
.bibleQuote.results .versesParagraph .po3 { display: block; margin-left:7%; line-height: 110%; }
.bibleQuote.results .versesParagraph .po3l { display: block; margin-left:7%; line-height: 110%; }
.bibleQuote.results .versesParagraph .speaker { font-weight: bold; background-color: #eeeeee; padding: 3px; border-radius: 3px; font-size: 1em; }
.bibleQuote.results .versesParagraph .pr { display: block; text-align: right; font-style: italic; font-size: .8em; line-height: 90%; margin-bottom: -.1em; }
.bibleQuote.results span.bookChapter { margin-left: 12px; }
.bibleQuote.errors { display: none; }
.bibleQuote.info { display: none; }

.citation.libro .autore, .citation.pubblicazione .autore { font-variant: small-caps; }

.lds-spinner {
  display: block;
  position: relative;
  margin: 0px auto;
  width: 80px;
  height: 80px;
}
.lds-spinner div {
  transform-origin: 40px 40px;
  animation: lds-spinner 1.2s linear infinite;
}
.lds-spinner div:after {
  content: " ";
  display: block;
  position: absolute;
  top: 3px;
  left: 37px;
  width: 6px;
  height: 18px;
  border-radius: 20%;
  background: #fff;
}
.lds-spinner div:nth-child(1) {
  transform: rotate(0deg);
  animation-delay: -1.1s;
}
.lds-spinner div:nth-child(2) {
  transform: rotate(30deg);
  animation-delay: -1s;
}
.lds-spinner div:nth-child(3) {
  transform: rotate(60deg);
  animation-delay: -0.9s;
}
.lds-spinner div:nth-child(4) {
  transform: rotate(90deg);
  animation-delay: -0.8s;
}
.lds-spinner div:nth-child(5) {
  transform: rotate(120deg);
  animation-delay: -0.7s;
}
.lds-spinner div:nth-child(6) {
  transform: rotate(150deg);
  animation-delay: -0.6s;
}
.lds-spinner div:nth-child(7) {
  transform: rotate(180deg);
  animation-delay: -0.5s;
}
.lds-spinner div:nth-child(8) {
  transform: rotate(210deg);
  animation-delay: -0.4s;
}
.lds-spinner div:nth-child(9) {
  transform: rotate(240deg);
  animation-delay: -0.3s;
}
.lds-spinner div:nth-child(10) {
  transform: rotate(270deg);
  animation-delay: -0.2s;
}
.lds-spinner div:nth-child(11) {
  transform: rotate(300deg);
  animation-delay: -0.1s;
}
.lds-spinner div:nth-child(12) {
  transform: rotate(330deg);
  animation-delay: 0s;
}
@keyframes lds-spinner {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}