Gazelle/static/styles/postmod/scss/postmod.scss

/*
Postmodern: A mongrel stylesheet for What.CD, based on 'Zeal', a modification of the original 'Teal' by pellad.
This design incorporates some code from the 'Customize Zeal' Greasemonkey script by OhmG. The background image is also sourced from that script.
*/

/* Asset Location! */
$images: "postmod/images/";

/* Layout (Torrents page) */

/* Global */
@font-face {
    font-family: Akzidenz;
    src: url($images + "Akzidenz.otf");
}
@font-face {
    font-family: Officina;
    src: url($images + "Officina.otf");
}
@font-face {
    font-family: Corpid;
    src: url($images + "CorpidOffice.ttf");
}
@font-face {
    font-family: Avant;
    src: url($images + "Avant.otf");
}

* {
    padding: 0;
    margin: 0;
}

html {
    width: 100%;
}

body {
    background: #000 url($images + "wood.jpg") no-repeat fixed;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 9pt;
    color: #eee;
    background-size: cover;
}

.forum_post pre {
    max-width: 660px;
    max-height: 500px;
    overflow: auto;
}

table tbody,
.main_column,
.sidebar,
.box,
.thin,
.pad,
#threadpoll,
#poll {
    color: #444;
}

/* Common elements */

a {
    text-decoration: none;
    border: none;
    color: #4fd1ff;
}

a img {
    border: 0;
}

table tbody a,
.main_column a,
.sidebar a,
.box a {
    color: #0a84af;
}

table tbody a:hover,
.main_column a:hover,
.sidebar a:hover,
.box a:hover {
    color: #0c9ccf;
}

#header a:hover,
.linkbox a:hover {
    text-decoration: underline;
}

a[onclick]:focus {
    outline: 0;
    background: transparent;
}

a[onclick]:active {
    outline: 0;
}

a[onclick^="AddArtistField"]:focus,
a[onclick^="AddArtistField"]:active {
    outline: 0;
    background: transparent !important;
    padding: 0 !important;
}

/* 2021-01-16
.main_column a[href^="http"],
.main_column a[href^="https"] {
    padding: 0 10px 0 0;
    background: url(images/external.png) 100% 4px no-repeat;
}
*/

/* 2021-01-16
.main_column a[href^="http"]:hover,
.main_column a[href^="https"]:hover {
    padding: 0 10px 0 0;
    background: url(images/external.png) 100% 4px no-repeat !important;
}
*/

/* 2021-01-16
.forum_post a[href^="http"],
.forum_post a[href^="https"] {
    padding: 0 10px 0 0;
    background: url(images/external.png) 100% 4px no-repeat;
}
*/

/* 2021-01-16
.forum_post a[href^="http"]:hover,
.forum_post a[href^="https"]:hover {
    padding: 0 10px 0 0;
    background: url(images/external.png) 100% 4px no-repeat;
}
*/

/* 2021-01-16
.head a[href^="http"]:hover,
.head a[href^="https"]:hover,
.colhead a[href^="http"]:hover,
.colhead a[href^="https"]:hover,
.colhead_dark a[href^="http"]:hover,
.colhead_dark a[href^="https"]:hover {
    padding: 0 10px 0 0;
    background: url(images/external.png) 100% 4px no-repeat;
}
*/

/* 2021-01-16
.forum_post a[href^="http"] img,
.forum_post a[href^="https"] img {
    padding: 0 0 0 0;
    background: transparent !important;
    border: none;
}
*/

/* 2021-01-16
.forum_post a[href^="http"] img:hover,
.forum_post a[href^="https"] img:hover {
    padding: 0 0 0 0;
    background: transparent !important;
    border: none;
}
*/

h1,
h2,
h3 {
    margin: 5px 0px;
    color: #dfdfdf;
    font-family: Akzidenz, sans-serif;
}

h1 a:hover,
h2 a:hover,
h3 a:hover {
    text-decoration: underline;
}

.box h1,
.box h2,
.box h3,
.box h4 .box2 h1,
.box2 h2,
.box2 h3,
.box2 h4 {
    color: #000;
}

.size3,
.size4,
.size5,
.size6,
.size7 {
    font-family: Akzidenz, sans-serif;
}

li {
    margin: 5px 15px;
}

