Discussioni MediaWiki:Monobook.css

Istruzioni[modifica]

I foglio di stile è diviso in due parti. La prima parte deve essere sempre uguale nei seguenti fogli di stile:

La seconda parte contiene le modifiche dello stile Monobook per la Wikipedia italiana.

Quando fai delle modifiche, descrivile in una sezione di questa pagina, riportando il codice, specificando cosa fa e, se usato in contesti particolari, dove viene usato.

I namespace[modifica]

0: Articolo
2: Utente
4: Wikipedia
6: Immagine
8: MediaWiki
10: Template
12: Aiuto
14: Categoria
100: Portale

I numeri sopra elencati incrementati di 1 corrispondono alle rispettive pagine di discussione.

Box[modifica]

Classi usate per la realizzazioni dei box geografici (od altre tabelle)

/* box per tabelle */

.itwiki_box_titolo {
  padding:2px;
  colspan:2;
  width:30em;
  background-color: #CCCCFF;
  border-top:1px solid #808080;
  border-left:1px solid #808080;
  border-bottom:1px solid #808080;
  border-right:1px solid #808080;
  margin: 0 0 0.5em 0.5em;
  text-align: center;
  font-size: 100%;
  font-weight: bold;
}
.itwiki_box_sinistra {
  background-color: #DDDDDD;
  border-top:none;
  border-left:1px solid #808080;
  border-bottom:1px solid #808080;
  border-right:1px solid #808080;
  text-align: left;
}
.itwiki_box_destra {
  background-color: #EEEEEE;
  border-top:none;
  border-left:none;
  border-bottom:1px solid #808080;
  border-right:1px solid #808080;
}

Prima di inserire, vorrei conferma che non creino problemi. Inoltre vorrei aggiungere il bold e la centratura alla classe titolo di cui farei sottoclassi con colori diversi. Mi piacerebbe inoltre riuscire a mettere in titolo anche le seguenti informazioni:
align="right" cellpadding="2" cellspacing="0" style="margin-left:0.5em;margin-bottom:0.5em" width="300px"
Troppo difficile? Ringrazio gli esperti che mi risponderanno Gac 09:55, 5 gen 2006 (CET)[rispondi]

Uhm...

