A simple, plain-styled, solarized 4chan style.

4chan_X-Plainview-Solarized.css

@project: 4chan X Plainview Solarized
@version: 0.1.1 /*[release|dev|seg]*/
@author: kilo /*[github.com/kilog]*/
@license: memeware
 
			 /** !!!!WARNING!!!!				**
			  ** ENABLE 4CHAN'S STOCK "TOMORROW" THEME.	**
			  ** IF YOU DO NOT, IT WILL LOOK LIKE SHIT.	**
			  ** BE ADVICED					**/

/* Board title rice */
div.boardTitle {
  font-weight: 400 !important;
}
:root.yotsuba div.boardTitle {
  font-family: sans-serif !important;
  text-shadow: 1px 1px 1px rgba(100,0,0,0.6);
}
:root.yotsuba-b div.boardTitle {
  font-family: sans-serif !important;
  text-shadow: 1px 1px 1px rgba(105,10,15,0.6);
}
:root.photon div.boardTitle {
  font-family: sans-serif !important;
  text-shadow: 1px 1px 1px rgba(0,74,153,0.6);
}
:root.tomorrow div.boardTitle {
  font-family: sans-serif !important;
  text-shadow: 1px 1px 1px rgba(167,170,168,0.6);
}

/*REMOVE THIS CHUNK, IF YOU WANT THE BLOTTER BACK.
IT'S BASICALLY DEBUG SHIT SINCE IM HAVING DIFFICULTIES*/
#blotter > thead{
display:none;
}
#blotter-msgs{
display:none;
}
#blotter > tfoot{
display:none;
}
#blotter{
display:none;
}

/*********************/


*    body {

        background: #073642 !important;
		color: #eee !important;
    }*    body {
        background: #073642 !important;
		color: #eee !important;
    }


.thread{
padding-left:10px;
padding-bottom:30px;
padding-top:30px;
border-bottom:1px dotted #006666;
/*border-left:1px dotted #006666;*/ /*just experimenting lol*/
}

#bannerCnt{
display:none; /*I keep this disabled because I prefer to not have so much visual clutter-- you could probably tell*/
}

#bottom{
padding-top:35px;
}

#bottom:after{
content:<hr>;
}

body > div.boardBanner > div.boardTitle{
text-align:right;
margin-right:10px;
}


/*Uncomment below if you want the blotter to be visible via hovering*/
/*
#blotter{
opacity:0;
transition:0.1s;
}
#blotter:hover{
transition:0.1s;
opacity:0.5;
}*/

/*div.bannerCnt{
position:left;      /*DISREGARD THIS CHUNK ENTIRELY PLEASE*/
}*/

/*Uncomment if you want the blotter entirely gone*/
#blotter{
display:none !important;
opacity:0 !important; /*because its refusing to not display apparently? ill fix this eventually*/
}


div.boardBanner{
font-size:40pt;
}

div.opContainer{
opacity:1;
}
.backlink{
font-size:12px;
}
.postMessage{
margin-bottom:30px;
}
.inline{
margin-bottom:0px;
}
.dateTime{
float:middle;
}
hr{
display:none;
}
.postNum{
float:right;
margin-bottom:10px;
margin-top:5px;
margin-right:5px;
margin-left:10px;
}
.qr-link-container{
display:none;
}
.postertrip{
margin-right:6px;
font-size:20pt;
}
span.name{
margin-right:6px;
font-size:22pt;
opacity:0.6;
}
.replyContainer{
opacity:0.6;
background:#073642
margin-left:0px;
margin-right:0px;
margin-bottom:0px;
padding-bottom:0px;
transition:0.1s;
#input[type=checkbox]{
display:none;
}
}
.replyContainer:hover{
opacity:1;
transition:0.1s;
}
.replyContainer:focus{
opacity:1;
transition:0.1s;
}
.op .postNum{
opacity:0.8;
padding-right:4px;
padding-left:2px;
padding-top:2px;
padding-bottom:2px;
/*border:solid 1px;*/ /*REMOVE COMMENTS FROM LINE IF YOU WANT A BORDER FOR OP POSTNUMBERS*/
background:rgb(68,66,50); /*rgb here cus im lazy 8^)*/
}

.suboption-list{}


.hide-reply-button{
display:none;
}
.navLinks{
display:none;
}
.bottomCtrl{
display:none;
}
#absbot{
display:none;
}
*    hr {
        background-color: #000 !important;
        color: #000 !important;
	}