input {
    padding: 2px 3px;
}

textarea {
    padding: 2px 3px;
}

img {
    border: none;
}

/* Styles generated by the BBCode parser */

span.size1 {
    font-size: 0.75em;
}
span.size2 {
    font-size: 1em;
}
span.size3 {
    font-size: 1.25em;
}
span.size4 {
    font-size: 1.5em;
}
span.size5 {
    font-size: 1.75em;
}
span.size6 {
    font-size: 2em;
}
span.size7 {
    font-size: 2.25em;
}
span.size8 {
    font-size: 2.5em;
}
span.size9 {
    font-size: 2.75em;
}
span.size10 {
    font-size: 3em;
}

ul.thin {
    margin: 0px 0px 0px 25px;
    padding: 0px;
}
ul.thin li {
    margin: 0px 0px;
    padding: 0px;
}

/* Layout (Every page) */
#wrapper {
    padding: 0 0 0 0;
}
#header {
    width: 950px;
    margin: 0 auto 0 auto;
    height: 173px;
    padding: 0 0 0 0;
}

#content {
    width: 906px;
    margin: 0 auto 0 auto;
    border: 1px solid #222;
    color: #dfdfdf;
    background: transparent url($images + "content.png");
    padding: 40px 22px;
    overflow: hidden;
}

/* 2021-01-16
#alerts {
    background: transparent url($images + "content.png");
    padding: 4px 9px;
    margin: -19px auto 0 auto;
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
}
*/

#footer {
    background: transparent url($images + "bg_footer.png");
    margin-top: 40px;
    width: 100%;
    text-align: center;
    padding: 1em 0;
    color: #ccc;
    font-size: 8pt;
}

#footer:after {
    content: url($images + "gazelle.png");
}

/* 2021-02-11
#disclaimer_container {
    font-size: 7pt;
    color: #ccc;
}
*/

/* 2021-01-16
#logo {
    width: 193px;
    height: 39px;
    background: url("data:image/png;base64,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")
        no-repeat top left;
    margin: 23px 0 0 11px;
    position: absolute;
    z-index: 2;
}
*/

/* 2021-01-16
#logo a {
    border: none;
    width: 193px;
    height: 39px;
    display: block;
}
*/

#header a:active,
#header a:focus,
#logo a:hover,
#logo a:active,
logo a:focus {
    border: none;
    outline: none;
}

/* 2021-01-16
#menu {
    height: 38px;
    position: absolute;
    padding: 0 0 0 0;
    margin: 30px 0 0 340px;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 11pt;
    min-width: 595px;
}
*/

#menu a {
    color: #fff;
    text-decoration: none;
}

#menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
#menu ul li {
    float: left;
    margin: 5px 8px;
    display: block;
}

#menu ul li a {
    font-family: Akzidenz, sans-serif;
    font-size: 11pt;
    outline: none;
    padding: 0 0 2px 0;
}

#menu ul li a:hover {
    border-bottom: 3px solid #efb34a;
    text-decoration: none;
}

#menu ul li a:active,
#menu ul li a:focus {
    border-bottom: 3px solid #efa82c;
}

#index #nav_index a,
#torrents #nav_torrents a,
#collage #nav_collages a,
#requests #nav_requests a,
#forums #nav_forums a,
#chat #nav_irc a,
#top10 #nav_top10 a,
#rules #nav_rules a,
#wiki #nav_wiki a,
#staff #nav_staff a {
    border-bottom: 4px solid #111;
}

/* 2021-01-16
#userinfo {
    position: absolute;
    color: #fff;
    width: 950px;
    font-size: 8pt;
}
*/

/* 2021-01-16
#userinfo_major {
    position: absolute;
    width: 609px;
    margin: 110px 0 0 326px;
    text-align: right;
}
*/

/* 2021-01-16
#userinfo_username {
    position: absolute;
    margin: 94px 0 0 11px;
}
*/

/* 2021-01-16
#userinfo_stats {
    margin: 74px 0 0 11px;
    position: absolute;
}
*/

/* 2021-01-16
#userinfo_stats a {
}
*/

#userinfo_stats li span {
    color: #fff;
}
#userinfo_minor {
    position: absolute;
    width: 295px;
    margin: 70px 0 0 640px;
    text-align: right;
    float: right;
}
#userinfo_minor li a {
    color: #fff;
}

