interchan/board/static/board/style.css

:root {
    --body: #ededed;
    --highlight: #aaa;
    --link: #555;
    --border-color: #555;
    --name: #060;
    --quote: #595;
    --subject: #333;
    --activated: #888;
    --post-background: #d9d9d9;
    --reply-background: #eee;
    --error: #f00;
}

body {
    background-color: var(--body);
}

hr {
    color: var(--body);
}

th {
    text-align: left;
    vertical-align: top;
}

.column {
    float: left;
    width: 33.33%;
}

/* Clear floats after the columns */
.row:after {
    content: "";
    display: table;
    clear: both;
}

/* Create thread/post form */
.post_form_image_specs {
    font-size: small;
}

/* Pagination */
.pagination {
    margin: auto;
    width: 50%;
    text-align: center;
}

.post_menu {
    position: absolute;
    background: var(--body);
    outline: 1px solid var(--border-color);
}

.post_menu_items {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.post_menu_item {
    padding: 3px;
}

.post_menu_button {
    text-decoration: none;
}

/*******************************************************************************
 Posts
********************************************************************************/
.post_body {
    overflow-wrap: break-word;
}

.post_image_info {
    font-size: small;
    padding-bottom: 5px;
}

.post_image_thumbnail {
    float: left;
    padding-right: 5px;
}

.post_content:after {
    content: "";
    display: table;
    clear: both;
}

.post_sticky {
    font-weight: bold;
}

.post_id {
    cursor: pointer;
}

.post_id:hover {
    color: var(--activated);
}

.post_subject {
    color: var(--subject);
    font-weight: bold;
}

.post_name {
    color: var(--name);
    font-weight: bold;
}

.post_tripcode {
    color: var(--name);
}

.post_stats {
    float: right;
}

.post_highlight {
    background-color: var(--highlight);
}

.thread {
    background-color: var(--post-background);
    padding: 10px;
    margin-bottom: 25px;
    margin-top: 25px;
}

.reply {
    background-color: var(--reply-background);
    padding: 10px;
    margin: 5px 0 0 0;
}

.replies_elided {
    font-weight: italic;
    font-size: small;
}

.quote {
    color: var(--quote);
}

.post_link {
    text-decoration: underline;
}

.post_link_broken {
    text-decoration: line-through;
}

.thread_hide_button {
    cursor: pointer;
}

.thread_show_button {
    cursor: pointer;
}

.post_hidden {
    display: none;
}

#image_hover {
    position: fixed;
    top: 0px;
    right: 0px;
}

/* Spoilers */

.spoiler {
    color: #000;
    background-color: #000;
}

.spoiler:hover {
    background-color: rgb(0, 0, 0, 0);
}

/* News */
.news_header {
    font-size: small;
}

.news_recent {
    font-size: smaller;
}

/* Nav */
nav {
    font-size: small;
}

/* Misc */

a:link {
    color: var(--link);
}

a:visited {
    color: var(--link);
}

a:hover {
    color: var(--activated);
}

a:active {
    color: var(--activated);
}