Changing Firefox windows back to classic mode: Difference between revisions

From MozillaZine Knowledge Base
Jump to navigationJump to search
Line 11: Line 11:
As of September 7th, 2005, Firefox began building with [https://bugzilla.mozilla.org/attachment.cgi?id=192678 many minor changes to the UI] in order to [https://bugzilla.mozilla.org/show_bug.cgi?id=303806 bring it more in line with Windows XP's Luna theme]. A side effect of [https://bugzilla.mozilla.org/attachment.cgi?id=195008 this patch] is that Firefox looks out of place when run under the "Classic" Windows XP theme or under Windows 2000. However, since all the changes were made in the theme via CSS, they can be overridden easily.
As of September 7th, 2005, Firefox began building with [https://bugzilla.mozilla.org/attachment.cgi?id=192678 many minor changes to the UI] in order to [https://bugzilla.mozilla.org/show_bug.cgi?id=303806 bring it more in line with Windows XP's Luna theme]. A side effect of [https://bugzilla.mozilla.org/attachment.cgi?id=195008 this patch] is that Firefox looks out of place when run under the "Classic" Windows XP theme or under Windows 2000. However, since all the changes were made in the theme via CSS, they can be overridden easily.


Simply copy and paste the following in your [[UserChrome.css_and_userContent.css|userChrome.css]] file in your [[Profile Folder]]:
Simply copy and paste the following in your [[UserChrome.css_and_userContent.css|userChrome.css]] file in your [[profile folder]]:


  /* Classic Menus */
  /* Classic Menus */

Revision as of 12:06, 26 December 2005

Firefox 1.5 for Windows uses the default Windows XP Luna theme, unlike the 1.0 release. This means the menus look more like other applications on the default Windows XP theme, but they look out of place on other Windows XP themes, on Windows 2000 and on Windows 98/ME. This page explains how you can change your menus back to how they looked on 1.0 releases.

The easy way

Simply click on this link to install the Classic Menus extension from the Mozilla Update site:

Alternatively you can get it from the original site:

Technical details

As of September 7th, 2005, Firefox began building with many minor changes to the UI in order to bring it more in line with Windows XP's Luna theme. A side effect of this patch is that Firefox looks out of place when run under the "Classic" Windows XP theme or under Windows 2000. However, since all the changes were made in the theme via CSS, they can be overridden easily.

Simply copy and paste the following in your userChrome.css file in your profile folder:

/* Classic Menus */
.menu-accel,
.menu-iconic-accel,
.menu-text,
.menu-iconic-text {
 margin-top: 0px !important;
}

.menu-iconic-left {
 margin-top: 1px !important;
 margin-bottom: 1px !important;
 min-width: 12px;
 -moz-margin-start: 2px;
 -moz-margin-end: 2px;
}

menubar > menu {
 border: 1px solid transparent !important;
 padding-top: 0px !important;
 padding-bottom: 1px !important;
 margin-bottom: 1px !important;
 -moz-padding-start: 2px;
 -moz-padding-end: 3px;
}

menubar > menu[_moz-menuactive="true"] {
 background-color: transparent !important;
 color: MenuText !important;
 border-top: 1px solid ThreeDHighlight !important;
 border-right: 1px solid ThreeDShadow !important;
 border-bottom: 1px solid ThreeDShadow !important;
 border-left: 1px solid ThreeDHighlight !important;
}

menubar > menu[_moz-menuactive="true"][open="true"] {
 background-color: transparent !important;
 color: MenuText !important;
 border-top: 1px solid ThreeDShadow !important;
 border-right: 1px solid ThreeDHighlight !important;
 border-bottom: 1px solid ThreeDHighlight !important;
 border-left: 1px solid ThreeDShadow !important;
 padding-top: 1px !important;
 -moz-padding-end: 2px !important;
 padding-bottom: 0px !important;
 -moz-padding-start: 3px !important;
}

/* Classic Popups */
menupopup,
popup {
 border: 2px solid !important;
 -moz-border-top-colors: ThreeDLightShadow ThreeDHighlight !important;
 -moz-border-right-colors: ThreeDDarkShadow ThreeDShadow !important;
 -moz-border-bottom-colors: ThreeDDarkShadow ThreeDShadow !important;
 -moz-border-left-colors: ThreeDLightShadow ThreeDHighlight !important;
 padding: 1px !important;
 min-width: 1px !important;
 background-color: Menu;
}

popup[type="autocomplete"],
.autocomplete-history-popup {
 border-width: 1px !important;
 -moz-border-top-colors: ThreeDDarkShadow !important;
 -moz-border-right-colors: ThreeDDarkShadow !important;
 -moz-border-bottom-colors: ThreeDDarkShadow !important;
 -moz-border-left-colors: ThreeDDarkShadow !important;
 padding: 0px !important;
 background-color: -moz-Field !important;
}

menulist > menupopup,
.menulist-menupopup {
 border-width: 1px !important;
 -moz-border-top-colors: -moz-FieldText !important;
 -moz-border-right-colors: -moz-FieldText !important;
 -moz-border-bottom-colors: -moz-FieldText !important;
 -moz-border-left-colors: -moz-FieldText !important;
 padding: 0px;
 min-width: 0px;
 background-color: -moz-Field;
}

An extension that can do the change for you (and more) is available in the External links below.

See also

External links