February 20, 2007

Hacking Twitter with Stylish

You can read about the evolution of this hack here, here and here.

Twitter contacts tweak

I've taken Chris Messina's Stylish CSS and tweaked it a bit. To apply this style to Twitter in Firefox install the Stylish extension, create a Blank Style, and paste in the following code:

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("twitter.com") {

#friends a[rel=contact] { display:block; text-decoration:none!important; margin:0 0 8px 0!important; }
#friends a[rel=contact] img { margin:0 4px -8px 0!important; text-decoration:none!important; border:1px solid #999!important; opacity: .7; }
#friends a[rel=contact]:after { content: attr(title); font-family:Verdana; font-size:.9em; }
#friends a[rel=contact]:hover img { opacity: 1; }

if you're curious i've also got some stylish hacks for del.icio.us, 30boxes, and isoHunt.