MediaWiki:Common.css: differenze tra le versioni

Contenuto cancellato Contenuto aggiunto
m estendo supporto alle colonne responsive
 
(42 versioni intermedie di 6 utenti non mostrate)
Riga 1:
/*
* Impostazioni CSS comuni a tutti indipendentemente dalla skin
* NOTA PER GLI ADMINAMMINISTRATORI 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{
display:none;
}
/* Nasconde i link "modifica" di VisualEditor nelle sezioni dello Sportello Informazioni */
.page-Aiuto_Sportello_informazioni .mw-editsection-visualeditor{
display:none;
}
.page-Aiuto_Sportello_informazioni .mw-editsection-divider{
display:none;
}
 
#interwiki-completelist {
font-weight: bold;
}
 
/*
******* [[:File:Wiki.png]] anziché quello su [[:File:Wikipedia-logo-v2-it.png|commons]] + fix in attesa di [[Bugzilla:35337]]
*#p-logo a {
* background-image: url("//upload.wikimedia.org/wikipedia/it/b/bc/Wiki.png") !important;
* }
*
*@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
* #p-logo a {
* background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/9/90/Wikipedia-logo-v2-it.svg/204px-Wikipedia-logo-v2-it.svg.png") !important;
* background-size: 136px auto;
* }
*}
*@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
* #p-logo a {
* background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/9/90/Wikipedia-logo-v2-it.svg/270px-Wikipedia-logo-v2-it.svg.png") !important;
* background-size: 135px auto;
* }
*}
*/
 
/***** Sezione immagini thumbnail */
 
/* Larghezza minima thumb [[Special:diff/44094478]] */
figure[typeof~='mw:File/Thumb'],
figure[typeof~='mw:File/Frame'],
.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;
}
.Unicode {
font-family: TITUS Cyberbit Basic, Code2000, Doulos SIL, Chrysanthi Unicode, Bitstream Cyberbit, Bitstream CyberBase, Bitstream Vera, Thryomanes, Gentium, GentiumAlt, Visual Geez Unicode, Lucida Grande, Arial Unicode MS, Microsoft Sans Serif, Lucida Sans Unicode;
font-family /**/:inherit;
}
.polytonic {
font-family: Athena, Gentium, Palatino Linotype, Arial Unicode MS, Lucida Sans Unicode, Lucida Grande, Code2000;
font-family /**/:inherit;
}
 
Riga 71 ⟶ 17:
font-size:140%;
font-family:serif;
}
 
/***** link con l'icona di un altoparlante usata dal [[Template:Link audio]] */
 
.audiolink a{
background: url("//upload.wikimedia.org/wikipedia/commons/thumb/8/8a/Loudspeaker.svg/11px-Loudspeaker.svg.png") center left no-repeat !important;
padding-left: 16px !important;
padding-right: 0 !important;
}
 
/***** Coordinate geografiche (vedi [[Template:Coord]])
 
N.B. le classi "geo", "longitude" e "latitude" non sono solo stili,
ma vengono riconosciute da [[Geo (microformat)]], non eliminare o rinominare.
*/
 
.geo-default { display: inline; }
.geo-nondefault { display: none; }
.geo-dms { display: inline; }
.geo-dec { display: inline; }
.geo-multi-punct { display: none; }
 
.longitude .latitude {
white-space: nowrap;
}
 
.geo { }
 
/***** 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;
}
 
Riga 183 ⟶ 22:
 
.messagebox {
border: 1px solid var( --border-color-base, #aaaa2a9b1 );
background-color: var( --background-color:-interactive-subtle, #f9f9f9f8f9fa );
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;
display: flex;
align-items: center;
box-sizing: border-box; /* Compatibilità con parametro 'stile' per template che si aspettano una tabella */
padding-left: 0.5em;
}
.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 0px0 2px 0.5em;
text-align: center;
}
.avviso-immaginedestra { /* Stile dell'immagine a destra */
padding: 2px 4px 2px 0px0;
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
}
 
Riga 297 ⟶ 87:
 
