Firefox tweaks for netbooks

I spent a while putting together a firefox configuration for netbooks today. It resizes the menus and toolbar to save space. It wasn't as easy as I'd hoped... so I figured I'd share it here since it took me so long to get right.

[/p]


To try it out, edit or create ~/.mozilla/firefox/profilefoldername/chrome/userChrome.css. There is more info on this here.



These settings work best with small icons on the toolbar, right click on the menu/toolbar and click Customize... and select Use small icons.




If you make changes they require a restart of the browser. Note that the location bar dropdown arrow cannot be enabled otherwise the location bar cannot be shrunk (I haven't found a way around this).

Code:

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");

/* tab height */
.tabbrowser-strip { height: 20px !important; border-bottom: none !important; }
.tabbrowser-tab, .tabs-alltabs-button, .tabs-closebutton { margin-top : 0px !important; }
.tabbrowser-tab > .tab-text { margin-left: 2px !important; margin-right: 0px !important; }

/* tab favicon size */
.tabbrowser-tabs .tab-icon-image { max-height: 12px !important; max-width: 12px !important; }

/* tab close button size */
.tabbrowser-tabs tab .tab-close-button .toolbarbutton-icon,
.tabbrowser-tabs tab .tabs-closebutton .toolbarbutton-icon
{ max-height: 12px !important; max-width: 12px !important; }

/* hide new tab button */
.tabs-newtab-button { display: none !important; }

/* remove go button (magnifying glass) from search bar */
.search-go-button{ display: none !important }

/* location bar favicon size */
#page-proxy-favicon  { max-height: 14px !important; max-width: 14px !important; }

/* remove dropdown arrow in location bar, use ctrl+l, backspace, downarrow instead */
.autocomplete-history-dropmarker { display: none !important; }

/* remove go button (play icon) in location bar */
#go-button { display: none !important; }

/* resize location bar */
#navigator-toolbox toolbar { max-height: 30px !important; }

/* remove splitter between location/search bars */
#urlbar-search-splitter { display: none !important; }

/* remove spinning status icon */
#throbber-box { display: none !important; }

/* resize toolbar buttons -- this also affects location bar height */
toolbarbutton { max-height: 28px !important; max-width: 28px !important;}

/* menu font size */
menu { font-size: 9px !important; }

/* menu item font size */
menuitem { font-size: 10px !important; }

/* margins of menu bar and item spacing */
menubar > menu { padding: 0px 1px 0px 1px !important; margin: 0px 1px 0px 0px  !important; }
menubar > menu > label, menubar > menu > .menubar-text { padding: 0px !important; margin: 0px  !important;}
menubar { margin-left: 2px  !important; }

/* status bar font size */
statusbar { font-size: 10px !important; }

[/div]

To get it all in one row you need to right click the empty space on the toolbar, select customize and drag things around. Then go to View->Toolbars and uncheck Navigation Toolbar.




Updated for Firefox 3.5. Make sure Edit->Preferences->Tabs->Always show the tab bar is unchecked.[/div]