MediaWiki:Common.css

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*/
/* ===== Infobox (light + dark) ===== */
.mw-parser-output .infobox {
  --bg: #f8f9fa;
  --border: #a2a9b1;
  --head-bg: #eaecf0;
  --sub-bg: #dce1e7;
  --text: #202122;
  --muted: #54595d;

  background: var(--bg);
  color: var(--text);
  border: 1px solid var(--border);
  border-collapse: collapse;
  width: 28em;
  max-width: 100%;
  float: right;
  clear: right;              /* “attacca” in alto a dx */
  margin: 0 0 1em 1em;
  font-size: 95%;
}

@media (prefers-color-scheme: dark) {
  .mw-parser-output .infobox {
    --bg: #1f2227;
    --border: #353a42;
    --head-bg: #2a2f36;
    --sub-bg: #303641;
    --text: #e7e9ec;
    --muted: #a7adb6;
  }
}

.mw-parser-output .infobox-title {
  background: var(--head-bg);
  font-weight: 700;
  font-size: 120%;
  text-align: center;
  padding: .6em .8em;
}

.mw-parser-output .infobox-subtitle {
  background: var(--sub-bg);
  text-align: center;
  font-weight: 600;
  padding: .4em .8em;
}

.mw-parser-output .infobox th,
.mw-parser-output .infobox td {
  border-top: 1px solid var(--border);
  vertical-align: top;
  padding: .45em .6em;
}

.mw-parser-output .infobox th {
  text-align: left;
  width: 42%;
  white-space: nowrap;
}

.mw-parser-output .infobox-image {
  text-align: center;
  padding: .5em .5em .3em;
}

.mw-parser-output .infobox-img {
  max-width: 100%;
  height: auto;
  border-radius: 2px;
}

.mw-parser-output .infobox-caption {
  font-size: 90%;
  color: var(--muted);
  margin-top: .25em;
}

/* “sezione” per separatori opzionali */
.mw-parser-output .infobox-section {
  background: var(--head-bg);
  font-weight: 600;
  text-align: center;
  padding: .35em .5em;
}

/* mobile: piena larghezza, niente float */
@media (max-width: 720px) {
  .mw-parser-output .infobox {
    float: none;
    margin: 0 0 1em 0;
    width: 100%;
  }
}