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 ========= */
/* Infobox scura e verticale */
/* contenitore: già ok come prima */
.infobox{
table.infobox{
   float:right; clear:right;
   float:right; clear:right;
   width:320px;           /* larghezza fissa desktop */
   width:320px; max-width:320px;
  max-width:320px;       /* blocca la larghezza */
   margin:0 0 1rem 1rem;
   margin:0 !important;
   background:#0f0f10; color:#e9e9ea;
   background:#0f0f10; color:#e9e9ea;
   border:1px solid #27272a; border-radius:6px;
   border:1px solid #27272a; border-radius:6px;
  border-collapse:separate; overflow:hidden;
   font-size:.95em; line-height:1.45;
   font-size:.95em; line-height:1.45;
   box-sizing:border-box;
   table-layout:fixed; word-break:break-word;
}
}
.infobox .ib-title{
.infobox .ib-title{
   background:#151519; padding:.6rem .8rem;
   background:#151519; padding:.6rem .8rem;
   text-align:center; font-weight:700; font-size:1.05em;
   text-align:center; font-weight:700; font-size:1.05em;
}
}
.infobox .ib-image{ text-align:center; padding:.5rem; }
.infobox .ib-image{ text-align:center; padding:.5rem; }
.infobox .ib-image img{ max-width:100%; height:auto; }
.infobox .ib-image img{ max-width:100%; height:auto; }
.infobox .ib-caption{
.infobox .ib-caption{
   color:#b6b6b8;
   color:#b6b6b8; font-size:.85em;
  font-size:.85em;
   text-align:center; font-style:italic;
   text-align:center;
   padding:0 .6rem .5rem .6rem;
  font-style:italic;
   margin:.25rem .5rem .5rem;
}
}


 
.infobox .ib-label{
.ib-row{ display:flex; }
  width:42%; padding:.45rem .6rem;
.ib-label, .ib-data{ padding:.45rem .6rem; }
   background:#151519; text-align:left; vertical-align:top; font-weight:600;
.ib-label{
   width:42%; background:#151519; text-align:left; font-weight:600;
}
.ib-data{
  width:58%; background:transparent;
  word-break:break-word; overflow-wrap:anywhere;
}
}
.ib-row:nth-of-type(even) .ib-data{ background:#121214; }
.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{ color:#58a6ff; text-decoration:none; }
Riga 44: Riga 40:


@media (max-width:768px){
@media (max-width:768px){
   .infobox{ float:none; width:100%; margin:.5rem 0 1rem; }
   table.infobox{ float:none; width:100%; max-width:100%; margin:.5rem 0 1rem; }
}
}

Versione delle 19:16, 1 set 2025

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

/* ===== Infobox (light + dark) ===== */
/* ========= Infobox – tema scuro + responsive ========= */
/* contenitore: già ok come prima */
table.infobox{
  float:right; clear:right;
  width:320px; max-width:320px;
  margin:0 0 1rem 1rem;
  background:#0f0f10; color:#e9e9ea;
  border:1px solid #27272a; border-radius:6px;
  border-collapse:separate; overflow:hidden;
  font-size:.95em; line-height:1.45;
  table-layout:fixed; word-break:break-word;
}

.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;
  text-align:center; font-style:italic;
  padding:0 .6rem .5rem .6rem;
}

.infobox .ib-label{
  width:42%; padding:.45rem .6rem;
  background:#151519; text-align:left; vertical-align:top; font-weight:600;
}
.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; }

@media (max-width:768px){
  table.infobox{ float:none; width:100%; max-width:100%; margin:.5rem 0 1rem; }
}