le mie conoscienze degli attributi HTML sono un po' arrugginite, ma align="right" non si contraddice con text-align: center;?
cellpadding="2" dovrebbe essere uguale al già presente padding:2px;.
cellspacing="0" si dovrebbe potere ottenere aggiungendo border-collapse:collapse;. Quest'ultima dovrebbe anche permettere di sostituire le definizioni dei bordi ("border-top" ecc.) con semplicemente border:1px solid #808080; in tutte e tre le classi.
style="margin-left:0.5em;margin-bottom:0.5em" è già compreso in margin: 0 0 0.5em 0.5em; (il primo numero è "top", poi avanti in senso orario).
width="300px" contraddirebbe width:30em; (e l'unità di misura "em" è da preferire a "px" perché si adatta alla dimensione dei caratteri).
Non esiste la proprietà "colspan" nei CSS.

Disclaimer: Ho buttato giù questi appunti senza verificarli, non mi assumo responsabilità per danni materiali o morali causati da errori nel codice CSS da me fornito. Se ce ne sarà bisogno, cercherò nei prossimi giorni di fornire una soluzione completa e testata. --“Ricordati…” 17:35, 8 gen 2006 (CET)[rispondi]

Dunque:

le informazioni da inserire nel titolo funzionano tutte salvo la larghezza
non posso usare border:1px solid #808080;, perché il colore del bordo delle varie cellette deve essere diverso tra estreno ed interno; comunque il comando diviso in top/left/... funziona
il codice scritto sopra funziona sotto Safari e sotto Firefox, mentre mi hanno detto che non funziona sotto Explorer e Netscape (ed è stato roolbackato). Purtroppo non riesco ad istallarli per provare :(-
non capisco se esistono le sottoclassi; servirebbero per differenziare titolo in sottoclassi di diversi colori

Grazie, ciao Gac 18:37, 8 gen 2006 (CET)[rispondi]

sezioni di testo espandibili[modifica]

Richiedono l'inserimento di funzioni apposite nel MediaWiki:Monobook.js; le classi usate da quelle funzioni sono

/**************************************
/* Classi per dynamic navigation bars *
 **************************************/

.NavToggle {
   font-size: 95%;
   float:right;
}

div.BoxenVerschmelzen,
div.NavFrame {
        margin: 0.5em 0 0 0;
        padding: 2px;
        border: 1px solid #aaaaaa;
        text-align: center;
        border-collapse: collapse;
        font-size: 95%;
        clear:both;
}
div.BoxenVerschmelzen div.NavFrame {
        border-style: none;
        border-style: hidden;
        margin: 0;
}
div.NavFrame + div.NavFrame {
        border-top-style: none;
        border-top-style: hidden;
}
div.NavPic {
        background-color: #ffffff;
        margin: 0px;
        padding: 2px;
        float: left;
}
div.NavFrame div.NavHead {
        height: 1.6em;
        font-weight: bold;
        font-size: 100%;
        background-color: #efefef;
}
div.NavFrame p {
        font-size: 100%;
}
div.NavFrame div.NavContent {
        font-size: 100%;
}
div.NavFrame div.NavContent p {
        font-size: 100%;
}
div.NavEnd {
        margin: 0px;
        padding: 0px;
        line-height: 1px;
        clear: both;
}
/*

Babelbox[modifica]

Queste sono le classi usate per la formattazione dei Babelbox

.itwiki_template_babelbox {
  float:right; 
  margin:0 0 .5em 1em;
  width:20em; /* per evitare problemi con Opera e Safari */
  padding:5px 7px 5px 5px; /* questo lo farà apparire storto in MSIE
                              ma non so che farci */
}
.itwiki_template_babelbox .intestazione {
  text-align:center;
  font-weight:bold;
  margin-left:2px;
}
.itwiki_template_babel {
  float:left;
  width:20em;
  background:#e0e8ff;
  border:solid #99b3ff 1px;
  margin:1px 1px 1px 0;
}
.itwiki_template_babel .sigla {
  background:#99b3ff;
  text-align:center;
  font-size:1.2em;
  font-weight:bold;
}
.itwiki_template_babel2 {
  float:left;
  width:20em;
  background:#c5fcdc;
  border:solid #6ef7a7 1px;
  margin:1px 1px 1px 0;
}
.itwiki_template_babel2 .sigla {
  background:#6ef7a7;
  text-align:center;
  font-size:1.2em;
  font-weight:bold;
}
.itwiki_template_babel .sigla,
.itwiki_template_babel2 .sigla {
  width:4em;
}
.itwiki_template_babel td,
.itwiki_template_babel2 td {
  font-size:.9em;
  line-height:1.2em;
  padding:5px;
}
.itwiki_template_babelbox .itwiki_template_babel,
.itwiki_template_babelbox .itwiki_template_babel2 {
  clear:left; /* perché i singoli template nel babelbox
                 siano uno sotto l'altro */

caratteri IPA e Unicode (fix per IE)[modifica]

Queste classi abilitano IE a visualizzare i font corretti per i caratteri Unicode e IPA

/* caratteri per i template IPA, Unicode, 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;
}

bordi arrotondati[modifica]

Queste classi sono "scorciatoie" per l'arrotondamento dei bordi

.radius {
-moz-border-radius: 1em;
}
.radius_top {
-moz-border-radius-topright: 1em;
-moz-border-radius-topleft: 1em;
}
.radius_bottom {
-moz-border-radius-bottomright: 1em;
-moz-border-radius-bottomleft: 1em;
}
.rad {
-moz-border-radius: .5em;
}

Sfondi[modifica]

Qualcuno potrebbe implementare questo?

.BG_comunità { background-image: url(http://upload.wikimedia.org/wikipedia/commons/f/f9/BG_comunit%C3%A0.jpg);}

Serve per visualizzare uno sfondo con l'immagine Immagine:Nuvola apps kuser.png

Logo[modifica]

Salve. Potete mettere l'immagine Wiki.png come logo principale?--79.27.203.60 16:18, 19 set 2008 (CEST)[rispondi]