MediaWiki:Gadget-NWOBuilder.css: Difference between revisions

Latest revision as of 14:42, 26 September 2025

/* NWO Character Builder – scoped styles */
.nwo-builder{
  --bg:#0f1115; --card:#151923; --ink:#e6e8ee; --muted:#9aa3b2; --accent:#70a5ff; --good:#36d399; --bad:#ff6b6b;
  color: var(--ink);
}
.nwo-builder .wrap{max-width:1100px;margin:24px auto;padding:0 16px}
.nwo-builder h1{font-size:22px;margin:0 0 12px}
.nwo-builder h2{font-size:16px;margin:24px 0 8px;color:var(--accent)}
.nwo-builder .grid{display:grid;gap:12px}
@media (min-width:960px){.nwo-builder .grid{grid-template-columns:1.2fr 1fr}}
.nwo-builder .card{background:var(--card);border:1px solid #232838;border-radius:16px;box-shadow:0 8px 24px rgba(0,0,0,.35)}
.nwo-builder .card h3{margin:0 0 8px;font-size:15px;color:var(--ink)}
.nwo-builder .card .hd{padding:12px 14px;border-bottom:1px solid #22293a;font-weight:600}
.nwo-builder .card .bd{padding:14px}
.nwo-builder label{display:block;margin:8px 0 4px;color:var(--muted)}
.nwo-builder select, .nwo-builder input[type="number"], .nwo-builder button{background:#0d111a;color:var(--ink);border:1px solid #2a3244;border-radius:10px;padding:10px 12px}
.nwo-builder select, .nwo-builder input[type="number"]{width:100%}
.nwo-builder .row{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.nwo-builder .pill{display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid #273046;background:#0d111a;border-radius:999px;margin:4px 6px 0 0}
.nwo-builder .muted{color:var(--muted)}
.nwo-builder .totals{display:flex;flex-wrap:wrap;gap:8px}
.nwo-builder .totals .pill b{color:var(--ink)}
.nwo-builder .section{margin-top:8px}
.nwo-builder .flex{display:flex;gap:10px;flex-wrap:wrap}
.nwo-builder .tag{font-size:12px;background:#0b1220;border:1px solid #22304a;border-radius:8px;padding:4px 8px;margin:2px 2px;color:var(--muted)}
.nwo-builder details{background:#0e1320;border:1px solid #232c40;border-radius:10px;padding:8px 10px}
.nwo-builder summary{cursor:pointer}
.nwo-builder .warning{color:var(--bad)}
.nwo-builder .success{color:var(--good)}
.nwo-builder .rollbox{display:flex;align-items:center;gap:10px;margin-top:10px}
.nwo-builder .dice{display:inline-grid;grid-template-columns:repeat(2,40px);gap:6px}
.nwo-builder .die{width:40px;height:40px;border-radius:8px;display:grid;place-items:center;background:#0b1020;border:1px solid #2a3350;font-weight:700}
.nwo-builder .total{font-size:18px;font-weight:700}
.nwo-builder .small{font-size:12px;color:var(--muted)}
.nwo-builder .list{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;margin-top:6px}
.nwo-builder .checkbox{display:flex;align-items:center;gap:8px;border:1px solid #2a3244;padding:8px;border-radius:10px}
.nwo-builder .checkbox input{width:16px;height:16px}
.nwo-builder .kudos{font-size:12px;color:var(--muted);margin-top:8px}

/* tables in summary */
.nwo-builder .stat-table{width:100%;border-collapse:collapse;margin-top:12px}
.nwo-builder .stat-table th,.nwo-builder .stat-table td{padding:6px 8px;border-bottom:1px solid #22293a;text-align:left}
.nwo-builder .stat-table th{background:#171c26;position:sticky;top:0;z-index:1;color:var(--accent)}
.nwo-builder .note{font-size:13px;color:var(--muted);background:#151923;border:1px solid #232c40;border-radius:8px;padding:10px;margin-bottom:8px}
.nwo-builder .breakdown-table th,.nwo-builder .breakdown-table td{font-size:13px;border-bottom:1px solid #22293a}