Justin Jacobs

Projects

Imageboard Style

screenshot
This is a stylesheet that I made for some KusabaX-based imageboards. I only have a few sites specified, but the style should work for other imageboards as well if you add their addresses to the "@-moz-document" list. Requires Mozilla Firefox 3.6 or higher and the Stylish extension. Here's the code:
@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("4chan.org"),domain("fightingamphibians.org"),domain("skirmishfrogs.com"),domain("combattoads.com") {
* {
font-family: Segoe UI !important;
}
html{
background: -moz-linear-gradient(top, #A0B6B5, #ebebeb 40em, #cdcdcd 100%)!important;
min-height: 100% !important;
}
html, body {
color: #5c5a54 !important;
font-family: Segoe UI !important;
font-size: 9pt !important;
}
body{
background: none !important;
}
a {
 color: #367876 !important;
 text-decoration: none !important;
}
a:hover{
 text-decoration: underline !important;
}
hr {
 display: none !important;
}
#navtop,.navbar {
 position:fixed !important;
 background: #666 !important;
 width: 100% !important;
 text-align: center !important;
 color: #eee !important;
 padding: .4em 0 .4em 0!important;
 top: 0;
 z-index: 9001;
font-size: 8pt !important;
opacity: 0.85 !important;
}
#navtop a,.navbar a {
 color: #fff !important;
}
.logo,.logo font b span{
 color: #5c5a54 !important;
 background: none !important;
}
form {
 margin: 1em !important;
 background: none !important;
}
.inputtext, textarea {
 width: 277px !important;
 font-size: 9pt !important;
}
.rules{
 display: none !important;
}
td.postblock {
 background: none !important;
 border: none !important;
 color: #5c5a54 !important;
font-size: 9pt !important;
}
td.reply {
background: rgba(0,0,0,0.05) !important;
width: 100% !important;
padding: .2em !important;
color: #eee !important;
color: #5c5a54 !important;
font-size: 9pt !important;
border: none !important;
}
td.replyhl {
background: rgba(0,0,0,0.1) !important;
width: 100% !important;
padding: .2em !important;
color: #eee !important;
color: #5c5a54 !important;
font-size: 9pt !important;
border: none !important;
}
.postername, .commentpostername, .omittedposts, .abbr {
 color: #5c5a54 !important;
background: none !important;
}
.postertrip{
background: none !important;
color: #7F5737 !important;
}
.filetitle, .replytitle {
color: #367876 !important;
font-size: large;
background: none !important;
}
.doubledash {
visibility: hidden !important;
}
IMG[id^="4chan_ext_"], IMG[class^="4chan_ext_"], SPAN[id^="4chan_ext_"], DIV#twi_table_div {
opacity: .5 !important;
}
a img {
 border: 1px solid #a8a49a !important;
}
th {
 background: none !important;
 padding: .2em !important;
 font-size: small;
 width: 200px !important;
}
th font {
color: #5c5a54 !important;
}
#hd {
display: none;
}
.boxbar {
background: rgba(0,0,0,0.1) !important;
color: #333 !important;
}
.box-outer {
border: none !important;
background: rgba(0,0,0,0.05) !important;
color: #333 !important;
}
.box-inner {
 background: none !important;
color: #333 !important;
}
#filter-button, #option-button {
display: none;
}
#ft{
display: none;
}
.pages {
 background: none !important;
 border: none !important;
}
.pages td, .pages td b {
color: #333 !important;
}
#recent-images li{
 background: none !important;
}
[class='4chan_ext_hiddenthreadinfo'] span.reply{
 background: none !important;
 border: none !important;
 color: #aaa !important;
}

.unkfunc{
 color: #777 !important;
 background: none !important;
}

.postarea{
 padding: 0 !important;
background: none !important;
}

font small{
 display: none !important;
}

blockquote{
font-size: 9pt !important;
font-family: Segoe UI !important;
margin-bottom: 1em !important;
}
.replymode{
background: none !important;
color: #5c5a54 !important;
text-align: center !important;
font-weight: bold;
}
#navbot{
display: none!important;
}
}