#userinfo img {
    margin-top: -5px;
}

#userinfo ul {
}

#userinfo ul li {
    display: inline;
    margin: 0 0.1em;
    line-height: 20px;
    vertical-align: middle;
    padding: 0px;
}

#userinfo a,
#alerts a {
    color: #fff;
}

#userinfo b a {
    font-weight: normal;
    font-size: 0.9em;
}

/* 2021-01-16
#searchbars {
    position: absolute;
    top: 132px;
    width: 912px;
    margin: 0 0 0 17px;
}
*/

#searchbars input {
    /* width: 130px; */
    border: 1px solid #fff;
    padding: 0 2px 0 10px;
    font-family: Helvetica, Arial, sans-serif;
    height: 22px;
    background: url($images + "content_light.png") transparent;
    color: #fff;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
}

#autocomplete {
    background: url($images + "content.png");
    border: 1px solid #eee;
    list-style: none;
}

#searchbars input:active,
#searchbars input:focus {
    background: url($images + "content.png");
    border: 1px solid #eee;
}

#searchbars ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: block;
}

#searchbars ul li {
    display: inline;
    float: left;
    width: 148px;
    margin: 0;
    padding-left: 4px;
    position: relative;
    list-style: none;
}

#searchbars ul li ul {
    display: block;
    position: absolute;
    top: 1em;
    left: 0;
    z-index: 1000;
    border: 1px solid #eee;
    background: url($images + "content.png");
    width: 12em;
    margin-top: 12px;
}

#searchbars ul li ul li {
    margin: 1px 0 1px 4px;
    padding: 0;
    display: block;
    width: 100%;
    cursor: pointer;
}

#searchbars ul li ul li.highlight {
    color: #4fd1ff;
}

#searchbars ul li form {
    display: inline;
    margin: 0;
}

/* 2021-01-16
#alerts {
    width: 230px;
    margin: 75px 0px 0px 338px;
    position: absolute;
    text-align: center;
    color: #fff;
}
*/

#cat-selector ul {
    width: 100%;
}

#cat-selector ul li {
    display: inline;
    width: 12em;
    height: 1em;
    float: left;
}

#debug_report pre {
    width: 890px;
    overflow: auto;
}

/* Strip the category column */
td.cats_col,
td.center.cats_col {
    border-right: none;
}
table.grouping > tbody > tr.torrent > td:first-child + td + td,
table.no_grouping > tbody > tr.torrent > td:first-child + td,
table.grouping > tbody > tr.group > td:first-child + td + td,
table.grouping > tbody > tr.colhead > td:first-child + td + td,
table.no_grouping > tbody > tr.group > td:first-child + td,
table.no_grouping > tbody > tr.colhead > td:first-child + td {
    /*text-indent:-20px;*/
    border-left: none;
}

.last_read {
    width: 15px;
    height: 15px;
    background: url($images + "go_last_read.png") no-repeat center center;
    margin-left: 5px;
}
.last_read a {
    border: none;
    width: 100%;
    height: 100%;
    display: block;
}
.last_read a:hover {
    border: none;
}
.last_read a:active,
.last_read a:focus {
    outline: 0;
}

.hidden {
    position: absolute;
    left: -10000px;
}

input.hidden {
    position: absolute;
    display: none;
}

/* Layout (Any page) */

.thin {
    width: 850px;
    margin: 0px auto;
    color: #dfdfdf;
}

.linkbox {
    text-align: center;
    padding: 5px;
    color: #fcfcfc;
}

.center {
    text-align: center;
}

.right {
    text-align: right;
}

.min_padding {
    padding: 0px;
    margin: 0px 0px;
}

p.min_padding {
    margin: 2px 0px;
}

.pad {
    padding: 1em;
}

.sidebar .pad {
    padding: 10px;
}

.vertical_space {
    margin-bottom: 10px;
}

.box {
    font-size: 10pt;
    background-color: #f7f6f2;
    margin-bottom: 10px;
}

.box2 {
    font-size: 10pt;
    background-color: #f7f6f2;
    margin-bottom: 10px;
}

.pad h3,
.pad h4,
.padbox h3,
.padbox h4 {
    margin-top: 0px;
    padding-top: 0px;
}

