finish sync of LCARStrek with Firefox 24 windows theme changes
[themes.git] / LCARStrek / browser / devtools / webconsole.css
index 4594e3106cb96cb4f308b5e77795b479bc0b045d..4c4c3c33d654c4e5b752cbb93e8c7a140383ff97 100644 (file)
@@ -6,23 +6,23 @@ window {
   padding: 0;
 }
 
-.hud-box {
-  border-bottom: 3px solid #000000;
+.webconsole-timestamp,
+.webconsole-msg-body,
+.jsterm-input-node,
+.jsterm-complete-node {
+  font-family: "Liberation Mono", Consolas, "Courier New", monospace;
 }
 
-.hud-box.animated {
-  transition: height 100ms;
-}
+/*
+ * This hardcoded width likely due to a toolkit Windows specific bug.
+ * See http://hg.mozilla.org/mozilla-central/annotate/f38d6df93cad/toolkit/themes/winstripe/global/textbox-aero.css#l7
+ */
 
-.hud-outer-wrapper {
-  width: 100%; 
-  height: 100%;
+.hud-filter-box {
+  width: 200px;
 }
 
-.hud-console-wrapper {
-  width: 100%; 
-  overflow: auto; 
-}
+/* === webconsole.inc.css === */
 
 /* General output styles */
 
@@ -30,7 +30,6 @@ window {
   color: #8050B0;
   margin-top: 0;
   margin-bottom: 0;
-  font: 12px "Liberation Mono", Consolas, "Courier New", monospace;
 }
 
 .hud-msg-node {
@@ -44,12 +43,6 @@ window {
   height: 8px;
 }
 
-.hud-output-node div {
-  -moz-user-select: text;
-  white-space: pre-wrap;
-  -moz-user-focus: normal;
-}
-
 .hud-clickable {
   cursor: pointer;
   text-decoration: underline;
@@ -61,7 +54,7 @@ window {
   -moz-margin-start: 3px;
   -moz-margin-end: 6px;
   white-space: pre-wrap;
-  font: 12px "Liberation Mono", Consolas, "Courier New", monospace;
+  font-family: "Liberation Mono", Consolas, "Courier New", monospace;
 }
 
 .webconsole-msg-body-piece {
@@ -81,7 +74,7 @@ window {
   background-color: #FF0000;
   border-radius: 40px;
   /* font: message-box; */
-  font-size: 10px;
+  font-size: 0.9em;
   font-weight: 600;
 }
 
@@ -99,20 +92,23 @@ window {
   text-align: end;
 }
 
+.webconsole-mixed-content {
+  color: #FF0000;
+}
+
+.webconsole-mixed-content-link {
+  color: #3333FF;
+  margin: 0;
+}
+
 .hud-msg-node[selected="true"] > .webconsole-timestamp,
 .hud-msg-node[selected="true"] > .webconsole-location {
   color: inherit;
 }
 
-.jsterm-input-node,
-.jsterm-complete-node {
-  font: 12px "Liberation Mono", Consolas, "Courier New", monospace;
-}
-
 .hud-output-node {
   -moz-appearance: none;
   border-bottom: 1px solid #9C9CFF;
-  border-top: 1px solid #9C9CFF;
   margin: 0;
 }
 
@@ -121,22 +117,32 @@ window {
   display: none;
 }
 
-.webconsole-clear-console-button > .toolbarbutton-icon {
-  display: none;
+.hidden-message {
+  display: block;
+  visibility: hidden;
+  height: 0;
+  overflow: hidden;
 }
 
-.webconsole-filter-button > .toolbarbutton-menubutton-button {
-  -moz-box-orient: horizontal;
-  list-style-image: url("chrome://browser/skin/devtools/webconsole.png");
+/* WebConsole colored drops */
+
+.webconsole-filter-button {
+  -moz-user-focus: normal;
 }
 
-.webconsole-filter-button:hover:active > .toolbarbutton-menubutton-button,
-.webconsole-filter-button[open="true"] > .toolbarbutton-menubutton-button {
+.webconsole-filter-button[checked] {
+  /* color: white !important; */
 }
 
-.webconsole-filter-button {
-  -moz-margin-start: 3px;
-  padding: 0 !important;
+.webconsole-filter-button > .toolbarbutton-menubutton-button:before {
+  content: "";
+  display: inline-block;
+  height: 8px;
+  width: 8px;
+  border-radius: 50%;
+  margin-left: 5px;
+  border-width: 1px;
+  border-style: solid;
 }
 
 .webconsole-filter-button menuitem {
@@ -149,12 +155,13 @@ window {
 }
 
 /* Network styles */
-.webconsole-filter-button[category="net"] {
-  -moz-image-region: rect(0, 8px, 8px, 0);
+.webconsole-filter-button[category="net"] > .toolbarbutton-menubutton-button:before {
+  background-image: linear-gradient(#BF9B00, #7F6700);
+  border-color: #FFCF00;
 }
 
 .webconsole-msg-network > .webconsole-msg-icon-container {
-  -moz-border-start: solid #000 6px;
+  -moz-border-start: solid #FFCF00 6px;
 }
 
 .webconsole-msg-network.webconsole-msg-error {
@@ -162,12 +169,13 @@ window {
 }
 
 /* CSS styles */
-.webconsole-filter-button[category="css"] {
-  -moz-image-region: rect(8px, 8px, 16px, 0);
+.webconsole-filter-button[category="css"] > .toolbarbutton-menubutton-button:before {
+  background-image: linear-gradient(#7575BF, #4E4E7F);
+  border-color: #9C9CFF;
 }
 
 .webconsole-msg-cssparser > .webconsole-msg-icon-container {
-  -moz-border-start: solid #00b6f0 6px;
+  -moz-border-start: solid #9C9CFF 6px;
 }
 
 .webconsole-msg-cssparser.webconsole-msg-error {
@@ -179,12 +187,13 @@ window {
 }
 
 /* JS styles */
-.webconsole-filter-button[category="js"] {
-  -moz-image-region: rect(16px, 8px, 24px, 0);
+.webconsole-filter-button[category="js"] > .toolbarbutton-menubutton-button:before {
+   background-image: linear-gradient(#BF7700, #7F4F00);
+   border-color: #FF9F00;
 }
 
 .webconsole-msg-exception > .webconsole-msg-icon-container {
-  -moz-border-start: solid #fb9500 6px;
+  -moz-border-start: solid #FF9F00 6px;
 }
 
 .webconsole-msg-exception.webconsole-msg-error {
@@ -196,12 +205,13 @@ window {
 }
 
 /* Web Developer styles */
-.webconsole-filter-button[category="logging"] {
-  -moz-image-region: rect(24px, 8px, 32px, 0);
+.webconsole-filter-button[category="logging"] > .toolbarbutton-menubutton-button:before {
+   background-image: linear-gradient(#5F3B83, #3F2756);
+   border-color: #8050B0;
 }
 
 .webconsole-msg-console > .webconsole-msg-icon-container {
-  -moz-border-start: solid #cbcbcb 6px;
+  -moz-border-start: solid #8050B0 6px;
 }
 
 .webconsole-msg-console.webconsole-msg-error,
@@ -231,45 +241,8 @@ window {
   -moz-image-region: rect(24px, 48px, 32px, 40px);
 }
 
-.webconsole-close-button {
-  border: none;
-  padding-top: 4px;
-  padding-bottom: 5px;
-  list-style-image: url("chrome://global/skin/icons/close-button.gif");
-}
-
-.webconsole-close-button:hover,
-.webconsole-close-button:hover:active {
-  list-style-image: url("chrome://global/skin/icons/close-button-hover.gif");
-}
-
 /* JSTerm Styles */
 
-.jsterm-wrapper-node {
-  font-family: "Liberation Mono", Consolas, "Courier New", monospace; 
-  font-size: 1em;
-  background-color: #000; 
-  border: 1px solid #333; 
-  padding: 0.1em;
-  width: 100%;
-  height: 400px;
-}
-
-.jsterm-output-node {
-  width: 100%;
-  height: 400px;
-  color: white;
-  background-color: black;
-  overflow: auto;
-  overflow-x: auto;
-  position: absolute;
-  -moz-box-direction: reverse;
-}
-
-.jsterm-scroll-to-node {
-  height: 1px; width: 1px; position: relative; top: 92%; display: block;
-}
-
 .jsterm-input-node,
 .jsterm-complete-node {
   -moz-padding-start: 16px;
@@ -277,7 +250,7 @@ window {
 }
 
 .jsterm-input-node {
-  background: url("chrome://browser/skin/devtools/commandline.png") 4px 3px no-repeat;
+  background: -moz-image-rect(url("chrome://browser/skin/devtools/commandline-icon.png"), 0, 32, 16, 16) no-repeat;
 }
 
 :-moz-any(.jsterm-input-node,
@@ -289,25 +262,33 @@ window {
   color: #8050B0;
 }
 
-.jsterm-output-line {
-  font-size: 1em;
+.webconsole-msg-inspector iframe {
+  height: 7em;
+  margin-bottom: 15px;
+  -moz-margin-end: 15px;
+  border-radius: 4px;
 }
 
-.hud-console-filter-toolbar {
-  -moz-box-align: center;
+#webconsole-sidebar > tabs {
+  height: 0;
+  border: none;
 }
 
-.web-console-panel {
-  -moz-appearance: none;
-  background-color: black;
+/* Security styles */
+
+.webconsole-msg-security > .webconsole-msg-icon-container {
+  -moz-border-start: solid #FF0000 6px;
+}
+
+.webconsole-filter-button[category="security"] > .toolbarbutton-menubutton-button:before {
+  background-color: #FF0000;
+  border-color: #FFCF00;
 }
 
-.web-console-panel > .hud-box {
-  height: 100%;
-  width: 100%;
-  background-color: black;
+.webconsole-msg-security.webconsole-msg-error {
+  -moz-image-region: rect(32px, 16px, 40px, 8px);
 }
 
-.hud-splitter {
-  border: 0;
+.webconsole-msg-security.webconsole-msg-warn {
+  -moz-image-region: rect(32px, 24px, 40px, 16px);
 }