Classes

All Mozile tool bar buttons belong to one of two classes. Normal buttons belong to "mozile-toolbar-button", while menu buttons belong to "mozile-toolbar-menu". Normal buttons have two special attibutes which affect their style.

• disabled is set "true" if the button should be greyed out. Right now only the Undo and Redo buttons makes use of this,
• active is set to "true" when the cursor is within a selection to which a command has been applied. This only works for certain commands, but when a selection has the style "font-weight: bold;" the "bold" command is considered active, and so the button for "bold" will have the "active" attribute set to "true". Then CSS will change the style of the button to make it look like it has been pressed.

One other thing, the lines including ".toolbarbutton-text" and the "display: none;" CSS style are used to remove the text labels on the tool bar buttons. Under Firefox there is a "mode" setting for the <toolbar> element which can be set to show icons only. But under Mozilla there is no such option, and the Mozile tool bar won't fit more than a few buttons with their text labels on. So these styles remove the text labels from all buttons, which is the preferred behaviour. The method is not elegant, however.

Element by ID

Certain elements are singled out for special styling. These include "mozile-menu" and "mozile-command-menu". The default tool bar button style is overridden so that the text labels for these buttons are displayed.

There are several other CSS files which are used to style varous dialogs. These include:

• about.css for the About Mozile dialog,
• debugging.css for the debugging dialog,
• info.css for the Page Info dialog,
• options.css for the Options dialog,
• and save.css for the Save dialog.