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;
}
}
/*
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.
- Zingiber
*/ |