vichan/stylesheets/northboard_cb.css

/**
* northboard.css
* for circleboard by kotiakrobaatti
*/

body {
    background: #191919;
    color: #d4d4d4;
    font-size: 13px;
    font: 12px/1.5em Verdana,"DejaVu Sans",Sans-serif;
}

a:link, a:visited, .intro a.email {
    color: #60a0dc !important;
    text-decoration: none;
}

a:link:hover {
    outline: 0;
    color: #82c2fe !important;
}

a.post_no, a.watchThread {
    color: #60a0dc;
}

div.post.reply {
    background: #343439;
    border-color: #3070A9;
    border-top: 1px solid #3070A9;
    border-left: 1px solid #3070A9;
    border-radius: 3px;
    padding: 0px;
}

div.post.reply.highlighted {
    background: #44444f;
    border: 3px dashed #3070a9;
}

div.post.reply div.body a, .mentioned {
    color: 60a0dc;
    text-decoration: underline;
}

div.post.reply div.body a:hover {
    color: #82c2fe !important;
    text-decoration: underline !important;
}

div.body a:hover, a.watchThread:hover, a.email span.name:hover {
    color: #82c2fe !important;
}

.intro span.subject {
    color: #60a0dc !important;
    font-weight: 700;
    font-size: 1.4em;
    line-height: 35px;
    height: 35px;
    padding: 0 5px;
}

form table tr th {
    background: #333;
    border: 1px solid #444;
    color: #60a0dc;
}

div.ban h2 {
    background: #333;
    color: inherit;
}

div.ban {
    border-color: #800;
}

div.ban p {
    color: black;
}

div.pages {
    background: #343439;
    border: 1px solid #3070a9;
    border-radius: 5px;
}

div.pages a.selected {
    color: #ccc;
}

div.boardlist {
    color: #aaa;
}

div.boardlist a {
    color: #ccc;
}

table.modlog tr th {
    background: #333;
}

/* options.js */

#options_div, #alert_div {
    background: #44444f;
}

.desktop-style div.boardlist:nth-child(1) {
    background-color: #bbb;
}

span.name {
    color: #93e3ff !important;
}

span.trip {
    color: #ffffff;
}

span.quote {
    color: green;
}

[id^=thread] {
    background: #1C1C1C;
    margin-bottom: 1em ;
    padding: 1em 1em 0 1em ;
    border: 1px solid #333333;
}

[id^=thread] hr {
    display: none ;
}

html body hr {
    border-color: #9B9B9B;
    border-width: 1px;
}

p.intro {
    background-color: #44444F;
    padding-top: 5px;
    padding-left: 5px;
    padding-right: 5px;
    margin-top: 0px!important;
    display: box;
    margin: intial;
    border-bottom: 1px solid #1c1c1c;
    box-shadow: 0 5px 5px -5px #1c1c1c;
}

div.post.op p.intro {
    background-color: #252525;
    min-height: 30px;
}

span.omitted {
    color: #707070;
    font-size: .9em;
    margin: 5 5px 0px;
}

h1 {
    font-size: 3em;
    font-weight: 300;
    margin: .3em 0;
    color: #60a0dc;
}

div.subtitle {
    font-style: oblique;
    font-size: 1.25em!important;
    font-weight: 400!important;
    color: #ccc!important;
}

tr td input, #body {
    background-color: #AAA;
    border-color: #888;
    border-width: 1px;
    padding-top: 3px;
    padding-right: 2px;
    padding-bottom: 3px;
    padding-left: 2px;
}

#upload_file {
    color: #ccc;
    background-color: transparent;
}

div.blotter {
    color: #ccc!important;
}

div.banner, a.unimportant {
    background-color: #60a0dc;
    color: #000!important;
    border-radius: 3px;
    min-height: 25px;
    padding-top: 5px;
}

div.thread:hover {
    background: #44444f;
    border-color: #1c1c1c;
}

span.heading {
    color: red;
    text-shadow: 0 0 3px #000, 0 0 3px #000;
}

#expand-all-images,
#shrink-all-images,
#treeview{
  right: 1em !important;
  position: absolute !important;
}
 
#expand-all-images{
  margin-top: 4em !important;
}
 
#treeview{
  margin-top: 5em !important;
}
 
#shrink-all-images{
  margin-top: 6em !important;
}
 
#expand-all-images + hr,
#shrink-all-images + hr{
  opacity: 0 !important;
  margin: 0 !important;
}
 
#treeview + hr{
  opacity: 0 !important;
  clear: both !important;
}
 
#options_handler{
  margin-top: 3em !important;
}