Even if you don't have a netbook, these modifications still work if you want to consolidate Firefox 3.5's chrome on your regular PC.

(This whole Firefox consolidation undertaking sound familiar? For longtime readers, it should be. Way before netbooks got hot, we consolidated Firefox 2 back in 2006, and then Firefox 3 with the help of Stylish in 2008. This version addresses a few Firefox 3.5-specific items and clears out the clutter sans add-ons.)

Here's what Firefox 3.5 looks like by default (on my Eee PC running Windows XP). Click to view actual size.

There's quite a bit of whitespace on Firefox's chrome just asking to get utilized more efficiently. You can trim the highlighted areas in the image below from Firefox 3.5's interface:

After a little toolbar rearrangement and interface decluttering, here's what consolidated Firefox 3.5 looks like. You can see that a whole other Lifehacker post fits into the viewport after the consolidation. Click to view actual size.

Here's how to maximize your web page viewing area and declutter Firefox's chrome.

Relocate the navigation toolbar, buttons, and search box to the menu bar. To get this done, right-click on Firefox 3.5's toolbar and choose Customize. From there, drag and drop elements on the lower toolbars to the menu bar, and check off "Use small icons." (That will flatten the fat "keyhole" back button.) Hit play for a 30-second demonstration of the process (featuring old-school Lifehacker design).

Trim unnecessary interface doodads with userChrome.css. Just like you can style web pages with CSS, you can also style Firefox's chrome. In order to modify certain aspects of Firefox's chrome without using an add-on like Stylish, you edit a file called userChrome.css, which is stored in your Firefox profile directory. This file is user-specific and you can easily copy it from one Firefox installation to another. Here's where Windows and Linux netbook users can find userChrome.css.

Windows XP
C:Documents and Settings[User Name]Application DataMozillaFirefoxProfilesxxxxxxxx.defaultchrome
where xxxxxxxx is a random string of 8 characters.

Linux
~/.mozilla/firefox/xxxxxxxx.default/chrome/

With Firefox closed, open the userChrome.css file and append whatever CSS bits listed in this article you want to apply. If a userChrome.css file doesn't exist, save userChrome-example.css as userChrome.css.

Got your userChrome.css file open and ready for modifications? Let's declutter.

Remove Firefox 3.5's new tab button. Tab bar space is at a premium on your netbook, and you already use the Ctrl+T keyboard shortcut to open a new tab—so you don't need the new (and kind of annoying) Firefox 3.5 new tab button. Add this bit to userChrome.css to kill that button and make room for more open tabs.


/* remove new tab button next to last tab */
.tabs-newtab-button {display: none !important}

Remove the search box's magnifying glass. You can just hit the Enter key to execute a search from Firefox's search box, so the magnifying glass "go" button is just unnecessary eye candy. With your address bar up on the same level as the menus, you want as much horizontal space for typing search terms and web site addresses, so it makes sense to kill the magnifying glass. Here's the userChrome.css bit that will do just that.


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


Remove and combine disabled buttons. When there's no page to go back to or forward to, nothing loading to stop, or nothing loaded to refresh, all those buttons—back, forward, stop, and reload—just sit there, greyed out, doing nothing but taking up space. You want as much horizontal space as possible, so you can hide disabled (useless) back and forward buttons, and even combine the stop and reload button to make a dual-use single button. Here's the userChrome.css code that will do just that.


/* combine stop and reload buttons */
#stop-button[disabled] { display: none }
#stop-button:not([disabled]) + #reload-button { display: none }

/* don't show back or forward buttons if there's nothing to go back or forward to */
#back-button[disabled="true"] { display: none }
#forward-button[disabled="true"] { display: none }


Optional: Hide bookmarks bar. A lot of my web work depends on easily-accessible bookmarklets, so I did not hide my bookmarks bar, but others who don't feel the same can gain more vertical space by doing just that. From the View menu, Toolbars, uncheck "Bookmarks Toolbar."

All the CSS in one shot

To get all these changes in one fell copy-and-paste swoop, grab them from here and drop them into your userChrome.css, and restart Firefox.


/* remove new tab button next to last tab */
.tabs-newtab-button {display: none !important}

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

/* combine stop and reload buttons */
#stop-button[disabled] { display: none }
#stop-button:not([disabled]) + #reload-button { display: none }

/* don't show back or forward buttons if there's nothing to go back or forward to */
#back-button[disabled="true"] { display: none }
#forward-button[disabled="true"] { display: none }


How do you customize Firefox—or any other app, for that matter—on your netbook? Let this newbie netbooker know in the comments. (For more userChrome.css fun, see our list of functional Firefox user styles.)

Gina Trapani, Lifehacker's founding editor, likes her Firefox pared down on her netbook. Her weekly feature, Smarterware, appears every Wednesday on Lifehacker. Subscribe to the Smarterware tag feed to get new installments in your newsreader.

> Read more

For whatever reason, having too many temporary, history, or recent document files sitting in your Windows locations slows down Firefox 3.5's data generation processes, as has been reported as a bug. The Mozilla Links blog recommends cleaning out these folders to move the browser's work along:

C:Documents and Settings*user*Local SettingsHistory
C:Documents and Settings*user*Local SettingsTemporary Internet Files
C:Documents and Settings*user*My Recent Documents
C:Documents and Settings*user*Temp

On Vista or Windows 7 systems, simply replace "Documents and Settings" with "Users." Setting up Firefox to automatically clean out your temporary files after browsing, as explained at the link below, helps prevent the accumulation from building again, but users who trade browsing time with Internet Explorer may have to occasionally work this manual method to wipe out those files.

> Read more

• Add-on Compatibility Center - See whether the popular extensions that make up 95% of add-on downloads are compatible with Firefox 3.5 before you download. It's looking pretty green and good at the moment, with the notable exception of Tab Mix Plus.
• Top 10 Firefox 3.5 Features - Breaking down the Private Browsing Mode, TraceMonkey JavaScript engine, little interface features, and bigger changes to the increasingly popular open-source web browser.
• Disable location-aware browsing and tab tearing - If those features sound more like privacy invasion and mouse-clenching hassle, respectively, they're pretty easy to turn off.
• Make your extensions work with (Firefox 3.5) - Originally written for the big (bigger?) Firefox 3.0 upgrade, but this little about:config tweak should keep those extensions not yet upgraded working with 3.5 as well, assuming you don't mind potential bugs.
• Weave synchronization tool - Mozilla's experimental synchronization project only works with Firefox 3.5—but, wait, that's out now! It's worth checking out, especially if you're running Firefox across multiple systems.
• Firefox 3.5 Overview - It's both a video run-through of Firefox 3.5's features, and a test of the new no-Flash-needed video powers of Firefox 3.5 (non-HTML5-compliant browsers will just get an .ogv video download link).

Tell us about your Firefox 3.5 upgrade experience, or why you're holding off, in the comments.

> Read more