19 lines
1.5 KiB
CSS
19 lines
1.5 KiB
CSS
:root { --bg:#0b1117; --card:#0f1621; --fg:#e6edf3; --muted:#8b949e; --accent:#2ea043; }
|
|
* { box-sizing: border-box; }
|
|
body { margin:0; font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial; background:var(--bg); color:var(--fg); }
|
|
.container { max-width: 900px; margin: 2rem auto; padding: 0 1rem; }
|
|
h1 { font-size: 1.5rem; margin-bottom: 1rem; }
|
|
.card { background: var(--card); border-radius: 14px; padding: 1rem; margin-bottom: 1rem; box-shadow: 0 8px 24px rgba(0,0,0,.3); }
|
|
h2 { margin-top: 0; font-size: 1.1rem; }
|
|
.row { display: grid; grid-template-columns: 160px 1fr; gap: .75rem; align-items: center; margin: .5rem 0; }
|
|
label { color: var(--muted); }
|
|
input, select, textarea { width: 100%; padding: .6rem .7rem; border-radius: 10px; border: 1px solid #233; background: #0b1520; color: var(--fg); }
|
|
button { background: var(--accent); color: #08130b; border: none; padding: .6rem .9rem; border-radius: 10px; cursor: pointer; font-weight: 700; }
|
|
button:hover { filter: brightness(1.05); }
|
|
.muted { color: var(--muted); margin-top: .5rem; font-size: .9rem; }
|
|
.post { border: 1px solid #1d2734; border-radius: 12px; padding: .75rem; margin: .5rem 0; background: #0c1824; }
|
|
.post .meta { font-size: .85rem; color: var(--muted); margin-bottom: .4rem; }
|
|
.post .actions { margin-top: .5rem; display:flex; gap:.5rem; }
|
|
code { background:#0a1320; padding:.15rem .35rem; border-radius:6px; }
|
|
.badge { font-size:.75rem; padding:.1rem .4rem; border-radius: 999px; background:#132235; color:#9fb7d0; margin-left:.5rem; }
|