nanochan Dark Theme v1.0.0 Source

body {
    background-color: #222;
    color: #FFF;
}

hr {
    background-color: #222;
    color: #333;
}

/*Top bar*/

div#topbar > nav#topnav {
    background-color: #333;
    border-bottom: 1px solid #777;
}

h2.barheader {
    background-color: #333;
}

div#topbar > nav#topnav a {
    color: #03A9F4;
}

div#topbar > nav#topnav > ul {
  display: flex;
  flex-direction: row;
}

div#topbar > nav#topnav > ul > li:nth-child(1) {
  order: 1;
}

div#topbar > nav#topnav > ul > li:nth-child(1):after {
  content: " -";
}

div#topbar > nav#topnav > ul > li:nth-child(2) {
  order: 2;
  opacity: 0.5;
}

div#topbar > nav#topnav > ul > li:nth-child(3):before {
  content: "- ";
}

div#topbar > nav#topnav > ul > li:nth-child(3) {
  order: 3;
}

div#topbar > nav#topnav > ul > li:nth-child(4) {
  order: 4;
}

div#topbar > nav#topnav > ul > li:nth-child(4):after {
  content: " -";
}

div#topbar > nav#topnav > ul > li:nth-child(5) {
  order: 5;
}

div#topbar > nav#topnav > ul > li:nth-child(5):after {
  content: " |";
}

div#topbar > nav#topnav > ul > li:nth-child(9) {
  order: 6;
}

div#topbar > nav#topnav > ul > li:nth-child(9):after {
  content: " -";
}

div#topbar > nav#topnav > ul > li:nth-child(6) {
  order: 7;
}

div#topbar > nav#topnav > ul > li:nth-child(8) {
  order: 8;
}

div#topbar > nav#topnav > ul > li:nth-child(8):after {
  content: " -";
}

div#topbar > nav#topnav > ul > li:nth-child(12) {
  order: 9;
}

div#topbar > nav#topnav > ul > li:nth-child(11) {
  order: 10;
}

div#topbar > nav#topnav > ul > li:nth-child(11):after {
  content: " -";
}

div#topbar > nav#topnav > ul > li:nth-child(14) {
  order: 11;
  opacity: 0.5;
}

div#topbar > nav#topnav > ul > li:nth-child(15) {
  order: 12;
  opacity: 0.5;
}

div#topbar > nav#topnav > ul > li:nth-child(7):before {
  content: "- ";
}

div#topbar > nav#topnav > ul > li:nth-child(7) {
  order: 15;
}

div#topbar > nav#topnav > ul > li:nth-child(7):after {
  content: " -";
}

div#topbar > nav#topnav > ul > li:nth-child(13) {
  order: 17;
  opacity: 0.5;
}

div#topbar > nav#topnav > ul > li:nth-child(10) {
  order: 16;
  opacity: 0.5;
}

div#topbar > nav#topnav > ul > li:nth-child(13) {
  order: 17;
  opacity: 1;
}

div#topbar > nav#topnav > ul > li:nth-child(13):after {
  content: " ----- Let's all love Lain";
}

/*Main, Logs and Stats*/

div.container {
    background-color: #333;
    border: 1px solid #777;
}

div.container > img#front-page-logo {
    filter: grayscale(100%) invert(82%);
}

div.container a {
    color: #03A9F4;
}

th {
    background-color: #333;
}

tr:nth-child(2n+1) {
    background-color: #444;
}

td {
    border: 1px solid #777;
}

/*Catalog*/

#content a {
    color: #03A9F4;
}

div.catalog-thread {
    width: 250px;
    height: 250px;
    padding: 0px;
    margin: 5px;
    border: 1px solid #777;
    background-color: #333;
    overflow-y: hidden;
    overflow-x: hidden;
}

.thread-info-replies {
    color: #FFC107;
}

div.catalog-thread > div.catalog-thread-subject {
    color: #f44336;
}

/*Content*/

h1.redheader, h1#boardtitle {
    color: #f44336;
}

h2#boardsubtitle {
    color: #FFC107;
}

a#new-post {
    color: #03A9F4;
}

/*Post*/

div.post {
    background-color: #333;
    border: 1px solid #777;
}

div.post:target {
    background-color: #333;
    border: 1px solid #777;
}

div.post > div.post-header > span.post-subject {
    color: #F44336;
}

div.post > div.post-header > span.post-name {
    color: #8BC34A;
}

div.post > div.post-header > span.post-name a {
    color: #1565C0;
}

span.capcode {
    color: #BA68C8;
}

time {
    color: #FFC107;
}

span.post-number > a {
    color: #03A9F4;
}

span.post-number > a:hover {
    color: #03A9F4;
    text-decoration: underline;
}

.thread-mod-links > a {
    color: #03A9F4;
}

.referee {
    font-size: 0.75em !important;
}

.post-file-info {
    font-size: 0.75em !important;
}

.post-file-info > a {
    color: #03A9F4;
}

a.referee {
    color: #03A9F4;
}

a.referee:hover {
    color: #03A9F4;
    text-decoration: underline;
}

/*Post comment*/

div.post > div.post-comment a, div.catalog-thread > div.catalog-thread-comment a {
    color: #03A9F4;
}

div.post > div.post-comment > span.greentext, div.catalog-thread span.greentext {
    color: #4CAF50;
}

div.post > div.post-comment > span.pinktext, div.catalog-thread span.pinktext {
    color: #EC407A;
}

div.post > div.post-comment > span.redtext, div.catalog-thread span.redtext {
    color: #F44336;
}

span.kiketext, div.catalog-thread span.kiketext {
    color: #33D;
    background-color: #FFF;
    font-weight: bold;
}

/*Post form*/

form#postform {
    background-color: #333;
    border: 1px solid #777;
}

form > label {
    background-color: #333;
}

input[type="text"], input[type="email"], input[type="password"], input[type="number"], input[type="checkbox"] {
    background-color: #444;
    border: 1px solid #777;
    color: #FFF;
}

textarea {
    background-color: #444;
    border: 1px solid #777;
    color: #FFF;
    width: 1000px;
    height: 500px;
}

form#postform > a.close-button {
    color: #03A9F4;
}

/*Bottom links*/
#bottom-links a {
    color: #03A9F4;
}