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.

/* ===== QCSNET Wiki – stile comune ===== */
:root {
  --qcs-teal: #0e8f8a;
  --qcs-teal-soft: #e6f4f3;
  --qcs-ink: #1f2933;
  --qcs-muted: #5f6b76;
  --qcs-line: #d5dde3;
  --qcs-note: #eaf2fb;   --qcs-note-line: #3a78c2;
  --qcs-sugg: #ecf7ee;   --qcs-sugg-line: #2f8f4e;
  --qcs-att:  #fdf3e3;   --qcs-att-line:  #c27a12;
}
html.skin-theme-clientpref-night {
  --qcs-teal-soft: #12302f; --qcs-ink: #e8edf0; --qcs-muted: #a6b1ba; --qcs-line: #3a4650;
  --qcs-note: #172534; --qcs-sugg: #16281b; --qcs-att: #2e2413;
}
@media (prefers-color-scheme: dark) {
  html.skin-theme-clientpref-os {
    --qcs-teal-soft: #12302f; --qcs-ink: #e8edf0; --qcs-muted: #a6b1ba; --qcs-line: #3a4650;
    --qcs-note: #172534; --qcs-sugg: #16281b; --qcs-att: #2e2413;
  }
}

/* Riepilogo in cima alla pagina */
.qcs-riepilogo {
  background: var(--qcs-teal-soft);
  border-left: 4px solid var(--qcs-teal);
  padding: 12px 16px; margin: 0 0 1em; border-radius: 4px;
  font-size: 1.02em; line-height: 1.55; color: var(--qcs-ink);
}
.qcs-applica { color: var(--qcs-muted); font-size: .92em; margin: -.4em 0 1em; }

/* Percorso menu */
.qcs-menu {
  display: inline-block; font-weight: 600; color: var(--qcs-ink);
  background: var(--qcs-teal-soft); border: 1px solid var(--qcs-line);
  border-radius: 4px; padding: 1px 8px; font-size: .95em;
}

/* Riquadri nota / suggerimento / attenzione */
.qcs-box { padding: 10px 14px; margin: 1em 0; border-radius: 4px; border-left: 4px solid; line-height: 1.5; color: var(--qcs-ink); }
.qcs-nota { background: var(--qcs-note); border-color: var(--qcs-note-line); }
.qcs-sugg { background: var(--qcs-sugg); border-color: var(--qcs-sugg-line); }
.qcs-att  { background: var(--qcs-att);  border-color: var(--qcs-att-line); }

/* Link a pagine non ancora scritte */
.qcs-prossimamente { color: var(--qcs-muted); cursor: help; }

/* Navbox di prodotto */
table.qcs-navbox { width: 100%; margin: 2.5em 0 1em; border-collapse: collapse; font-size: .9em; border: 1px solid var(--qcs-line); }
table.qcs-navbox th, table.qcs-navbox td { padding: 6px 10px; border-top: 1px solid var(--qcs-line); vertical-align: top; text-align: left; }
table.qcs-navbox th { white-space: nowrap; width: 1%; background: var(--qcs-teal-soft); color: var(--qcs-ink); }
table.qcs-navbox .qcs-navbox-title { text-align: center; background: var(--qcs-teal); }
table.qcs-navbox .qcs-navbox-title a { color: #fff; }

/* Tabelle wikitable un po' più ariose */
table.wikitable > * > tr > th { background: var(--qcs-teal-soft); }

/* Schede prodotto in Pagina principale */
.qcs-cards { display: flex; flex-wrap: wrap; gap: 14px; margin: 1em 0; }
.qcs-card { flex: 1 1 220px; border: 1px solid var(--qcs-line); border-top: 4px solid var(--qcs-teal); border-radius: 6px; padding: 12px 16px; }
.qcs-card-title { font-size: 1.15em; font-weight: 700; margin-bottom: .3em; }
.qcs-card p { margin: .3em 0; color: var(--qcs-muted); }

@media (max-width: 720px) {
  table.qcs-navbox th { white-space: normal; width: auto; display: block; }
  table.qcs-navbox td { display: block; border-top: 0; }
}