editing user css file

Wednesday, 11 February 2009

A post over at Ubuntu Productivity got me excited about editing the user-content.css file for firefox so I can save screen space by removing/editing unneeded things. The post was specifically about google docs and a one line of css to save 25px. Athough you can edit css for any site.

I was able to save about 30px just between the search box and the content below on gmail. Gmail is a very complex site, so many different divs; it was very hard to figure out what to change, even with the enormous aid of firebug.

Here is the CSS code to gain the desired results:

/*take out google logo on google docs*/
#logo-section {display:none;}
/*gain space on gmail around search box & logo*/
.IY0d9c {height: 44px;}
.zYsCRb {height: 44px !important;}

I should probably figure out how to limit the css only to certain websites, or I could end up with some weird outcomes.

Tags: , , ,

The entry 'editing user css file' was posted on February 11th, 2009 at 10:45 am and is filed under Linux/Open Source, technology. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.

One Response

  1. JakeT writes:
    No. 1 — February 12th, 2009 at 8:22 am

    Awesome. I’ll totally have to put that in place tonight at home.

    I’ve been using Stylish (a FF extension) to do stuff like that b/c you can assign particular style rules to domains, subdomains, etc.

    That’s great.

Leave a Reply

«
»