Pinstripe for Firefox 1.0.. Including:

266589, Software Update status icon is missing on Mac OS X
262539, software update wizard cleanup
259562, new autocomplete dropmarker
260279, Download manager cleanup
242801, new icons for Firefox Help
246629, Profile Manager uses wrong font


git-svn-id: svn://10.0.0.236/branches/AVIARY_1_0_20040515_BRANCH@164820 18797224-902f-48f8-a5cc-f745e15eee43

mozilla/browser/themes/pinstripe/browser/bookmarks/bookmarksManager.css

@@ -88,3 +88,11 @@ toolbarbutton#delete[disabled="true"] {
 #bookmarks-search {
 	background-image: none;
 }
+
+.bookmarksTree {
+  margin: 0px !important;
+}
+
+#bookmark-views-splitter {
+  border-right: 1px solid #bebebe;
+}

mozilla/browser/themes/pinstripe/browser/browser.css

@@ -41,6 +41,10 @@
 
 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
 
+#toolbar-menubar {
+	display: none;
+}
+
 #main-window {
 	-moz-appearance: none;
 }
@@ -92,6 +96,10 @@ toolbarbutton.bookmark-item[container]:hover > .toolbarbutton-text,
   color: #fff;
 }
 
+#find-closebutton > .toolbarbutton-icon  {
+	background-image: none !important;
+}
+
 toolbarbutton.bookmark-item:not([container]):hover:active  > .toolbarbutton-text,
 toolbarbutton.bookmark-item[open] > .toolbarbutton-menu-dropmarker,
 toolbarbutton.bookmark-item[container]:hover:active > .toolbarbutton-menu-dropmarker 
@@ -256,14 +264,12 @@ toolbar[mode="icons"] .toolbarbutton-text {
   display: none;
 }
 
-toolbar[mode="text"] .toolbarbutton-menubutton-dropmarker,
 toolbar[mode="text"] .toolbarbutton-icon {
   display: none;
 }
 
-toolbar[mode="text"] .toolbarbutton-text {
-  padding: 0px !important;
-  margin: 3px 5px !important;
+toolbar[mode="text"] .toolbarbutton-1 > .toolbarbutton-text, toolbar[mode="text"] .toolbarbutton-1 > stack > toolbarbutton > .toolbarbutton-text {
+  margin: 4px;
 }
 
 #back-button, #forward-button  {

mozilla/toolkit/themes/pinstripe/global/console/console.css

@@ -198,3 +198,8 @@ toolbarbutton[observes="Console:clear"]:hover:active {
 toolbarbutton[observes="Console:clear"]:hover:active {
   -moz-image-region: rect(32px, 160px, 64px, 128px);
 }
+
+#ConsoleBox {
+  margin-bottom: 14px;
+  border-bottom: 1px solid #bebebe; 
+}

mozilla/toolkit/themes/pinstripe/global/findBar.css

@@ -6,7 +6,12 @@
   padding-right: 4px;
   list-style-image: url("chrome://global/skin/icons/closetab.png") !important;
   list-style-image: none;
-  border: none;
+  border: none;
+}
+
+#find-closebutton {
+  background-image: none !important;
+}
 
 #find-closebutton:hover:active {
 	list-style-image: url("chrome://global/skin/icons/closetab-active.png") !important;
@@ -67,6 +72,15 @@
   padding: 3px 14px 3px 24px;
 }
 
+#FindToolbar[flash="true"] > #find-field-container > #find-field {
+  background: url("chrome://global/skin/icons/find-bar-flash.png") no-repeat;
+}
+
+#find-field[status="notfound"] {
+  background: url("chrome://global/skin/icons/find-bar-notfound.png") no-repeat;
+  color: #FFF;
+}
+
 /* ::::: find ::::: */
 
 #find-previous 
@@ -182,5 +196,6 @@
 }
 
 #find-status {
-#find-status {
-	color: red !important;
+	color: #436599 !important;
+}
+

mozilla/toolkit/themes/pinstripe/global/jar.mn

@@ -88,6 +88,8 @@ classic.jar:
 +  skin/classic/global/icons/closetab.png                             (icons/closetab.png)
 +  skin/classic/global/icons/find.png                                 (icons/find.png)
 +  skin/classic/global/icons/find-bar-background.png                  (icons/find-bar-background.png)
