One of the sites I visit a lot, fark.com, recently changed their design. I think it's an attempt to look "grown up" or something, as the guy who runs it is pimping a book, being interviewed on CNN, etc. So they wanted to myspace it up a little, and the new design is hard on the eyes and looks generally bad. It's slower, too.
There's a very nice Firefox plugin called Stylish which can fix that. You basically get to selectively override style sheets with the extension. So you can make cnn.com look like it's being rendered in Netscape 0.9b. Or you can fix fark.com's borked design and make it more readable again. Just use this:
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("fark.com") {
body {
font-family: Arial, Helvetica !important;
background-color: #666699 !important;
}
#commentsArea {
width: 100% !important;
text-align: left !important;
}
#commentsArea BR {
margin: -1px !important;
}
#commentsArea .ctableTF{
margin: 0px !important;
padding: 4px !important;
padding-left: 175px !important;
width: 100% !important;
border: 0px !important;
background-color: #e0e0e0 !important;
color: #000000 !important;
}
#commentsArea .ctableTF a{
color: #880000 !important;
}
#commentsArea .ctable{
margin: 0px !important;
padding: 4px !important;
padding-left: 175px !important;
width: 100% !important;
border: 0px !important;
background-color: #eeeeee !important;
color: #000000 !important;
}
#commentsArea .ctable a{
color: #880000 !important;
}
#commentsArea .cdate{
position: absolute !important;
left: -5px !important;
width: 150px !important;
font-size: 10pt !important;
text-align: left !important;
}
#commentsArea .ctext {
margin: 0px !important;
padding: 2px !important;
padding-left: 5px !important;
padding-right: 5px !important;
width: 100% !important;
text-align: left !important;
}
}
Now everything is (almost) back to normal, and your eyes won't hurt.
(Special thanks to TheEndless.)
UPDATE: You can also use Cthulhon's Fark Reskin to make further enhancements.