From 6812e5fda033f4cb3112213851b9e56749c3b5c4 Mon Sep 17 00:00:00 2001
From: "kerz%netscape.com" <kerz%netscape.com>
Date: Sun, 29 Sep 2002 09:11:28 +0000
Subject: [PATCH] adding images for sidebar panel buttons

---
 ...bookmark-large.png => bookmarks-large.png} |  0
 browser/base/skin/bookmarks-small.png         |  0
 browser/base/skin/browser.css                 | 98 ++++++++++++++++++-
 browser/base/skin/downloads-large.png         |  0
 browser/base/skin/downloads-small.png         |  0
 browser/base/skin/history-large.png           |  0
 browser/base/skin/history-small.png           |  0
 7 files changed, 95 insertions(+), 3 deletions(-)
 rename browser/base/skin/{bookmark-large.png => bookmarks-large.png} (100%)
 create mode 100644 browser/base/skin/bookmarks-small.png
 create mode 100644 browser/base/skin/downloads-large.png
 create mode 100644 browser/base/skin/downloads-small.png
 create mode 100644 browser/base/skin/history-large.png
 create mode 100644 browser/base/skin/history-small.png

diff --git a/browser/base/skin/bookmark-large.png b/browser/base/skin/bookmarks-large.png
similarity index 100%
rename from browser/base/skin/bookmark-large.png
rename to browser/base/skin/bookmarks-large.png
diff --git a/browser/base/skin/bookmarks-small.png b/browser/base/skin/bookmarks-small.png
new file mode 100644
index 00000000000..e69de29bb2d
diff --git a/browser/base/skin/browser.css b/browser/base/skin/browser.css
index 73c8d605055..8295dc134bf 100644
--- a/browser/base/skin/browser.css
+++ b/browser/base/skin/browser.css
@@ -90,9 +90,9 @@ toolbarbutton.bookmark-item[open="true"] {
 }
 
 .toolbarpaletteitem-box[type="bookmarks-toolbar"][place="palette"] {
-  width: 32px;
-  height: 32px;
-  background: url("chrome://browser/skin/bookmark-large.png") no-repeat center;
+  width: 42px;
+  height: 42px;
+  background: url("chrome://browser/skin/bookmarks-large.png") no-repeat;
 }
 
 /* ::::: bookmark menus ::::: */
@@ -373,6 +373,52 @@ toolbar[mode="text"] .toolbarbutton-text {
   -moz-image-region: rect(0px 131px 32px 99px) !important;
 }
 
+#downloads-button {
+  list-style-image: url("chrome://browser/skin/downloads-large.png");
+  -moz-image-region: rect(0px 42px 42px 0px);
+}
+#downloads-button:hover {
+  -moz-image-region: rect(0px 96px 42px 54px);
+}
+#downloads-button[disabled="true"] {
+  -moz-image-region: rect(0px 150px 42px 108px);
+}
+#downloads-button:hover:active,
+#downloads-button[checked="true"] {
+  -moz-image-region: rect(0px 204px 42px 162px);
+}
+
+#bookmarks-button {
+  list-style-image: url("chrome://browser/skin/bookmarks-large.png");
+  -moz-image-region: rect(0px 42px 42px 0px);
+}
+#bookmarks-button:hover {
+  -moz-image-region: rect(0px 96px 42px 54px);
+}
+#bookmarks-button[disabled="true"] {
+  -moz-image-region: rect(0px 150px 42px 108px);
+}
+#bookmarks-button:hover:active,
+#bookmarks-button[checked="true"] {
+  -moz-image-region: rect(0px 204px 42px 162px);
+}
+
+#history-button {
+  list-style-image: url("chrome://browser/skin/history-large.png");
+  -moz-image-region: rect(0px 42px 42px 0px);
+}
+#history-button:hover {
+  -moz-image-region: rect(0px 96px 42px 54px);
+}
+#history-button[disabled="true"] {
+  -moz-image-region: rect(0px 150px 42px 108px);
+}
+#history-button:hover:active, 
+#history-button[checked="true"] {
+  -moz-image-region: rect(0px 204px 42px 162px);
+}
+
+
 /* ::::: small primary toolbar buttons ::::: */
 
 toolbar[iconsize="small"] #back-button {
@@ -456,6 +502,52 @@ toolbar[iconsize="small"] #print-button[disabled="true"] {
   -moz-image-region: rect(0px 112px 25px 84px);
 }
 
+toolbar[iconsize="small"] #downloads-button {
+  list-style-image: url("chrome://browser/skin/downloads-small.png") !important;
+  -moz-image-region: rect(0px 24px 25px 0px);
+}
+toolbar[iconsize="small"] #downloads-button:hover {
+  -moz-image-region: rect(0px 48px 25px 24px);
+}
+toolbar[iconsize="small"] #downloads-button:hover:active,
+toolbar[iconsize="small"] #downloads-button[checked="true"] {
+  -moz-image-region: rect(0px 72px 25px 48px);
+}
+toolbar[iconsize="small"] #downloads-button[disabled="true"] {
+  -moz-image-region: rect(0px 96px 25px 72px) !important;
+}
+
+toolbar[iconsize="small"] #bookmarks-button {
+  list-style-image: url("chrome://browser/skin/bookmarks-small.png") !important;
+  -moz-image-region: rect(0px 24px 25px 0px);
+}
+toolbar[iconsize="small"] #bookmarks-button:hover {
+  -moz-image-region: rect(0px 48px 25px 24px);
+}
+toolbar[iconsize="small"] #bookmarks-button:hover:active,
+toolbar[iconsize="small"] #bookmarks-button[checked="true"] {
+  -moz-image-region: rect(0px 72px 25px 48px);
+}
+toolbar[iconsize="small"] #bookmarks-button[disabled="true"] {
+  -moz-image-region: rect(0px 96px 25px 72px) !important;
+}
+
+toolbar[iconsize="small"] #history-button {
+  list-style-image: url("chrome://browser/skin/history-small.png") !important;
+  -moz-image-region: rect(0px 24px 25px 0px);
+}
+toolbar[iconsize="small"] #history-button:hover {
+  -moz-image-region: rect(0px 48px 25px 24px);
+}
+toolbar[iconsize="small"] #history-button:hover:active,
+toolbar[iconsize="small"] #history-button[checked="true"] {
+  -moz-image-region: rect(0px 72px 25px 48px);
+}
+toolbar[iconsize="small"] #history-button[disabled="true"] {
+  -moz-image-region: rect(0px 96px 25px 72px) !important;
+}
+
+
 /* ::::: fullscreen window controls ::::: */
 
 #window-controls {
diff --git a/browser/base/skin/downloads-large.png b/browser/base/skin/downloads-large.png
new file mode 100644
index 00000000000..e69de29bb2d
diff --git a/browser/base/skin/downloads-small.png b/browser/base/skin/downloads-small.png
new file mode 100644
index 00000000000..e69de29bb2d
diff --git a/browser/base/skin/history-large.png b/browser/base/skin/history-large.png
new file mode 100644
index 00000000000..e69de29bb2d
diff --git a/browser/base/skin/history-small.png b/browser/base/skin/history-small.png
new file mode 100644
index 00000000000..e69de29bb2d