++  skin/classic/global/icons/find-bar-flash.png                       (icons/find-bar-flash.png)
++  skin/classic/global/icons/find-bar-notfound.png                    (icons/find-bar-notfound.png)
 +  skin/classic/global/icons/grip-vrt.gif                             (icons/grip-vrt.gif)
 +  skin/classic/global/icons/loading_16_grey.gif                      (icons/loading_16_grey.gif)
 +  skin/classic/global/icons/loading_16.gif                           (icons/loading_16.gif)

mozilla/toolkit/themes/pinstripe/global/radio.css

@@ -1,3 +1,93 @@
-/*
- * The contents of this file are subject to the Netscape Public
- * License Version 1.1 (the "License"); you may not use this file
+/*
+ * The contents of this file are subject to the Netscape Public
+ * License Version 1.1 (the "License"); you may not use this file
+ * except in compliance with the License. You may obtain a copy of
+ * the License at http://www.mozilla.org/NPL/
+ *
+ * Software distributed under the License is distributed on an "AS
+ * IS" basis, WITHOUT WARRANTY OF ANY KIND, either express or
+ * implied. See the License for the specific language governing
+ * rights and limitations under the License.
+ *
+ * The Original Code is Mozilla Communicator client code, released
+ * March 31, 1998.
+ *
+ * The Initial Developer of the Original Code is Netscape
+ * Communications Corporation. Portions created by Netscape are
+ * Copyright (C) 1998-1999 Netscape Communications Corporation. All
+ * Rights Reserved.
+ *
+ * Contributor(s):
+ *
+ */
+
+/* ===== radio.css ===================================================
+  == Styles used by the XUL radio element.
+  ======================================================================= */
+
+@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
+
+/* ::::: radio ::::: */
+
+radiogroup {
+  -moz-user-focus: ignore;
+  margin: 1px 0px 1px 0px;
+}
+
+radio {
+  -moz-appearance: radio-container;
+  -moz-box-align: center;
+  margin: 2px 2px 2px 2px;
+}
+
+.radio-label-box {
+  margin-left: 0px;
+  padding: 0px;
+}
+
+.radio-icon {
+  margin-right: 2px;
+}
+
+.radio-label {
+  margin: 0 !important;
+  padding-bottom: 1px;
+}
+
+/* ..... disabled state ..... */
+
+radio[disabled="true"] {
+  color: GrayText !important;
+}
+
+/* ::::: checkmark image ::::: */
+
+.radio-check, .radio-check-box1 {
+  -moz-appearance: radio;
+  width: 14px;
+  height: 12px;
+  background: url("chrome://global/skin/radio/radio.gif") no-repeat;
+}
+  
+radio:hover:active > .radio-check {
+  background-image: url("chrome://global/skin/radio/radio-act.gif");
+}
+
+radio[disabled="true"] > .radio-check {
+  background-image: url("chrome://global/skin/radio/radio-dis.gif") !important;
+}
+
+/* ..... selected state ..... */
+
+radio[selected="true"] > .radio-check {
+  background-image: url("chrome://global/skin/radio/radio-check.gif");
+}
+
+radio[selected="true"]:hover:active > .radio-check {
+  background-image: url("chrome://global/skin/radio/radio-check-act.gif");
+}
+
+radio[selected="true"][disabled="true"] > .radio-check {
+  background-image: url("chrome://global/skin/radio/radio-check-dis.gif") !important
+}
+

mozilla/toolkit/themes/pinstripe/global/wizard.css

@@ -50,10 +50,7 @@ wizard {
 }
 
 .wizard-label-box {
-  border: 1px solid #777777;
-  padding: 0 6px;
-  background-color: #BBBBBB;
-  font-weight: bold;
+  display: none;
 }
 
 .wizard-button {

mozilla/toolkit/themes/pinstripe/help/help.css

@@ -38,22 +38,36 @@
 @import url("chrome://global/skin/");
 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
 
+toolbarbutton[type="menu-button"] {
+  margin: 0px;
+  padding: 0px;
+}
+
 .toolbarbutton-1 {
-	-moz-box-orient: vertical;
 	min-width: 0px;
 	list-style-image: url("chrome://help/skin/Toolbar.png");
+	-moz-box-orient: vertical;
+}
+
+.toolbarbutton-menubutton-stack {
+  -moz-box-orient: horizontal;
+}
+
+.toolbarbutton-menubutton-stack > .toolbarbutton-menubutton-button {
+  -moz-box-orient: vertical;
 }
 
 .browserButton {
-  -moz-box-orient: vertical;
   min-width: 0px;
   list-style-image: url("chrome://browser/skin/Toolbar.png");
+  -moz-box-orient: vertical;
 }
 
 #help-zoom-large-button,
 #help-zoom-small-button,
 #help-sidebar-button {
 	list-style-image: url("chrome://help/skin/Toolbar.png");
+	-moz-box-orient: vertical;
 }
 
 toolbarbutton:not([disabled="true"]):hover,