*table.flashListing tr:nth-of-type(2n+1), .highlightPost {
   background:none !important;
}

*.reply:target, .reply.highlight {
   background-color:#073642
}

*.post.reply {
    overflow:hidden !important;
    display:block !important;
    background-color: #073642 !important;
    border:0 !important;
    padding-right:0px !important;
    padding-left:7px !important;
    outline:0 !important;
}

* {
font:"Terminus";
}
.backlink{
font-size:12px;
}
.postMessage{
padding-bottom:60px;
}
.inline{
margin-bottom:0px;
}
.dateTime{
float:middle;
}
hr{
display:none;
}
.postNum{
font-size:15px!important;
float:right;
margin-bottom:10px;
margin-top:5px;
margin-right:5px;
margin-left:10px;
}
.qr-link-container{
display:none;
}
.postertrip{
margin-right:6px;
font-size:20pt;
}
span.name{
margin-right:6px;
font-size:22pt;
opacity:0.6;
}
.replyContainer{
opacity:0.6;
background:#073642
margin-left:0px;
margin-right:0px;
margin-bottom:0px;
padding-bottom:0px;
transition:0.1s;
#input[type=checkbox]{
display:none;
}
}
.replyContainer:hover{
opacity:1;
transition:0.1s;
}
.replyContainer:focus{
opacity:1;
transition:0.1s;
}
.hide-reply-button{
display:none;
}
.navLinks{
display:none;
}
.bottomCtrl{
display:none;
}
#absbot{
display:none;
}
*    hr {
        background-color: #000 !important;
        color: #000 !important;
	}

*table.flashListing tr:nth-of-type(2n+1), .highlightPost {
   background:none !important;
}

*.reply:target, .reply.highlight {
   background-color:#073642
}
/*#fourchanx-settings > div > section > fieldset:nth-child(11) > textarea{
font-size:14px
}
*/
.field{
font-size:14px;
}

textarea,
input[type]{
font-size:14px;
}
*.post.reply {
    overflow:hidden !important;
    display:block !important;
    background-color: #073642 !important;
    border:0 !important;
    padding-right:0px !important;
    padding-left:7px !important;
    outline:0 !important
}

* {
font-family:"Terminus"; /*SimSun as an alternative for Windows w/o Terminus.*/
font-size:16px;
}
.replylink{
padding-right:2px;
padding-left:2px;
padding-bottom:1px;
font-weight:bold;
font-size:20px;
}
.replylink:hover{
background-color:#555;
}
a[href]{
color:rgb(53,167,200);
}
#fourchanx-settings > nav > div.credits > a.reset{
color:rgb(53,167,200);}#fourchanx-settings > nav > div.credits > a.import{
color:rgb(53,167,200);}#fourchanx-settings > nav > div.credits > a.export{
color:rgb(53,167,200);}

#fourchanx-settings{
background-color:rgb(7,54,66);
}

/** Making post numbers larger **/
div.post div.postInfo span.postNum > a
{
padding-top:1px;
padding-left:1px;
padding-right:1px;
padding-bottom:1px;
font-weight:bold;
font-size:20px;
border-bottom:thin dotted;
}

/** Highlighting postNum container(?) **/
div.post div.postInfo span.postNum > a:hover{
background:#002b36;
border-bottom:thin solid;
}

/**   FOR /f/ BELOW   **/
.postblock{
color:#93a1a1;
border-color:#586e75;
background-color:#586e75;}
.highlightPost{
background-color:#93a1a1;
color:#002b36;
}


/** COLORING ROWS **/
.highlightPost:not(.op){
background-color:rgb(63,97,103)!important;
opacity:0.4;
color:#111 !important;
}

/** who fucking cares about nameposters on /f/ **/
/** it's actually because i cant figure out    **
 ** coloring of the names specifically lol     **/
table.flashListing tr>td.name-col{
opacity:0;}

table.flashListing tr{
opacity:.57;}
table.flashListing tr:hover{
opacity:1;}

table.flashListing tr:nth-of-type(even){
background-color:#073642;
}
table.flashListing tr:nth-of-type(odd){
background-color:#002b36;
}
table.flashListing tr>.subject{
color:#b58900;
}
table.flashListing tr>td>a{
font-size:20px;!important;
}

update it..