Dred's HN CSS Madhackery

/* Dredmorbius's HN CSS Madhackery  2022-12-30 */

/* Overall Page Colours ... swap margin / main theme */

body {
    background-color: #f6f6ef;
}

#hnmain {
    background-color: white !important;
}

/* Fonts */

/* ... change this to define *overall* font size */

body {
    font-size: medium;
}

/* ... derived values */

td { font-size: 1em; }

.default { font-size: 1em; }
.admin {font-size: 0.85em; }
.title { font-size: 1.1em; }
.subtext { font-size: 0.8em; }
.yclinks { font-size: 0.8em; }
.pagetop { font-size: 1em; }
.comhead { font-size: 0.9em; }
.comment { font-size: 1em; }
.morelink { font-size: 0.8em; }

input, textarea {
    font-size: 1em;
    font-family: courier, monospace;
}


/* 'Graphs */

.default p {
    line-height: 1.4;
    margin: 0.75rem 0 0 0;
}

/* Elements */

.votelinks { padding-right: 0.5em;}
.votearrow {
    background-size: 0.8rem;
    height: 0.8rem;
    width: 0.8rem;
}

.title, .titleline, .title a {
    color: #000 !important;
}

.comhead, .comhead a {
    color: #999;
}

.comhead a:link {
    color: #000;
    color: #888;
}

.toptext {
    color: #000;
    margin-top: 2em;
}

/* Story metadata / subtext */

.subtext,
.subtext a,
.subtext a:visited {
    color: #888;
}

.comhead,
.comhead a,
.comhead a:link,
.subtext a:visited {
    color: #666;
}

.comment {
    padding-top: 0.75em;
}

.subtext .hnuser,
.subtext a.hnuser,
.comhead .hnuser,
.comhead a:link.hnuser {
    color: #666;
    font-weight: bold;
    padding-right: 0.75em;
}

.yclinks,
.yclinks a,
.yclinks a:link,
.yclinks a:visited {
    color: #666;
}

.yclinks a:hover {
    color: #000;
    text-decoration: underline;
}

.subtext a:hover,
.comhead a:hover {
    color: #000;
}

[id^="unv_"] {
    font-style: italic;
}

.navs a[href^="flag?"] {
    font-weight: bold;
}

/* User page profile description */
[op="user"] td {
    color: #000;
}


/* The one place that hasn’t been corrupted by capitalism:   Space!!! */

#pagespace {height: 3em !important; }
.spacer { height: 0.75em !important; }
.subtext { padding-top: 0.3em; }


/* Comment spacing */

.athing .default {
    padding-bottom: 1.25em;
    padding-top: 0.25em;
    margin-top: 0.25em;
    border-top: solid 1px #ddd;
}


/* Highlight current page selection in pagetop */
[op="newest"] .pagetop [href="newest"],
[op="threads"] .pagetop [href^="threads"],
[op="front"] .pagetop [href="front"],
[op="newcomments"] .pagetop [href="newcomments"],
[op="ask"] .pagetop [href="ask"],
[op="show"] .pagetop [href="show"],
[op="jobs"] .pagetop [href="jobs"],
[op="submit"] .pagetop [href="submit"],
[op="user"] .pagetop [href^="user"] {
    font-weight: bold;
    color: #fff;
}


/* More link / button ... */
.morespace + tr .title {
    margin: 0.6em;
    padding: 0.6em;
}

.morelink {
    font-size: 0.85em;
    border: solid 2px #ffbbaa;  /* That's my custom titlebar colour FWIW ... */
    border-radius: 0.25em;
    padding: 0.2em;
    margin: 0.3em;
    background: #f0f0f0;
}

/* Profile page ... increase spacing between elements / links to avoid misfires */

.profileform td {
    padding-bottom: 1em;
}