@@ -64,33 +78,32 @@ menubutton:not([disabled="true"]):hover:active {
 }
 
 #help-back-button { -moz-image-region: rect(0px 32px 32px 0px); }
-#help-back-button[buttonover="true"] { -moz-image-region: rect(32px 32px 64px 0px); }
+#help-back-button[buttondown="true"] { -moz-image-region: rect(32px 32px 64px 0px); }
 #help-back-button[disabled="true"] { -moz-image-region: rect(64px 32px 96px 0px); }
 
 #help-forward-button { -moz-image-region: rect(0px 64px 32px 32px); }
-#help-forward-button[buttonover="true"] { -moz-image-region: rect(32px 64px 64px 32px); }
+#help-forward-button[buttondown="true"] { -moz-image-region: rect(32px 64px 64px 32px); }
 #help-forward-button[disabled="true"] { -moz-image-region: rect(64px 64px 96px 32px); }
 
-#help-find-button { -moz-image-region: rect(0px 192px 24px 168px); }
-#help-find-button:hover { -moz-image-region: rect(0px 192px 24px 168px); }
-
-#help-toolbar-customization { -moz-image-region: rect(0px 216px 24px 192px); }
-#help-toolbar-customization:hover { -moz-image-region: rect(24px 216px 48px 192px); }
-
 #help-home-button { -moz-image-region: rect(0px 160px 32px 128px); }
-#help-home-button:hover { -moz-image-region: rect(32px 160px 64px 128px); }
+#help-home-button:hover:active { -moz-image-region: rect(32px 160px 64px 128px); }
 
 #help-print-button { -moz-image-region: rect(0px 288px 32px 256px); }
-#help-print-button:hover { -moz-image-region: rect(32px 288px 64px 256px); }
+#help-print-button:hover:active { -moz-image-region: rect(32px 288px 64px 256px); }
 
-#help-zoom-large-button { -moz-image-region: rect(0px 24px 24px 0px); }
-#help-zoom-large-button:hover { -moz-image-region: rect(24px 24px 48px 0px); }
+#help-toolbar-customization { -moz-image-region: rect(0px 32px 32px 0px); }
+#help-toolbar-customization:hover:active { -moz-image-region: rect(32px 32px 64px 0px); }
 
-#help-zoom-small-button { -moz-image-region: rect(0px 48px 24px 24px); }
-#help-zoom-small-button:hover { -moz-image-region: rect(24px 48px 48px 24px); }
+#help-find-button { -moz-image-region: rect(0px 64px 32px 32px); }
+#help-find-button:hover:active { -moz-image-region: rect(32px 64px 64px 32px); }
 
-#help-sidebar-button { -moz-image-region: rect(0px 72px 24px 48px); }
-#help-sidebar-button { -moz-image-region: rect(0px 72px 24px 48px); }
+#help-zoom-large-button { -moz-image-region: rect(0px 96px 32px 64px); }
+#help-zoom-large-button:hover:active { -moz-image-region: rect(32px 96px 64px 64px); }
+
+#help-zoom-small-button { -moz-image-region: rect(0px 128px 32px 96px); }
+#help-zoom-small-button:hover:active { -moz-image-region: rect(32px 128px 64px 96px); }
+
+#help-sidebar-button { -moz-image-region: rect(0px 160px 32px 128px); }
 
 /** Toolbar Customization stuff **/
 toolbar[mode="icons"] > toolbarbutton > .toolbarbutton-icon,
@@ -121,8 +134,49 @@ toolbar[mode="icons"] > toolbarbutton > toolbarbutton > .toolbarbutton-text {
   min-width: 0;
   background-color: transparent;
   list-style-image: url("chrome://global/skin/icons/notloading_16.png");
+  width: 24px;
 }
 
 #help-throbber[busy="true"] {
   list-style-image: url("chrome://global/skin/icons/loading_16.gif");
 }
