View the latest version of this file online: http://mozile.mozdev.org/docs/mozileSkin.html
Welcome to Mozile, the WYSIWYG XHTML editor for Mozilla! This document describes the skin files for Mozile. This is one of the simple parts...
The mozile.css file is the Cascading Style Sheet (CSS) which styles the Mozile tool bar. There are two kinds of CSS selectors used, one for classes and one for individual elements.
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.
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.
The settings.css file styles the settings dialog, while the debugging.css file styles the debugging dialog.
The 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).
James A. Overton - http://mozile.mozdev.org - 2004-04-16