MediaWiki:Common.css: differenze tra le versioni
Pagina dell'interfaccia di MediaWiki
Altre azioni
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, COMPATTA e verticale */ | |||
table.infobox{ | table.infobox{ | ||
float: | float:right; | ||
clear: | clear:right; | ||
margin:0 0 1rem 1rem; | margin:0 0 1rem 1rem; | ||
width: | width:320px; /* fissa: niente “orizzontale infinita” */ | ||
max-width:100%; | |||
color: | table-layout:fixed; /* forza wrapping */ | ||
border:1px solid | 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: | background:#151519; | ||
padding:.6rem .8rem; | padding:.6rem .8rem; | ||
text-align:center; | text-align:center; | ||
font-weight:700; | font-weight:700; | ||
font-size:1. | font-size:1.05em; | ||
} | } | ||
.infobox .ib-image{ text-align:center; padding:.5rem; } | .infobox .ib-image{ text-align:center; padding:.5rem; } | ||
.infobox .ib-caption{ color: | .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; | ||
text-align:left; | |||
text-align: | |||
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: | .infobox tr:nth-child(even) .ib-data{ background:#121214; } | ||
.infobox a{ color:#58a6ff; text-decoration:none; } | |||
.infobox a{ color: | |||
.infobox a:hover{ text-decoration:underline; } | .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%; } | ||
@media (max-width: 768px){ | |||
table.infobox{ float:none; margin:.5rem 0 1rem | |||
} | } | ||
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%; }
}