STEPHEN FRY

fast dial and session manager are a couple of favourites for me.

fast dial let's you put your favourite sites all on one 'page' as thumbnails. you can set it as the default for new tabs as well, which is quite useful.

session manager is one I used before firefox added its own crash recovery system. It adds the ability to recover closed tabs and windows though, which can be handy sometimes.

MiniMap Sidebar.

Along with all the great and not so great extensions and themes you can install to customise Firefox - you can also customise it even further via the userChrome.css. This where you can place those little tweaks to improve Firefoxs functionality just that little bit more. There are loads of these tweaks out there, just do a google search for Firefox userchrome.css

The userChrome.css file is where you place all of your customizations. It is located inside the "chrome" folder under your user profile. This file can be edited with any plain text editor like EditPad, Notepad, Kate, or Kwrite to name a few. Do NOT use Microsoft Word, OpenOffice.org Writer, or any similar document program. userChrome.css MUST be saved as plain text.

The simplist way to maintain your userChrome.css file is with the ChromEdit extension. It will automatically find the proper location to store this file, and you can maintain the file's contents from a toolbar button or by selecting "Edit User Files" from the Tools menu.

How to add your entries:

NOTE: In your Chrome directory you will find a file called userChrome-example.css. Use this file as your starting point. When finished editing, rename this file to: userChrome.css.

1. If your userChrome.css file is empty, you need to first add this or nothing you place into it will work.
Copy and paste this entire entry into userChrome.css:

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

2. Now you are ready to begin adding your userChrome options. A simple rule to follow is this:

* If the statement begins with @import, the entry is always placed ABOVE the @namespace entry.
* All other entries are placed BELOW the @namespace entry.

3. You need to restart the program before any changes made to userChrome.css will take effect.

Good Luck

Here are some of mine.

NOTE: If you wish to place an icon, as in my first tweak, that image must be in the same directory as your userChrome.css with the size no larger than 48 x 48 pixels.

/* Add this menuitem image for FoxClocks Extension. */
menuitem[label="FoxClocks"] {
list-style-image: url("foxclocks.png") !important;
}

/* Change throbber image. */
#navigator-throbber,
toolbar[iconsize="small"] #navigator-throbber,
toolbar[mode="text"] #navigator-throbber {
list-style-image: url("throbber-still-image.gif") !important;
}

#navigator-throbber[busy="true"],
toolbar[iconsize="small"] #navigator-throbber[busy="true"],
toolbar[mode="text"] #navigator-throbber[busy="true"] {
list-style-image: url("throbber-animated-image.gif") !important;
}

/* Turn Location Bar Green for HTTPS */
#urlbar[level="high"] .textbox-input-box
{ background-color: #33FF33 !important; }

/* Activate up & down movement on personal toolbar bookmark items. */
toolbaritem toolbarbutton.bookmark-item:hover:active,
toolbaritem toolbarbutton.bookmark-item[open="true"] {
padding: 3px 2px 1px 4px !important;
}

/* Change the appearance of toolbar bookmark hover text.
* (Use any color of your liking.) */
toolbarbutton.bookmark-item:hover .toolbarbutton-text {
background-image: none !important;
background-color: #FFFF66 !important;
color: #FF0000 !important;
}

/* Display images for disabled menuitems. */
menu[disabled="true"] > hbox > image,
menuitem[disabled="true"] > hbox > image {
visibility: visible !important;
}

/*Display dotted line around unread Tabs*/
#content tab:not([selected="true"]) {
border-style: dotted !important;
}

/* Change all tab icons to 100% opacity. */
.tab-icon-image {
-moz-opacity: 1.0 !important;
}

WOW FineWine!!! That was a great list and thanks for taking the time to include your .css tweaks. Very nice! You deserve the Galactic Atta-Boy Award

Also Elephant, thanks for the memo caution on the add-on.

(applause)

As most of you will know who use Firefox for Mac OS, a new version was just released. FF3.5. If you use the default theme you will notice that the Favicons are missing from the text entries on the Personal Bookmarks Toolbar. Here is a way to get them back.

You need to be familiar with the userChrome.css file in the profile folder.

Here is the code you need to add to this file to get the favicons back next to your text entries on the Bookmarks Toolbar.

/*Add Favicons to Bookmarks Toolbar. */
.bookmark-item > .toolbarbutton-icon {
display: -moz-box ! important;
background-position: 0px 1px !important;
padding-right: 3px ! important;
}

tbh, I adore my spell check couldn't do without it any more

FineWine said:
As most of you will know who use Firefox for Mac OS, a new version was just released. FF3.5. If you use the default theme you will notice that the Favicons are missing from the text entries on the Personal Bookmarks Toolbar. Here is a way to get them back.

You need to be familiar with the userChrome.css file in the profile folder.

Here is the code you need to add to this file to get the favicons back next to your text entries on the Bookmarks Toolbar.

/*Add Favicons to Bookmarks Toolbar. */
.bookmark-item > .toolbarbutton-icon {
display: -moz-box ! important;
background-position: 0px 1px !important;
padding-right: 3px ! important;
}

Since I wrote that post I have dropped the MostlyCrystal theme as she does not support it for use on Mac OS Firefox and I am tired of modifying each windows update she releases so it will work on Mac OS FF. So I have reverted back to the Firefox default theme and have been playing around with the userChrome.css file to set the theme up a little bit to my liking.

The one mod I do like is related the above mentioned code but this centers the Favicon above the Bookmark text which makes for a neater bookmarks toolbar.

/* Center Bookmark ToolBar Favicons over text */
toolbarbutton.bookmark-item {
-moz-box-orient: vertical !important;
margin-top: 6px !important;
}
PersonalToolbar .toolbarbutton-icon {
margin: 0px 0px 12px px !important;
}
#PersonalToolbar .toolbarbutton-text {
margin: 0px 0px 0px 8px !important;
}
toolbarbutton.bookmark-item > dropmarker {
display: none !important;
}

Cheers