Making Chyoo more legible with Firefox and Stylish

[streetzero]

(I just added this to the FAQ at http://www.chyoo.com/index.php/main.story.page/134376)

Stylish is a Firefox extension for managing User CSS. It makes customizing a site as easy as clicking on an icon in the browser's status bar.

You can get it here:
https://addons.mozilla.org/en-US/firefox/addon/2108/

Here's the CSS that I use to make Chyoo easier to read and scan:

@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("chyoo.com") {

/* Use a nice font */
* {
font-family:Georgia, Garamond !important;
}

/* Highlight new threads */
.red {
font-size: 24pt ! important;
color: #ff0000 ! important;
}

/* Highlight current thread */
p.sb {
font-size: 24pt ! important;
background-color: #ffff7f;
}

/* Make text more legible */
tr > td > p {
font-size:1.2em !important;
}

/* Keep the navigation bar small */
p.m, p.mb, p.s, p a.fade {
font-size:0.8em !important;
}

/* Reduce the excessive indentation */
/* This allows for deeper threads */
ul {
padding-left:1em!important;
}

/* Make the text you write more legible */
textarea, input {
font-size:1.2em !important;
}

}

/*
Zingiber's Notes:
1. Without the Stylish add-on, you will have to find your Firefox profile directory and add the above CSS code to a new or existing userContent.css file and restart Firefox to see the changes.
2. I didn't see much effect in Opera even after unwrapping the namespace tags.
*/

Cheers,

Street0