Perlish theme for Friends, Fans and Foes

Yanick on 2006-08-25T03:37:37

Today I discovered Stylish, a very cool Firefox plugin to create per domain/site/page CSS style. To test it, I decided to give a Perlish flair to the Friend/Fan/Foe icons on use.perl.org:

@-moz-document domain("use.perl.org") {
img[alt="Friend"] {
   background: url(http://babyl.dyndns.org/misc/camel.png) top left no-repeat !important; 
   padding-top:16px !important;
   width:16px !important;
   height:0px !important;
}
img[alt="Friend of Friend"] {
   background: url(http://babyl.dyndns.org/misc/llama.png) top left no-repeat !important;
   padding-top:16px !important;
   width:16px !important;
   height:0px !important;
}
img[alt="Fan"] {
   background: url(http://babyl.dyndns.org/misc/dog.png) top left no-repeat !important;
   padding-top:16px !important;
   width:16px !important;
   height:0px !important;
}

img[alt="Foe"] {
   background: url(http://babyl.dyndns.org/misc/panther.png) top left no-repeat !important;
   padding-top:16px !important;
   width:16px !important;
   height:0px !important;
}

img[alt="Neutral"] {
   background: url(http://babyl.dyndns.org/misc/ram.png) top left no-repeat !important;
   padding-top:16px !important;
   width:16px !important;
   height:0px !important;
}
}

Here's a screenshot of the result.