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: differenze tra le versioni

Pagina dell'interfaccia di MediaWiki
Nessun oggetto della modifica
Nessun oggetto della modifica
Riga 3: Riga 3:
/* ===== Infobox (light + dark) ===== */
/* ===== Infobox (light + dark) ===== */
/* ========= Infobox – tema scuro + responsive ========= */
/* ========= Infobox – tema scuro + responsive ========= */
:root{
/* Infobox scura, COMPATTA e verticale */
  --ib-bg:#0f0f10;
  --ib-fg:#e9e9ea;
  --ib-muted:#b6b6b8;
  --ib-border:#27272a;
  --ib-accent:#58a6ff;
  --ib-section:#151519;
  --ib-zebra:#121214;
}
 
table.infobox{
table.infobox{
   float:inline-end;
   float:right;
   clear:inline-end;
   clear:right;
   margin:0 0 1rem 1rem;
   margin:0 0 1rem 1rem;
   width:min(100%, 340px);
   width:320px;              /* fissa: niente “orizzontale infinita” */
   background:var(--ib-bg);
  max-width:100%;
   color:var(--ib-fg);
   table-layout:fixed;        /* forza wrapping */
   border:1px solid var(--ib-border);
  word-break:break-word;
  background:#0f0f10;
   color:#e9e9ea;
   border:1px solid #27272a;
   border-radius:6px;
   border-radius:6px;
   border-collapse:separate;
   border-collapse:separate;
Riga 28: Riga 22:
}
}
.infobox .ib-title{
.infobox .ib-title{
   background:var(--ib-section);
   background:#151519;
   padding:.6rem .8rem;
   padding:.6rem .8rem;
   text-align:center;
   text-align:center;
   font-weight:700;
   font-weight:700;
   font-size:1.1em;
   font-size:1.05em;
}
}
.infobox .ib-image{ text-align:center; padding:.5rem; }
.infobox .ib-image{ text-align:center; padding:.5rem; }
.infobox .ib-caption{ color:var(--ib-muted); font-size:.85em; margin-top:.25rem; }
.infobox .ib-image img{ max-width:100%; height:auto; }
 
.infobox .ib-caption{ color:#b6b6b8; font-size:.85em; margin:-.25rem .5rem .5rem; }
.infobox .ib-label{
.infobox .ib-label{
   width:42%;
   width:42%;
  background:#151519;
   padding:.45rem .6rem;
   padding:.45rem .6rem;
  background:var(--ib-section);
   text-align:left;
   text-align:start;
   vertical-align:top;
   vertical-align:top;
}
}
.infobox .ib-data{ padding:.45rem .6rem; }
.infobox .ib-data{ width:58%; padding:.45rem .6rem; }
.infobox tr:nth-child(even) .ib-data{ background:var(--ib-zebra); }
.infobox tr:nth-child(even) .ib-data{ background:#121214; }
 
.infobox a{ color:#58a6ff; text-decoration:none; }
.infobox a{ color:var(--ib-accent); text-decoration:none; }
.infobox a:hover{ text-decoration:underline; }
.infobox a:hover{ text-decoration:underline; }
.infobox img{ max-width:100%; height:auto; }
/* mobile: piena larghezza, niente float */
 
@media (max-width:768px){
/* responsive */
   table.infobox{ float:none; margin:.5rem 0 1rem; width:100%; }
@media (max-width: 768px){
   table.infobox{ float:none; margin:.5rem 0 1rem 0; width:100%; }
}
}

Versione delle 19:06, 1 set 2025

/* Gli stili CSS inseriti qui si applicano a tutti i temi */

/* ===== Infobox (light + dark) ===== */
/* ========= Infobox – tema scuro + responsive ========= */
/* Infobox scura, COMPATTA e verticale */
table.infobox{
  float:right;
  clear:right;
  margin:0 0 1rem 1rem;
  width:320px;               /* fissa: niente “orizzontale infinita” */
  max-width:100%;
  table-layout:fixed;        /* forza wrapping */
  word-break:break-word;
  background:#0f0f10;
  color:#e9e9ea;
  border:1px solid #27272a;
  border-radius:6px;
  border-collapse:separate;
  overflow:hidden;
  font-size:.95em;
  line-height:1.45;
}
.infobox .ib-title{
  background:#151519;
  padding:.6rem .8rem;
  text-align:center;
  font-weight:700;
  font-size:1.05em;
}
.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; margin:-.25rem .5rem .5rem; }
.infobox .ib-label{
  width:42%;
  background:#151519;
  padding:.45rem .6rem;
  text-align:left;
  vertical-align:top;
}
.infobox .ib-data{ width:58%; padding:.45rem .6rem; }
.infobox tr:nth-child(even) .ib-data{ background:#121214; }
.infobox a{ color:#58a6ff; text-decoration:none; }
.infobox a:hover{ text-decoration:underline; }
/* mobile: piena larghezza, niente float */
@media (max-width:768px){
  table.infobox{ float:none; margin:.5rem 0 1rem; width:100%; }
}