Sign Up | Log In

Home | My Home | Discuss | Contact


 


Chyoo FAQ | street0 | 4

 

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
*/

 

What other tips and tricks make viewing and navigating easier?

 
 
 

view story map | bookmark thread | report thread

Login or Signup