Site-Specific User Stylesheets

I've been messing with user stylesheets the last couple of days, almost getting what I want, but not quite.

I'm a happy little firefox user, but the stock firefox functionality in this area really isn't that useful. My gripes:

  1. first, firefox/mozilla seems to only support a single global user stylesheet, which gets huge and unwieldy awfully fast. Opera does this much better than firefox, I hear.

  2. because of this, to apply styles to a particular site you have to use a magic @-moz-document domain style modifier, and this doesn't seem to play nicely with @media modifiers, so afaict there doesn't seem to be a way of specifying print styles for a particular site, say. If I'm wrong about this, I'd be happy to hear about it.

  3. user stylesheets are local files, which means they don't follow me around across the different machines I use, and I don't get any network effects from the work of others, as is available using a 'cloud' solution like greasemonkey

  4. (more minor) I know it's to spec, but having to specify !important everywhere to force user styles to stick gets old fast

As usual with firefox, there's an extension/add-on that does the job better though. The Stylish extension - "Stylish is to CSS what Greasemonkey is to JavaScript" - does a pretty nice job of addressing (1) and some of (3) above (the network effects part), allowing you to import and manage multiple per-site stylesheets pretty nicely.

My other quibbles remain, though. In particular, there doesn't seem to be a nice way of setting up media-specific per-site styles, which is a must-have, I think. I'd also really love a solution that would follow me across browsers, especially given the number of sites you might want to tweak is typically much larger than the number of extensions you typically have installed.


blog comments powered by Disqus