lainchan/stylesheets/greybird.css

html, body {
    background: #191919;
    color: #9a9a9a;
    font-family: sans-serif;
    font-size: 9pt;
}

@font-face {
  font-family: 'lain';
  src: url('./fonts/nrdyyh.woff') format('woff'),
       url('./fonts/lain.TTF') format('truetype');
}

#pagewrap {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0;
    margin-top: 0;
    max-width: 1200px !important;
}

.bar .top {position: fixed;}

.boardlist {padding: 10px;}

.desktop-style div.boardlist:not(.bottom) {background: #191919;}

div.boardlist {
    color: #3E3E3E;
}

.boardlist, .boardlist a {
    color: white;
    text-align: center;
    text-decoration: none;
}

.boardlist .sub {display: inline-block;}

header {
    margin-bottom: 20px;
    text-align: center;
}

.subtitle {color: grey;}

form table {margin: auto;}

.blotter {text-align: center;}

.thread {
    margin-left: auto;
    margin-right: auto;
}

.op {margin-bottom: 2rem;}

.intro span.subject {color: #1e6aad;}

.sidearrows {display: none;}

p.intro {margin: 0.2rem;}

.files {margin-bottom: 0.5rem;}

div.post.reply {
    background: #141313;
    border: none;
    padding: 1rem;
    margin-left: 0px;
}

hr {
    border-top: 1px solid #3E3E3E;
    margin: 10px 0px;
}

h1 {
    font-family: 'lain', tahoma, sans-serif;
    padding: 15px 0 5px 0;
    font-size: 15pt;
    text-align: center;
    color: #1e6aad;
}

h2 {margin: 5px 0;}

a {
    color: #ddd;
    text-decoration: none;
}

a:hover {
    color: #969696;
}

a:visited {
    color: #ddd;
}

div.post.reply div.body a {
    color: #ffffff;
    text-decoration: none;
}

div.post.reply div.body a:hover {
    color: #5d5d5d;
}

div.post.reply div.body a:visited {
    color: #ddd;
}

#options_div {background-color: #191919;}

p.fileinfo {margin: 0 10px 0 0;}

.post-image {margin: 5px 20px 10px 0;}

.options_tab_icon {color: #9a9a9a;}

.options_tab_icon.active {color: #ffffff;}

.threadlinks {background-color: #191919;}

form table tr th {
    background: inherit;
    padding: 4px 10px;
}

.bar.bottom {
    background: #191919;
    padding: 5px;
}

input[type="text"], input[type="password"], input[type="file"], textarea, select {
    background: #333333;
    color: #bcbcbc;
    border: 1px solid #474545;
    padding: 3px !important;
    margin-top: 2px;
    margin-bottom: 2px;
    margin-right: 5px;
}

textarea#body {
    clear: both;
    float: left;
}

#quick-reply .format-text {
    float: none;
}

#quick-reply .format-text > a {
    display: inline !important;
}

input[type="submit"] {
    color: #bcbcbc;
    font-size: 12px;
    background: #333333;
    padding: 3px 12px 3px 12px;
    border: solid #474545 1px;
    text-decoration: none;
}

input[type="submit"]:hover {
  background: #555555;
  text-decoration: none;
}

input[name="spoiler"] {
    position: relative;
    top: 3px;
    left: 1px;
}

input[name="post"] {
    float: left;
    margin-top: 2px;
}

input[name="search"] {
    padding: 4px !important;
}

div.format-text {
    float: left;
    margin-bottom: 2px;
}

.format-text > a {
    vertical-align: middle;
    line-height: 28px;
    margin-right: 10px;
    font-weight: bold;
}

div.banner {
    background-color: inherit;
    color: #9a9a9a;
    padding: 5px;
    font-size: 14px;
}

img.banner, img.board_image {
    border: 1px solid #a9a9a9;
    display: block;
    margin: 5em auto 0 auto;
}

footer {
    opacity: 0.6;
}

div.post.reply.highlighted {
    background: #3C3B3C;
}

.post-hover {
    border-width: 1px !important;
    border-color: #3C3B3C !important;
}

.intro span.name {
    color: #0fb62e;
    font-weight: bold;
}

.intro a.email span.name {
    color: #20bca0;
    font-weight: bold;
}

.intro a.email:hover span.name {
    color: #1448a2;
}

.quote {
    color: #4a9b20;
}


header div.subtitle {
    color: #ffffff;
}

#thread_stats {
    float: none;
}

div.post {
    line-height: 1.3 !important;
}

div.pages a.selected {
    color: #888;
    font-weight: bolder;
}

a:hover, .intro a.post_no:hover {
    color: #fff;
}

/* Compact boardlist */

.cb-menu {
    margin-top: -15px !important;
}

.cb-menuitem span {
    border-top: 1px solid rgba(255,255,255,0.2);
}

/* Quick reply */

#quick-reply table {
    background: #333333 !important;
}

/* Custom pages */

div.module, div.ban {
    background: inherit;
    border: none;
}

div.ban h2 {
    font-family: 'lain', tahoma, sans-serif;
    font-size: 13pt;
    color: #1e6aad;
    background: inherit;
}

#banlist th {
    background: #505050;
    color: #b7afaf;
    padding-top: 4px;
}

#banlist td:hover {
    background: #414141;
}

#banlist #select-all {
    margin-top: -2px;
}

.banlist-opts .checkboxes label {
    color: #9a9a9a;
    float: left;
}

.banlist-opts #search {
    float: right;
}

tr.tblhead > th {
    color: #b7afaf;
}

.tblhead {
    margin-top: 10px;
}

fieldset {
    border: 1px solid gray;  
}

@media screen and (max-width: 700px) {
    img.banner, img.board_image {
        border: 1px solid #a9a9a9;
        display: block;
        margin: 8em auto 0 auto;
    }
}


@media screen and (min-width: 700px) {
    img.banner, img.board_image {
        border: 1px solid #a9a9a9;
        display: block;
        margin: 6em auto 0 auto;
    }
}