73 lines
1.7 KiB
CSS
Executable File
73 lines
1.7 KiB
CSS
Executable File
|
||
/* ===== Goons Status – page-scoped visuals only ===== */
|
||
|
||
/* Match your “card” look from other pages */
|
||
.gs-section {
|
||
border: 1px solid rgba(0,255,102,.25);
|
||
padding: 1rem;
|
||
margin: 1rem 0;
|
||
box-shadow: 0 0 14px rgba(0,255,102,.08);
|
||
}
|
||
|
||
.gs-row { display: flex; flex-wrap: wrap; gap: .75rem; align-items: center; }
|
||
.muted { color: #9aa0a6; }
|
||
|
||
/* Pill/badge styles */
|
||
.chip {
|
||
padding: .2rem .5rem;
|
||
border-radius: 999px;
|
||
border: 1px solid rgba(0,255,102,.25);
|
||
background: rgba(0,255,102,.08);
|
||
color: #a7f3d0;
|
||
font-size: .85rem;
|
||
white-space: nowrap;
|
||
display: inline-flex;
|
||
align-items: center;
|
||
gap: .35rem;
|
||
}
|
||
.chip.stale {
|
||
border-color: rgba(255,194,0,.45);
|
||
background: rgba(255,194,0,.08);
|
||
color: #ffd889;
|
||
}
|
||
|
||
.badge {
|
||
padding: .25rem .5rem;
|
||
border-radius: 999px;
|
||
background: rgba(0,255,102,.08);
|
||
border: 1px solid rgba(0,255,102,.25);
|
||
color: #a7f3d0;
|
||
font-size: .85rem;
|
||
white-space: nowrap;
|
||
}
|
||
|
||
/* Map name */
|
||
.map-pill {
|
||
display: inline-block;
|
||
padding: .2rem .5rem;
|
||
border-radius: 6px;
|
||
border: 1px solid rgba(0,255,102,.25);
|
||
background: rgba(0,255,102,.08);
|
||
color: #283f75; /* your chosen accent color */
|
||
font-weight: 700;
|
||
text-shadow: none;
|
||
}
|
||
.pill-row { margin-bottom: .35rem; }
|
||
|
||
/* Cards & layout */
|
||
.gs-card { margin-bottom: .75rem; }
|
||
.gs-card h3 { margin: 0 0 .35rem 0; font-size: 1.05rem; }
|
||
|
||
.gs-grid {
|
||
display: grid;
|
||
grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
|
||
gap: 14px;
|
||
}
|
||
|
||
/* Header meta row */
|
||
.page-meta { display:flex; gap:.5rem; align-items:center; flex-wrap:wrap; }
|
||
.page-meta .spacer { flex: 1 1 auto; }
|
||
|
||
/* Tighten glow around updated badge for clearer text */
|
||
#gs-updated { text-shadow: none; }
|