+
+toolbar[mode="icons"] .toolbarbutton-text {
+  display: none;
+}
+
+toolbar[mode="text"] .toolbarbutton-menubutton-dropmarker,
+toolbar[mode="text"] .toolbarbutton-icon {
+  display: none;
+}
+
+#helpsidebar-splitter {
+  border-right: 1px solid #bebebe;
+}
+
+#helpsidebar-box toolbarbutton {
+	background-image: url("chrome://global/skin/icons/white-gray-gradient.gif");
+	background-repeat: repeat-x;
+	background-position: bottom right;
+	background-color: rgb(246, 246, 246);
+        border-bottom: 1px solid #b3b3b3;
+        border-right: 1px solid #bebebe;
+        margin: 0px;
+        text-align: left;
+	color: #505050;
+}
+
+#helpsidebar-box toolbarbutton[selected="true"] {
+	color: #000;
+}
+
+#helpsidebar-box tree {
+	margin: 0px !important;
+	padding: 0px !important;
+}
+
+#appcontent {
+	margin-bottom: 14px;
+	border-bottom: 1px solid #bebebe;
+}
+

mozilla/toolkit/themes/pinstripe/help/sidebar.css

@@ -28,7 +28,7 @@
 #
 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
 
- #sidebar-box {
+#sidebar-box {
   background-color: Window;
 }
 
@@ -36,8 +36,6 @@
 
 .box-texttab {
   -moz-binding: url("chrome://help/skin/sidebarBindings.xml#sbtab");
-  height: 20px;
-  -moz-appearance: toolbox;
 }
 
 .box-texttab[selected="true"],
@@ -50,13 +48,10 @@
 
 .sbtab-label {
   margin: 0px 0px 0px 0px !important;
+  text-align: left;
 }
 
 .sbtab-twisty {
   margin: 0px 7px;
-  list-style-image: url("chrome://help/skin/sbtab-twisty.gif");
-}
-
-.sbtab-twisty[selected="true"] {
-  list-style-image: url("chrome://help/skin/sbtab-twisty-open.gif");
+  list-style-image: url("chrome://global/skin/tree/folder.png");
 }

mozilla/toolkit/themes/pinstripe/mozapps/jar.mn

@@ -10,6 +10,7 @@ classic.jar:
   skin/classic/mozapps/downloads/download-inprogress.png          (downloads/download-inprogress.png)
   skin/classic/mozapps/downloads/options-button-pressed.png       (downloads/options-button-pressed.png)
   skin/classic/mozapps/downloads/options-button.png               (downloads/options-button.png)
+  skin/classic/mozapps/downloads/open.png                         (downloads/open.png)
   skin/classic/mozapps/downloads/downloads.css                    (downloads/downloads.css)
   skin/classic/mozapps/downloads/unknownContentType.css           (downloads/unknownContentType.css)
   skin/classic/mozapps/downloads/downloads.xml                    (downloads/downloads.xml)
@@ -27,6 +28,8 @@ classic.jar:
   skin/classic/mozapps/pref/check.gif                             (pref/check.gif)
   skin/classic/mozapps/pref/dot.gif                               (pref/dot.gif)
   skin/classic/mozapps/pref/pref.css                              (pref/pref.css)
+  skin/classic/mozapps/profile/profileicon.png                    (profile/profileicon.png)
+  skin/classic/mozapps/profile/profileSelection.css               (profile/profileSelection.css)
   skin/classic/mozapps/shared/itemFader.png                       (shared/itemFader.png)
   skin/classic/mozapps/shared/itemSelected.png                    (shared/itemSelected.png)
   skin/classic/mozapps/shared/viewFader.png                       (shared/viewFader.png)

mozilla/toolkit/themes/pinstripe/mozapps/profile/profileSelection.css

