The author has marked this style as obsolete.
Creates more viewable screen space for messages by hiding the Header. Unread Messages marked by red bubble and intergrated Chat and Labels boxes. Hover Gmail image in top-right corner of page to view Header (Search boxes and user bar). If displaying in 800 x 600 resolution, delete "/*" and "*/" at the end of the script.
2/9/08 Updated. Added more visual effects.
@whatrevolution - Corrected the problem (it was an overflow issue). Thanks for the feedback.
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 to use this style. Get , 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.
- - Greasemonkey and Opera users can load this style as a user script.
Feedback
Reviews
whatrevolution said on Feb 10 2008
*hat-tip* Thanks for tackling this beast. I know precisely how painful it is. ^_^;
Other ideas:
overflow-y: auto , on compose mail "to" input field.
Toggle :active styling of compose inputs and textareas, see: painted black - forms (Which really trashes your GMail style, but I don't intend to bother you with that. Good for you to know that my example won't work next to the style we're now talking about, though.)
Relevant to :hover and :active , to make the button graphic toggling more intuitive, you could shorten (or remove) the shadow on default buttons so they're flat, then use your current :hover as-is, and use your current default as the new :active. This would cause the button to "press down" when clicked.
The chat sidebar "pop out" widget flickers when your CSS comes into effect to resize it. Granted, I haven't skimmed your code to know what you've done there, but my experience reminds me of that happening when precision sizing properties are on a :hover selector rule, and they argue creatively with some other precision sizing. Yours wins the battle, but we see the evidence every time, and it is apparently slowing down rendering of the box, too. My first look at improving that would be to place the sizing rules on a normal, non-pseudo selector. If it's "display: none" or "visibility: hidden" already, and I think those boxes are, it should be ok to do that.