interchan/board/static/board/style.css

:root {
    --body: #ededed;
    --highlight: #555;
    --border-color: #555;
    --quote: #595;
    --activated: #888;
    --post-background: #d9d9d9;
    --reply-background: #eee;
}

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 { }*/
.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 {
    font-weight: bold;
}

.post_name {
    font-weight: bold;
}

.post {
    background-color: var(--post-background);
    padding: 10px;
}

.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;
}

/* Misc */

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

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

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

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