Apri/Chiudi il menu
Toggle preferences menu
Apri/Chiudi il menu personale
Accesso non effettuato
Il tuo indirizzo IP sarà visibile pubblicamente se effettuerai modifiche.

MediaWiki:Common.css

Pagina dell'interfaccia di MediaWiki

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)
  • Edge: tieni premuto il tasto Ctrl e fai clic su Aggiorna, oppure premi Ctrl-F5.
/* Gli stili CSS inseriti qui si applicano a tutti i temi */

/* ===== Infobox (light + dark) ===== */
/* Infobox scura, stretta e verticale */
.infobox{
  float:right; clear:right;
  width:320px; max-width:320px;     /* fissa su desktop */
  margin:0 0 1rem 1rem;
  background:#0f0f10; color:#e9e9ea;
  border:1px solid #27272a; border-radius:6px;
  font-size:.95em; line-height:1.45;
  box-sizing:border-box;
}

/* Titolo */
.infobox .ib-title{
  background:#151519; padding:.6rem .8rem;
  text-align:center; font-weight:700; font-size:1.05em;
}

/* Immagine + didascalia */
.infobox .ib-image{ text-align:center; padding:.5rem; }
.infobox .ib-image img{ max-width:100%; height:auto; }
.infobox .ib-caption{
  color:#b6b6b8; font-size:.85em;
  text-align:center; font-style:italic;
  margin:.25rem .5rem .5rem;
}

/* Righe (flex: etichetta a sinistra, dato a destra) */
.ib-row{ display:flex; }
.ib-label, .ib-data{ padding:.45rem .6rem; }
.ib-label{
  width:42%; background:#151519; text-align:left; font-weight:600;
  vertical-align:top;
}
.ib-data{
  width:58%; word-break:break-word; overflow-wrap:anywhere;
}
.ib-row:nth-of-type(even) .ib-data{ background:#121214; }

/* Link */
.infobox a{ color:#58a6ff; text-decoration:none; }
.infobox a:hover{ text-decoration:underline; }

/* *** STOP AI BUCHI ***:
   MediaWiki inserisce <p> tra i blocchi; li azzeriamo/eliminiamo.
   Manteniamo invece i <p> dentro .ib-data (testo dell'utente). */
.infobox > p{ margin:0 !important; padding:0 !important; display:none !important; }

/* Mobile: piena larghezza, niente float */
@media (max-width:768px){
  .infobox{ float:none; width:100%; max-width:100%; margin:.5rem 0 1rem; }
}