33 lines
1.6 KiB
CSS
33 lines
1.6 KiB
CSS
|
:root{ --bg:#0b0b0b; --text:#d6d6d6; --muted:#9aa0a6; --accent:#7fdc6f; --card:#111; }
|
||
|
|
*{box-sizing:border-box}
|
||
|
|
body{
|
||
|
|
background:var(--bg);
|
||
|
|
color:var(--text);
|
||
|
|
font-family: "DejaVu Sans Mono", "Courier New", monospace;
|
||
|
|
margin:0;
|
||
|
|
padding:0;
|
||
|
|
}
|
||
|
|
.container{max-width:980px;margin:0 auto;padding:12px}
|
||
|
|
.header{background:#050505;padding:12px 0;border-bottom:1px solid #222}
|
||
|
|
.logo a{color:var(--accent);text-decoration:none;font-size:20px}
|
||
|
|
.nav a{color:var(--muted);margin-right:12px;text-decoration:none}
|
||
|
|
.search{display:inline-block;float:right}
|
||
|
|
.search input{padding:4px}
|
||
|
|
.content{width:68%;float:left}
|
||
|
|
.sidebar{width:30%;float:right;background:transparent;padding-left:12px}
|
||
|
|
.card, .post-full{background:var(--card);border:1px solid #222;padding:10px;margin-bottom:10px}
|
||
|
|
.meta{color:var(--muted);font-size:12px;margin-top:8px}
|
||
|
|
.excerpt p{margin:0}
|
||
|
|
footer.footer{clear:both;padding:20px;text-align:center;color:var(--muted);border-top:1px solid #111;margin-top:20px}
|
||
|
|
.taglist{list-style:none;padding:0;margin:0}
|
||
|
|
.taglist li{margin-bottom:6px}
|
||
|
|
.taglist a{color:var(--accent);text-decoration:none}
|
||
|
|
button{background:#222;color:var(--text);border:1px solid #333;padding:6px 10px;cursor:pointer}
|
||
|
|
input, textarea{background:#070707;color:var(--text);border:1px solid #222;padding:6px}
|
||
|
|
.suggestions{margin-top:6px}
|
||
|
|
.tag-sugg{background:#111;border:1px solid #333;padding:4px;margin-right:4px}
|
||
|
|
.post-actions{margin-top:12px}
|
||
|
|
.flag-form input{width:200px;padding:6px;margin-right:6px}
|
||
|
|
.pagination{margin-top:8px;color:var(--muted)}
|
||
|
|
.flags{width:100%;border-collapse:collapse}
|
||
|
|
.flags th, .flags td{border:1px solid #222;padding:6px}
|