Dims the RSS and Bookmark star icons in the Firefox 3 Awesomebar until you hover over them.
written by Raydancer (from Lifehacker).
updated so the max opacity is 1.0. (Thanks USBMan)
Install options
- Install Stylish for Firefox, Thunderbird, Flock, Mozilla Suite, SeaMonkey, or Songbird. If you have Stylish already, make sure you're using the latest version and have JavaScript enabled.
- You need Firefox with Stylish to use this style. Get it now, then Install Stylish, then come back here to install this style.
- - load into the Stylish extension where you can preview and save it.
- - this style has been updated since you installed it in Stylish.
Feedback
- Post a review
- Ask a question or make a suggestion
- Show your appreciation by sending loosenut a donation by PayPal.
Reviews
Wolfey said on Aug 17 2008
This style works great for keeping the address bar's icons dimmed until they're needed =)
One suggestion: this style only affects the "Feed" and "Bookmark" icons - any other icon in the address bar, such as the one for the "Go" button, will not be dimmed. A few modifications will allow this style to dim any icon that appears in the address bar, along with using less code.
Here is the modified style:
=====
/* Dim the icons until hover */
#urlbar-icons > * {-moz-opacity: 0.4 !important;}
#urlbar-icons > *:hover {-moz-opacity: 1.0 !important;}
=====
Just wanted to let you know of this =)
USBman said on Jun 23 2008
Thanks for adding this to the userstyle inventory, but I'd like to ask that you be more conscientious, and make sure to read all the material available. Specifically, if you read about 6 comments later ( http://lifehacker.com/396517/four-extensions-that-tweak-firefox-3s-awesomebar#c6287780 ) on that post that you took this style from, you'd see that I actually corrected this style. The opacity range is 0.0 - 1.0, with maximum opacity is 1.0, not anything higher than that (i.e., 1.5).
My corrected style reads like this:
/* Dim the RSS icon until hover */
#feed-button {-moz-opacity: 0.4 !important;}
#feed-button:hover {-moz-opacity: 1.0 !important;}/* Dim the Bookmark star icon until hover */
#star-button {-moz-opacity: 0.4 !important;}
#star-button:hover {-moz-opacity: 1.0 !important;}