.sidebar {
    float: right;
    width: 245px;
}

.body {
    padding: 3px 10px 10px 10px;
}

.main_column {
    width: 592px;
}

.main_column table {
    margin-bottom: 10px;
}

.main_column .box .body {
    font-size: 8pt;
}

.tags {
    padding: 0px 0px 0px 20px;
    font-style: italic;
}

.tags a {
    color: #8d957e;
}

.tags a:hover {
    color: #444;
}

.noborder {
    border: none;
}

ul.nobullet {
    list-style-type: none;
}

#user .box2 .nobullet a {
    font-size: 16px;
}

table {
    width: 100%;
    border-collapse: collapse;
    border: none;
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
}

tr {
    border: none;
    background-color: #fbfaf8;
}

tr.rowa {
    background-color: #f0f0f0;
}

tr.rowb {
    background-color: #ffffff;
}

td,
th {
    border: none;
    padding: 5px;
    text-align: left;
}

.colhead,
.colhead_dark,
.head {
    padding: 4px;
    background: #000 url($images + "table_header_dark.png") repeat-x;
    border-bottom: 1px solid #000;
    color: #fbfcfd;
}

.colhead a,
.colhead_dark a,
.head a {
    color: #fbfcfd;
}

.colhead_dark a img:active,
.colhead_dark a img:focus {
    outline: 0;
}

td.colhead,
.colhead td,
.colhead th {
    padding-left: 10px;
    padding-right: 10px;
}

.colhead .sign,
.colhead_dark .sign {
    padding: 0px 8px 0px 8px;
    vertical-align: middle;
    text-align: center;
    font-size: 12pt;
}

td.label {
    text-align: right;
    width: 180px;
}

#upload form table td.label {
    vertical-align: top;
    padding-top: 15px;
}

table.slice {
    margin-top: -1px;
}

tr.peer_list {
    font-size: 8pt;
}

tr.peer_list td {
    padding: 2px 0px 2px 2px;
}

.error_message {
    border: 1px solid #666;
    padding: 3px 0px 3px 0px;
    background-color: #af2525;
    text-align: center;
    color: white;
}

.save_message {
    border: 1px solid #666;
    padding: 3px 0px 3px 0px;
    background-color: #f4e649;
    text-align: center;
    color: #492802;
}

.elem_error {
    border: 3px solid #b00d0d;
}

.hide {
    display: none;
}

/* Layout (home page) */

ul.stats li {
    padding: 0px 0px 1px 0px;
    font-size: 8pt;
}

ul.poll li {
    padding: 0px 0px 0px 10px;
    margin: 0px;
    clear: left;
}

ul.poll li.graph {
    margin-bottom: 3px;
    padding-left: 20px;
}

/* Layout (Torrents page) */

.show_torrents {
    width: 28px;
    height: 28px;
    background: url($images + "show.png") no-repeat center center;
    -moz-opacity: 0.5;
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.hide_torrents {
    width: 28px;
    height: 28px;
    background: url($images + "hide.png") no-repeat center center;
    -moz-opacity: 0.5;
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.show_torrents_link {
    border: none;
    width: 28px;
    height: 28px;
    display: block;
}

.torrent_table a:active img,
.torrent_table a:focus img {
    background-color: transparent !important;
}

.filter_torrents {
    width: 750px;
    margin: auto;
}

.filter_torrents .submit {
    text-align: right;
    padding-top: 5px;
}

#content form.search_form + .torrent_table {
    margin-top: 20px;
}

.cat_list tr td {
    border: none;
}

.torrent_table tr {
    vertical-align: top;
}

.torrent_table tr.group {
    background-color: #efefef;
}
.torrent_table tr.group_torrent {
    background-color: #fbfaf8;
    border-bottom: 1px solid #efefef;
}

tr.group_torrent td,
tr.group td,
tr.torrent td {
    color: #646054;
}
.torrent_table.grouping tr.torrent,
.torrent_table.no_grouping tr.torrent {
    background-color: #efefef;
}

.torrent_table div.tags {
    font-weight: normal;
}

.torrent_table tr .center {
    vertical-align: middle;
    text-align: center;
}

.group_torrent span {
    float: right;
}

.torrent span {
    font-weight: normal;
    float: right;
}

.nobr {
    white-space: nowrap;
}

/* Layout (Forums) */

.unread_locked_sticky {
    background: url($images + "locked_sticky_unread.png") no-repeat center center;
}
.read_locked_sticky {
    background: url($images + "locked_sticky_read.png") no-repeat center center;
}
.read_sticky {
    background: url($images + "sticky_read.png") no-repeat center center;
}
.unread_sticky {
    background: url($images + "sticky_unread.png") no-repeat center center;
}
.unread_locked {
    background: url($images + "locked_unread.png") no-repeat center center;
}
.read_locked {
    background: url($images + "locked_read.png") no-repeat center center;
}
.unread {
    background: url($images + "unread.png") no-repeat center center;
}
.read {
    background: url($images + "read.png") no-repeat center center;
}

table.forum_post {
    margin: 10px 0px;
}

table.forum_post td {
    border: 1px solid #666;
}

table.forum_unread {
    border: 2px solid #ea5600;
}

td.avatar {
    width: 150px;
    padding: 0px;
}

table.forum_post td.body {
    width: 690px;
}

#quickreplypreview .forum_post {
    padding: 5px;
}

