For
Chrome there's also an addon thingy called Stylebot (link:
https://chrome.google.com/webstore/deta ... pgmdaleoha )
Once you installed that, on the right side in the address bar there will be a little icon: the letters CSS in green (CSS stands for casscading style sheets, basically that's the stuff what tells websites how they're supposed to look etc.). Click on those three letters, they'll turn blue and you see something like this:

click 'EDIT CSS'
copy & paste the code below into the editor and check the box next to 'LIVE PREVIEW CHANGES', so you imediately know if the whole thing works. Click 'SAVE'.
Click the little x in the upper right corner of the stylebot editor.
- Code: Select all
#page-body {
font-family: Verdana, Helvetica, Arial, sans-serif ;
line-height: 1.2em;
font-size: 12px;
color: rgb(0, 0, 0);
text-shadow: none ;
background-color: #c8cbd5;
margin: 0;
padding: 0;
min-height: 100%;
position: relative;
}
.content a, .content a:visited {
color: #003366 ;
font-weight: bold ;
}
.content a:hover, .content a:active {
color: #0099ff ;
text-decoration: underline;
}
.post {
margin-left: 2em;
margin-right: 2em;
}
.post .inner {
background-color: #FEFBF9 ;
}
.post .postbody {
float: right ;
width: 82% ;
}
.post .postbody .content {
font-size: 10pt ;
font-weight: bold ;
font-family: Verdana, Helvetica, Arial, sans-serif ;
text-shadow: none ;
}
.post .postprofile {
float: left ;
width: 16% ;
border-left: none;
border-right: 1px solid #ddd;
padding: 0 .5em;
font-family: Verdana, Helvetica, Arial, sans-serif ;
font-weight: bold ;
text-shadow: none ;
}
.icon dt {
font-size: 9pt ;
font-family: Verdana, Helvetica, Arial, sans-serif ;
}
a.forumtitle {
font-weight: bold ;
font-family: Verdana, Helvetica, Arial, sans-serif ;
text-shadow: none ;
color: #003366 ;
}
a.forumtitle, a.topictitle {
font-size: 15px;
font-weight: bold ;
text-shadow: none ;
line-height: 1.28em;
color: #003366 ;
}
.unread a.forumtitle, .unread a.forumtitle:visited, .unread a.topictitle, .unread a.topictitle:visited .reported a.topictitle, .reported a.topictitle:visited, .unapproved a.topictitle, .unapproved a.topictitle:visited {
color: #0099ff ;
}
li.header dt, li.header dd {
text-shadow: none;
font-weight: bold ;
}
ul.topiclist {
font-weight: bold ;
text-shadow: none;
}
ul.topiclist li.header a, ul.topiclist li.header a:visited {
color: #003366 ;
text-decoration: underline;
text-shadow: none;
}
.postbody h3, .postbody h3 a, .postbody h3.first, .postbody h3.first a {
font-weight: bold ;
font-family: Verdana, Helvetica, Arial, sans-serif ;
color: #003366 ;
text-shadow: none ;
background-color: rgb(200, 203, 213);
}
.signature {
text-shadow: none ;
font-family: Verdana, Helvetica, Arial, sans-serif ;
font-weight: bold ;
font-size: 12px;
background-color: 003366;
}
.menu-buttons a span, #search-adv a span {
font-family: Verdana, Helvetica, Arial, sans-serif ;
font-weight: bold ;
text-shadow: none ;
color: #003366 ;
}
.nav-links a span {
font-family: Verdana, Helvetica, Arial, sans-serif ;
font-weight: bold ;
text-shadow: none ;
color: #003366 ;
}
#search-box:hover input[type="text"], #search-box input[type="text"]:hover, #search-box input[type="text"]:focus {
color: #0099ff ;
}
.buttons div a {
font-family: Verdana, Helvetica, Arial, sans-serif ;
text-shadow: none ;
}
.menu-buttons a:hover span, #search-adv a:hover span {
background-position: 0px -40px;
font-family: Verdana, Helvetica, Arial, sans-serif ;
font-weight: bold ;
text-shadow: none ;
color: #0099ff ;
}
.nav-links a:hover span {
background-position: 0px -40px;
color: #0099ff ;
}
#header ul#links li a {
font-family: Verdana, Helvetica, Arial, sans-serif ;
font-weight: bold ;
text-shadow: none ;
}
.:edit:.
Now I'm going to remove Chrome again. Can't say I like it.