.itwiki_template_toc {
border: 1px solid var(--border-color-base, #aaaaaaa2a9b1);
background-color: var( --background-color:-interactive-subtle, #f9f9f9f8f9fa );
padding: 0px0;
font-size: 95%;
}
 
/***** classi per arrotondare i bordi dei div e delle tabelle */
.radius {
-moz-border-radius: 1em;
-moz- border-radius: 1em;
}
.radius_top {
border -topmoz-rightborder-radius-topright: 1em;
border -topmoz-leftborder-radius-topleft: 1em;
border-moztop-borderright-radius-topright: 1em;
border-moztop-borderleft-radius-topleft: 1em;
}
.radius_bottom {
border -bottommoz-rightborder-radius-bottomright: 1em;
border -bottommoz-leftborder-radius-bottomleft: 1em;
border-mozbottom-borderright-radius-bottomright: 1em;
border-mozbottom-borderleft-radius-bottomleft: 1em;
}
.rad {
-moz-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 }
 
/*****
Stili per i box che si visualizzano al passaggio del mouse
Licenza: GFDL e Creative Commons Attribution 2.5
*/
.HopContent
{
display:none;
}
 
.HopFrame:hover .HopContent
{
display:block;
}
 
/***** Evita che i link vadano a capo */
.nowraplinks a {
white-space: nowrap;
}
 
/***** Necessario per [[Template:TOClimit]] */
.toclimit-2 .toclevel-1 ul,
.toclimit-3 .toclevel-2 ul,
.toclimit-4 .toclevel-3 ul,
.toclimit-5 .toclevel-4 ul,
.toclimit-6 .toclevel-5 ul,
.toclimit-7 .toclevel-6 ul { display: none; }
 
/***** Hide the mobile wlm banner on the normal site (chiarire?) */
#mf-wlm-banner { display: none; }
 
/***** Note <references/> */
Riga 380 ⟶ 149:
}
 
/* colorazioneevidenziazione della bibliografia tramitedal l'utilizzolink del"#CITEREF" generato dal template "Cita" e simili" */
cite:target {
background-color: #DDEEFFDEF;
}
 
/* {{references}} multicolonna e {{div col}} */
.note_colonne, .colonne {
-moz-column-width:30em;
-webkit-column-width:30em;
column-width:30em;
}
.note_colonne_strette, .colonne_strette {
-moz-column-width:20em;
-webkit-column-width:20em;
column-width:20em;
}
/* [[Speciale:PermaLink/90830636#urlmorto=sì]] e [[Speciale:PermaLink/90830636#Fix. «Citazione» a capo]] */
.citation .cite-q {
Riga 401 ⟶ 159:
}
 
/***** evita di grassettare/ingrandire i numeri delle note quando si trovano in un titolo */
/***** Imposta l'aspetto dei link mostra/nascondi
.reference {
con i div del cassetto */
font-weight: normal;
div.cassetto .mw-collapsible-toggle {
font-weightsize: normal0.7rem;
font-family: sans-serif;
text-align: right;
width: 7em;
}
 
/* T156351: Support for Parsoid's Cite implementation */
/***** Mostra i tab nei codici sorgente come 4 spazi anziché 8 */
span[rel="mw:referencedBy"] {
/* vedi [[Bugzilla:57824]] e [[Bugzilla:57825]] */
counter-reset: mw-ref-linkback 0;
div.mw-geshi div,
}
div.mw-geshi div pre,
span[rel="mw:referencedBy"] > a::before {
span.mw-geshi,
font-style: italic;
pre.source-css,
content: counter( mw-ref-linkback, lower-alpha );
pre.source-javascript,
}
pre.source-lua {
a[rel="mw:referencedBy"]::before {
-moz-tab-size: 4;
font-weight: bold;
-o-tab-size: 4;
content: "^";
tab-size: 4;
}
span[rel="mw:referencedBy"]::before {
font-weight: bold;
content: "^ ";
}
 
/***** 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
/**** Classe per la deprecazione del Monobook.js ****/
mediante TemplateStyles a causa dei prefissi -moz- e -webkit-.
.monobook-deprecation {
*/
background-color: #ff8080;
.colonne {
border: 1px solid black
-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 {
/* estende supporto a vecchie versioni browser */
position: relative !important;
.responsive-columns {
display: -moz-box;
}