update both themes for global winstripe changes up to 2010-12-30

[themes.git] / EarlyBlue / global / webConsole.css

diff --git a/EarlyBlue/global/webConsole.css b/EarlyBlue/global/webConsole.css
index c166e7edd8d31ffbc03372c10938de479a58b3ec..440c91afe89d5211ef0278f24fbb7eb577fd0e36 100644 (file)
--- a/EarlyBlue/global/webConsole.css
+++ b/EarlyBlue/global/webConsole.css
@@ -40,7 +40,7 @@
 }
 
 .hud-box.animated {
-  -moz-transition: height 350ms;
+  -moz-transition: height 100ms;
 }
 
 .hud-outer-wrapper {
@@ -117,10 +117,51 @@
   display: none;
 }
 
-.hud-group:first-child > .hud-divider {
+.webconsole-clear-console-button > .toolbarbutton-icon {
   display: none;
 }
 
+.webconsole-filter-button > .toolbarbutton-menubutton-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(0, 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 {
+  border: none;
+  padding: 3px;
+  list-style-image: url("chrome://global/skin/icons/close.png");
+  -moz-image-region: rect(0, 16px, 16px, 0);
+  -moz-appearance: none;
+}
+
+.webconsole-close-button:hover {
+  -moz-image-region: rect(0, 32px, 16px, 16px);
+}
+
+.webconsole-close-button:hover:active {
+  -moz-image-region: rect(0, 48px, 16px, 32px);
+}
+
 /* JSTerm Styles */
 
 .jsterm-wrapper-node {
@@ -148,18 +189,27 @@
   height: 1px; width: 1px; position: relative; top: 92%; display: block;
 }
 
-.jsterm-input-node {
+.jsterm-input-node,
+.jsterm-complete-node {
   font-family: monospace;
   font-size: 9pt;
-  background: url("chrome://global/skin/icons/commandline.png") 4px 3px no-repeat;
   border: none;
-  padding: 0px 0px 0px 16px;
+  padding: 0 0 0 16px;
+}
+
+.jsterm-input-node {
+  background: url("chrome://global/skin/icons/commandline.png") 4px 3px no-repeat;
 }
 
-.jsterm-input-node > .textbox-input-box > .textbox-textarea {
+:-moz-any(.jsterm-input-node,
+          .jsterm-complete-node) > .textbox-input-box > .textbox-textarea {
   overflow-x: hidden;
 }
 
+.jsterm-complete-node > .textbox-input-box > .textbox-textarea {
+  color: #808080;
+}
+
 .jsterm-output-line {
   font-size: 1em;
 }
@@ -168,13 +218,3 @@
   padding: 1px 0px;
   -moz-box-align: center;
 }
-
-.jsterm-close-button {
-  background: none;
-  border: none;
-  list-style-image: url("chrome://global/skin/icons/close-button.gif");
-  margin: 0px;
-  min-width: 0px;
-  padding: 1px 3px 1px 7px;
-  -moz-user-focus: ignore;
-}