MediaWiki:Common.css: differenze tra le versioni

← Differenza precedente Differenza successiva →

Versione delle 18:50, 1 set 2025

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

/* ===== Infobox (light + dark) ===== */
/* Tema chiaro */
.infobox { border:1px solid #a2a9b1; background:#f8f9fa; }
.infobox th, .infobox td { border-top:1px solid #a2a9b1; padding:.45em .6em; vertical-align:top; }
.infobox th { text-align:left; width:42%; white-space:nowrap; }
.infobox .img { max-width:100%; height:auto; }

/* Dark mode */
@media (prefers-color-scheme: dark) {
  .infobox { background:#1f2227; border-color:#353a42; color:#e7e9ec; }
  .infobox th, .infobox td { border-top-color:#353a42; }
}

@@ Riga 1: / Riga 1: @@
 /* Gli stili CSS inseriti qui si applicano a tutti i temi */
-/*InfoBox*/
 /* ===== Infobox (light + dark) ===== */
-.mw-parser-output .infobox {
+/* Tema chiaro */
-  --bg: #f8f9fa;
+.infobox { border:1px solid #a2a9b1; background:#f8f9fa; }
-  --border: #a2a9b1;
+.infobox th, .infobox td { border-top:1px solid #a2a9b1; padding:.45em .6em; vertical-align:top; }
-  --head-bg: #eaecf0;
+.infobox th { text-align:left; width:42%; white-space:nowrap; }
-  --sub-bg: #dce1e7;
+.infobox .img { max-width:100%; height:auto; }
-  --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%;
-}
+/* Dark mode */
 @media (prefers-color-scheme: dark) {
-   .mw-parser-output .infobox {
+   .infobox { background:#1f2227; border-color:#353a42; color:#e7e9ec; }
-    --bg: #1f2227;
+   .infobox th, .infobox td { border-top-color:#353a42; }
-    --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%;
-  }
 }