You can do some very interesting things with your userChrome.css.
This file, which is located in your <profile-dir>/chrome directory,
controls how your UI looks. Normally there is nothing in this file. Your
themes control the UI but you might want to tweak some things that you
don't particularly like in your theme.
/* If you have true type fonts enabled, you might want to add these lines
* to get good fonts for menu, toolbar, dialog boxes, etc.
*/
menubar, menubutton, menulist, menu, menuitem, textbox, toolbar, tab,
tree, tooltip
{
font-family: verdana, helvetica !important;
font-size: 11px !important;
}
/* If you use full header view for messages, then the following can
* be very useful. It will restrict the size of your header and put
* scrollbar in. Thanks Neil. */
#msgHeaderView
{
max-height: 10em;
overflow: auto;
}
/* Eliminate the throbber and its annoying movement.
*/
#throbber-box
{
display: none
!important;
}
/* Get rid of the sidebar toggle button on the Personal Toolbar.
* I'm quite happy with F9, thank you.
* (Note: This got backed out because of buggy implementation.)
*/
#sidebar-button
{
display: none !important;
}
/* This will display your deleted messages on IMAP server in gray and
* with a strike-through. (You should have selected "Mark as Deleted"
* in your Preferences to see this).
* NOTE: This works only in builds after 16th Jan 2002 when bug 112238 got fixed.
*
* NOTE2: The prefs below works only for builds after April 1 2002.
* For previous builds you will have to replace 'tree' with 'outliner'
*
* NOTE3: For builds prior to July 7, 2003 (and this includes Mozilla 1.4
* and Netscape 7.1), use a single colon instead of a double colon.
* i.e. use
* treechildren:-moz-tree-cell-text(imapdeleted)
*
* This is because of the fix to bug 211657 */
treechildren::-moz-tree-cell-text(imapdeleted)
{
text-decoration: line-through!important;
color: gray!important;
}
/* The following code will limit the size of your toolbar icons, hence
* making them smaller and better. Be careful though, although max-width
* of 40px works fine for me with Modern theme on Linux, you might have to
* tweak it to suit you.
*/
.toolbarbutton-menubutton-button > .toolbarbutton-box,
.toolbarbutton-1 > .toolbarbutton-box
{
max-width: 40px !important;
text-align: center !important;
}
/* To get rid of the toolbar grippy (the line on the left side of the toolbar
* which you can click to "minimize" the toolbar
*/
toolbargrippy
{
display: none !important;
}
/* Turn off the great big icons on editor/mail toolbars
* See bug 78843 and bug 94581)
*/
.toolbar-primary-icon
{
visibility: collapse;
}
/* This gets rid of the text under the toolbar buttons
* (like Get Message, Compose, Next, etc.)
*/
.toolbarbutton-menubutton-button > .toolbarbutton-text,
.toolbarbutton-1 > .toolbarbutton-text
{
display: none !important;
}
/* Use the following rules if you want to have just text in your toolbar buttons.
* They'll get rid of the images. These rules work best with the classic theme.
* Your mileage with other themes may vary.
* NOTE: Do *not* use these rules along with the rule to rid of toolbar text (above).
*/
/* Lets start.
* First, lets get rid of the icons.
*/
.toolbarbutton-menubutton-button > .toolbarbutton-icon,
.toolbarbutton-1 > .toolbarbutton-icon
{
display: none !important;
}
/* The following 2 rules change the throbber to a smaller size */
#navigator-throbber
{
list-style-image:
url("chrome://communicator/skin/brand/throbber16-single.gif")
!important; }
#navigator-throbber[busy="true"]
{
list-style-image:
url("chrome://communicator/skin/brand/throbber16-anim.gif")
!important; }
/* This is the tricky part. You might have to adjust the value till it looks okay */
.toolbarbutton-1, .toolbarbutton-menubutton-button
{
max-height: 25px
!important;
}
/* This rule is also useful. */
#nav-bar-inner
{
margin: 0px !important;
}
/* We're done ! */
