Bug 601667 - Web Console toolbar styling, part 4; f=mihai.sucan,ddahl r=l10n,sdwilsh,dao,kdangoor, a=blocking2.0

toolkit/themes/gnomestripe/global/jar.mn

@@ -45,5 +45,6 @@ toolkit.jar:
 +  skin/classic/global/icons/notloading_16.png                 (icons/notloading_16.png)
 +  skin/classic/global/icons/resizer.png                       (icons/resizer.png)
 +  skin/classic/global/icons/sslWarning.png                    (icons/sslWarning.png)
++  skin/classic/global/icons/webconsole.png                    (icons/webconsole.png)
 +  skin/classic/global/icons/wrap.png                          (icons/wrap.png)
 +  skin/classic/global/toolbar/spring.png                      (toolbar/spring.png)

toolkit/themes/gnomestripe/global/webConsole.css

@@ -117,12 +117,38 @@
   display: none;
 }
 
-.hud-filter-cat:-moz-system-metric(windows-default-theme) {
-  color: GrayText;
+.webconsole-clear-console-button > .toolbarbutton-icon {
+  display: none;
 }
 
-.hud-group:first-child > .hud-divider {
-  display: none;
+.webconsole-filter-button > .toolbarbutton-menubutton-button,
+.webconsole-filter-button:not([type="menu-button"]) {
+  -moz-box-orient: horizontal;
+  list-style-image: url("chrome://global/skin/icons/webconsole.png");
+}
+
+/* Network button */
+.webconsole-filter-button[category="net"] {
+  -moz-image-region: rect(0px, 40px, 10px, 30px);
+}
+
+/* CSS button */
+.webconsole-filter-button[category="css"] {
+  -moz-image-region: rect(10px, 40px, 20px, 30px);
+}
+
+/* JS button */
+.webconsole-filter-button[category="js"] {
+  -moz-image-region: rect(20px, 40px, 30px, 30px);
+}
+
+/* Web Developer button */
+.webconsole-filter-button[category="webdev"] {
+  -moz-image-region: rect(30px, 40px, 40px, 30px);
+}
+
+.webconsole-close-button {
+  list-style-image: url("moz-icon://stock/gtk-close?size=menu");
 }
 
 /* JSTerm Styles */
@@ -175,28 +201,3 @@
   font-size: 1em;
 }
 
-.hud-console-filter-toolbar {
-  padding: 1px 0px;
-  -moz-box-align: center;
-}
-
-.jsterm-close-button {
-  background: none;
-  border: none;
-  list-style-image: url("chrome://global/skin/icons/close.png");
-  margin: 0px;
-  min-width: 0px;
-  padding: 1px 3px 1px 7px;
-  -moz-appearance: none;
-  -moz-image-region: rect(0, 16px, 16px, 0);
-  -moz-user-focus: ignore;
-}
-
-.jsterm-close-button:hover {
-  -moz-image-region: rect(0, 32px, 16px, 16px);
-}
-
-.jsterm-close-button:hover:active {
-  -moz-image-region: rect(0, 48px, 16px, 32px);
-}
-