strong.quoteheader {
    color: #444;
}

blockquote {
    margin: 10px;
    padding: 10px;
    border: 1px dashed #666;
    background: #ececec;
}

/* Layout (Inbox) */

tr.unreadpm {
    background-color: #e0ebef;
}

/* Layout (collages) */
.collage_images li {
    background-color: #f7f6f2;
    vertical-align: middle;
}

/* Layout (Permission Page) */

.permission_head {
    width: 400px;
    margin-left: auto;
    margin-right: auto;
}

.permissions {
    width: 930px;
    margin-left: auto;
    margin-right: auto;
}

.permission_container {
    float: left;
    width: 300px;
    padding: 5px;
}
.permission_container input {
    margin: 0px 3px 5px 0px;
    vertical-align: top;
}

.toolbox_container {
    float: left;
    padding: 5px;
    width: 200px;
}

/* Layout (Invite tree) */

ul .invitetree {
    margin: 0px 0px 0px 25px;
}

.invitetree li {
    list-style: none;
    margin: 10px 2px;
}

.head a:hover,
.colhead a:hover,
.colhead_dark a:hover,
.head a:focus,
.colhead a:focus,
.colhead_dark a:focus {
    background: transparent !important;
    outline: 0;
}

/* Layout (User options) */

.user_options .options_list li {
    margin: 0;
}

/* Layout (MISC) */

.poll {
    list-style: none;
    padding: 10px;
    margin: 5px;
}
.poll li {
    clear: both;
}
.poll .graph {
    padding: 0 0 15px 0;
}
.poll .graph span {
    display: block;
    height: 19px;
    float: left;
}
.poll .graph .left_poll {
    width: 9px;
    background: url($images + "poll_left.png") top left no-repeat;
}
.poll .graph .center_poll {
    background: url($images + "poll_middle.png") top left repeat-x;
    max-width: 730px;
}
#index .poll .graph .center_poll {
    max-width: 135px;
}
.poll .graph .right_poll {
    width: 11px;
    background: url($images + "poll_right.png") top left no-repeat;
}

.curtain {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #111 50% 0 no-repeat fixed;
    z-index: 1001;
    -moz-opacity: 0.9;
    opacity: 0.9;
    filter: alpha(opacity=90);
}

.lightbox {
    position: fixed;
    text-align: center;
    top: 5%;
    left: 5%;
    width: 90%;
    height: 90%;
    padding: 0px;
    z-index: 1002;
    overflow: auto;
}

.lightbox img {
    max-width: 100%;
    max-height: 100%;
    background-color: transparent;
    z-index: -1;
}

input[type="button"],
input[type="submit"] {
    background: #111 /*url(images/alert-overlay.png)*/ repeat-x;
    display: inline-block;
    padding: 3px 6px 4px;
    margin: 3px;
    color: #fff;
    text-decoration: none;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    border-left: 0;
    border-top: 0;
    border-right: 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.25);
    cursor: pointer;
}

input[type="button"]:hover,
input[type="submit"]:hover {
    background-color: #000;
    color: #fff;
}
input[type="button"]:active,
input[type="submit"]:active {
    top: 1px;
}

