MediaWiki:Common.css: differenze tra le versioni
Pagina dell'interfaccia di MediaWiki
Altre azioni
Nessun oggetto della modifica |
Nessun oggetto della modifica |
||
| Riga 2: | Riga 2: | ||
/* ===== Infobox (light + dark) ===== */ | /* ===== Infobox (light + dark) ===== */ | ||
/* | /* Infobox scura, stretta e verticale */ | ||
.infobox{ | |||
float:right; clear:right; | float:right; clear:right; | ||
width:320px; max-width:320px; | width:320px; max-width:320px; /* fissa su desktop */ | ||
margin:0 0 1rem 1rem; | margin:0 0 1rem 1rem; | ||
background:#0f0f10; color:#e9e9ea; | background:#0f0f10; color:#e9e9ea; | ||
border:1px solid #27272a; border-radius:6px; | border:1px solid #27272a; border-radius:6px; | ||
font-size:.95em; line-height:1.45; | font-size:.95em; line-height:1.45; | ||
box-sizing:border-box; | |||
} | } | ||
/* Titolo */ | |||
.infobox .ib-title{ | .infobox .ib-title{ | ||
background:#151519; padding:.6rem .8rem; | background:#151519; padding:.6rem .8rem; | ||
| Riga 20: | Riga 19: | ||
} | } | ||
/* Immagine + didascalia */ | |||
.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; font-size:.85em; | color:#b6b6b8; font-size:.85em; | ||
text-align:center; font-style:italic; | text-align:center; font-style:italic; | ||
margin:.25rem .5rem .5rem; | |||
} | } | ||
. | /* Righe (flex: etichetta a sinistra, dato a destra) */ | ||
.ib-row{ display:flex; } | |||
background:#151519; text-align:left; vertical-align:top | .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{ color:#58a6ff; text-decoration:none; } | ||
.infobox a:hover{ text-decoration:underline; } | .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){ | @media (max-width:768px){ | ||
.infobox{ float:none; width:100%; max-width:100%; margin:.5rem 0 1rem; } | |||
} | } | ||
Versione delle 19:17, 1 set 2025
/* 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; }
}