The mozile.css file is the Cascading Style Sheet (CSS) that styles the Mozile toolbar overlay.
All Mozile toolbar buttons belong to one of three classes. Normal buttons belong to "mozile-toolbar-button" and have an image for the button. The fixed menu buttons belong to "mozile-toolbar-text" and have a text label rather than an image. The context menu buttons belong to "mozile-toolbar-menu" and can have either text or an image.
Normal buttons have two special attributes which affect their style.
The lines including:
#mozile-toolbar .mozile-toolbar-button .toolbarbutton-text
{display: none}
are used to remove the text labels for the toolbar buttons with an icon. In
general this is the preferred behaviour because text tends to take up more room
than icons on the toolbar and displaying the text as well as the icon reduces
the number of toolbar buttons that can be displayed across the toolbar.
There are several other CSS files that are used to style various dialogs. The "skin/" directory contains all of the CSS files. These include:
The skin/buttons/ directory contains all of the buttons that Mozile uses in its default MES files. They are stored in PNG format for best compression and to allow transparency (alpha channel).