Statusbar: Mouseover for clutter

Not sure if someone already did this or something similar, but I just came up with it and it was a simple script to whip up.

Basically it hides all the statusbar items except those that are in plain vanilla Firefox... until you mouseover, then the statusbar returns to its normal clutter so you can use all the items there.

Think of it as a variant on Windows' taskbar's "Customize notifications" idea, where you can hide system tray icons.

Made for Firefox 3, I expect it should work for older versions of Firefox. If newer versions put new items in the statusbar, those will be hidden until this script is updated.

Menus from icons act a bit funky but they are still functional.

[Edit: Fixed it being applied to ALL statusbars (IE: ArchView).]

[Edit:: To add new items to the exclusion list so they are shown always, open up DOM Inspector (if you have Firefox 3 you'll have to install it from addons.mozilla.org) or, hell, Firebug can probably do it too... and inspect the main firefox chrome window. Look under #document > window > vbox > statusbar.

Look at the ids for the different items and compare them to the ones in my list and you should be able to figure out how to add your own. Firebug's panel, for example, has an id of fbStatusbar. Icons are handled by the first CSS selector. Putting another :not(#fbStatusbar) on the first statusbarpanel of the first selector group, and the statusbarpanel in the last selector group will cause Firebug's icon to be always shown.

Here's a more detailed explanation of the rules, w3.org's specs on CSS can help fill in any gaps.

The first selection group deals with things we want hidden. The first selector hides all images that aren't from Firefox 3's default statusbar items and that aren't menu icons. The next one hides labels that aren't from Firefox 3's default statusbar items and that aren't in menus. The last one is a special case for the original Adblock extension which uses a "spacer" element to pad its box (CSS padding rule, anyone?).

The second selection group is a hack which overrides the first group to make sure all menu images display, and for some reason the security button label. I forget why I did that instead of making it an exception. I don't think the security button is even used in Firefox 3 anymore.

The last group removes all the padding from the statusbarpanels and forces their widths to 0.

If you're wondering why the rules are so complex and I just don't hide the statusbarpanels, when I did that menus weirded out when you move the mouse outside them and the statusbar and everything hid again. It works better the way it is now but the menus still behave a bit weird, couldn't figure out how to fix it. Also in the default Firefox theme you get the dividers for the now-empty panels. Can't figure out how to fix that either.

Also I don't think I figured out how to hide one or two extensions, so those will show all the time. :( ]