@@ -0,0 +1,52 @@
+/* ***** BEGIN LICENSE BLOCK *****
+ * Version: MPL 1.1/GPL 2.0/LGPL 2.1
+ *
+ * The contents of this file are subject to the Mozilla Public License Version
+ * 1.1 (the "License"); you may not use this file except in compliance with
+ * the License. You may obtain a copy of the License at
+ * http://www.mozilla.org/MPL/
+ *
+ * Software distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License
+ * for the specific language governing rights and limitations under the
+ * License.
+ *
+ * The Original Code is new Mozilla XUL toolkit.
+ *
+ * The Initial Developer of the Original Code is
+ * Benjamin Smedberg <bsmedberg@covad.net>
+ * Portions created by the Initial Developer are Copyright (C) 2004
+ * the Initial Developer. All Rights Reserved.
+ *
+ * Contributor(s):
+ *
+ * Alternatively, the contents of this file may be used under the terms of
+ * either the GNU General Public License Version 2 or later (the "GPL"), or
+ * the GNU Lesser General Public License Version 2.1 or later (the "LGPL"),
+ * in which case the provisions of the GPL or the LGPL are applicable instead
+ * of those above. If you wish to allow use of your version of this file only
+ * under the terms of either the GPL or the LGPL, and not to allow others to
+ * use your version of this file under the terms of the MPL, indicate your
+ * decision by deleting the provisions above and replace them with the notice
+ * and other provisions required by the GPL or the LGPL. If you do not delete
+ * the provisions above, a recipient may use your version of this file under
+ * the terms of any one of the MPL, the GPL or the LGPL.
+ *
+ * ***** END LICENSE BLOCK ***** */
+
+
+@import url("chrome://global/skin/global.css");
+
+@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
+
+#profiles > listitem {
+  list-style-image: url("chrome://mozapps/skin/profile/profileicon.png");
+}
+
+box#managebuttons > button {
+  min-width: 8em;
+}
+
+#managebuttons {
+  padding-top: 1em;
+}

mozilla/toolkit/themes/pinstripe/mozapps/update/update.css

@@ -59,11 +59,76 @@ updateitem {
   list-style-image: url("chrome://mozapps/skin/update/warning.gif"); 
 }
 
+/* Updates View */
+
+radio[type="update-type"] {
+  margin: 2px;
+  -moz-appearance: none;
+}
+
+.updateCategoryBox {
+  background-color: #DFDFDF; 
+  padding: 3px;
+  -moz-appearance: radio-container; 
+}
+
+.updateCategoryContent {
+  padding: 5px 20px; 
+}
+
+.updateCategoryLabel[selected="true"] {
+  font-weight: bold;
+}
+  
+.updateCategoryIcon {
+  
+}
+
+radiogroup[type="update-types"] {
+  -moz-appearance: listbox;
+  margin: 2px 4px;
+  border: 2px solid;
+  -moz-border-top-colors: ThreeDShadow ThreeDDarkShadow;
+  -moz-border-right-colors: ThreeDHighlight ThreeDLightShadow;
+  -moz-border-bottom-colors: ThreeDHighlight ThreeDLightShadow;
+  -moz-border-left-colors: ThreeDShadow ThreeDDarkShadow;
+  background-color: -moz-Field;
+  color: -moz-FieldText;
+}
+
 /* Inline Update Notifications */
 .updateIndicator[updateCount="0"] {
   visibility: hidden;
 }
 
+/* Inline Update Notifications */
+toolbarbutton[type="updates"] {
+  padding: 0px;
+  -moz-appearance: none;
+  border: none;
+  width: 24px;
+  height: 24px;
+  -moz-box-align: center;
+}
+toolbarbutton[type="updates"][updateCount="0"] {
+  visibility: collapse;
+}
+toolbarbutton[type="updates"] > .toolbarbutton-icon {
+  list-style-image: url("chrome://mozapps/skin/update/update.png"); 
+  -moz-image-region: rect(0px 16px 16px 0px);
+  margin: 0px 2px;
+  display: -moz-box !important;
+}
+toolbarbutton[type="updates"][severity="2"] > .toolbarbutton-icon {
+  -moz-image-region: rect(0px 16px 16px 0px);
+}
+toolbarbutton[type="updates"][severity="1"] > .toolbarbutton-icon {
+  -moz-image-region: rect(0px 32px 16px 16px);
+}
+toolbarbutton[type="updates"][severity="0"] > .toolbarbutton-icon {
+  -moz-image-region: rect(0px 48px 16px 32px);
+}
+
 .updateIcon {
   width: 16px;
   height: 16px;
@@ -86,3 +151,4 @@ updateitem {
 .updateIndicator > label {
 	margin-left: 2px !important;
 }
+