input[type="button"]:active,
input[type="button"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
    display: inline-block;
    padding: 3px 6px 4px;
    margin: 3px;
    color: #fff;
    text-decoration: none;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    border-left: 0;
    border-top: 0;
    border-right: 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.25);
    cursor: pointer;
}

input[type="text"],
input[type="email"],
input[type="password"],
input[type="search"] {
    background: #111 /*url(images/alert-overlay.png)*/ repeat-x;
    display: inline-block;
    padding: 3px;
    margin: 3px;
    color: #fff;
    text-decoration: none;
    border-top: 1px solid #777;
    border-left: 1px solid #777;
    border-right: 1px solid #333;
    border-bottom: 1px solid #333;
}

input[type="text"]:hover,
input[type="text"]:focus,
input[type="email"]:hover,
input[type="email"]:focus,
input[type="search"]:hover,
input[type="search"]:focus,
input[type="password"]:hover,
input[type="password"]:focus {
    background-color: #000;
    color: #fff;
}
input[type="text"]:active,
input[type="email"]:active,
input[type="search"]:active,
input[type="password"]:active {
    top: 1px;
}

input[disabled="disabled"] {
    background: #4f4f4f /*url(images/alert-overlay.png)*/ repeat-x;
    color: #dfdfdf;
}
input[disabled="disabled"]:hover,
input[disabled="disabled"]:focus,
input[disabled="disabled"]:active {
    background-color: #4f4f4f;
    color: #dfdfdf;
}

select[disabled="disabled"] {
    background: #4f4f4f;
    color: #dfdfdf;
}
select[disabled="disabled"]:hover,
select[disabled="disabled"]:focus,
select[disabled="disabled"]:active {
    background-color: #4f4f4f;
    color: #dfdfdf;
}

select,
select:active,
select:focus {
    background: #111 /*url(images/alert-overlay.png)*/ repeat-x;
    display: inline-block;
    margin: 3px;
    color: #fff;
    text-decoration: none;
    border: 0;
    font-family: Helvetica, Arial, sans-serif;
}

option,
option:active,
option:focus {
    background: #111;
    padding: 1px;
    margin: 0;
    color: #fff;
    text-decoration: none;
    border: 0;
    font-family: Helvetica, Arial, sans-serif;
}

select:hover,
option:hover {
    background: #3f3f3f;
}

#logchecker .thin,
#logchecker h3,
.log_outer,
.log_outer h3 {
    color: #444;
}

.spellcheck {
    margin: 10px 0;
    font-size: 1.25em;
    font-weight: bold;
}

ul,
ol {
    list-style-position: inside;
}

tr.torrent .bookmark > a:before {
    color: #646054;
}
tr.torrent .bookmark > a:after {
    color: #646054;
}

#requests .forum_post textarea {
    /* overriding the inline 80-character monospace */
    max-width: 409px;
}

.linkbox .brackets:before,
.linkbox .brackets:after,
.top10_quantity_links .brackets:before,
.top10_quantity_links .brackets:after {
    color: #fcfcfc;
}

#userinfo_username .brackets:before {
    content: "[";
}

#userinfo_username .brackets:after {
    content: "]";
}

.field_div {
    margin-bottom: 10px;
}

.edit_changelog textarea {
    width: 600px;
}

.autocomplete-suggestions {
    background: #111;
}
.autocomplete-selected {
    background: #444;
}

div[class~="tooltipster-base"] {
    background-color: #ececec;
    color: #444;
}

div[class~="tooltipster-content"] > a {
    color: #0a84af;
}

#settings_sections #submit,
#settings_sections #settings_search {
    margin: 3px 0;
}

.vote_tag_up,
.vote_artist_up,
.vote_album_up,
.small_upvote,
.small_upvoted {
    color: green;
}

.vote_tag_down,
.vote_artist_down,
.vote_album_down,
.small_downvote,
.small_downvoted {
    color: red;
}

/* workaround for calendar display issue */
div.sidebar #event_div {
    margin-left: -50px;
}

.sidebar img {
    max-width: 225px;
}

.news_post img,
.wiki_article img {
    max-width: 565px;
}

#reportsv2 .manage_form img {
    max-width: 622px;
}

input[type="search"] {
    font-size: 13px;
}