second part of syncing LCARStrek with Firefox 34 windows theme changes
[themes.git] / LCARStrek / browser / devtools / webconsole.css
index dd6e64169e0f65f4a615ab581fb155058fd47666..c2daa2ff06486b64227588c3fb302610c36b9ead 100644 (file)
@@ -32,24 +32,24 @@ a {
 
 .message {
   display: flex;
-  flex: 0 0 auto;
+  flex: none;
   padding: 0 7px;
   width: 100%;
   box-sizing: border-box;
 }
 
 .message > .timestamp {
-  flex: 0 0 auto;
+  flex: none;
   color: #8050B0;
   margin: 4px 6px 0 0;
 }
 
 .message > .indent {
-  flex: 0 0 auto;
+  flex: none;
 }
 
 .message > .icon {
-  flex: 0 0 auto;
+  flex: none;
   margin: 3px 6px 0 0;
   padding: 0 4px;
   height: 1em;
@@ -81,7 +81,7 @@ a {
 /* The red bubble that shows the number of times a message is repeated */
 .message-repeats {
   -moz-user-select: none;
-  flex: 0 0 auto;
+  flex: none;
   margin: 2px 6px;
   padding: 0 6px;
   height: 1.25em;
@@ -99,7 +99,7 @@ a {
 
 .message-location {
   display: flex;
-  flex: 0 0 auto;
+  flex: none;
   align-self: flex-start;
   justify-content: flex-end;
   width: 10em;
@@ -122,7 +122,7 @@ a {
 }
 
 .message-location > .line-number {
-  flex: 0 0 auto;
+  flex: none;
 }
 
 .hud-msg-node[selected="true"] > .webconsole-timestamp,
@@ -141,7 +141,7 @@ a {
 
 .message-flex-body > .message-body {
   display: block;
-  flex: 1 1 auto;
+  flex: 1 1 main-size;
   vertical-align: middle;
 }
 
@@ -199,10 +199,6 @@ a {
   -moz-user-focus: normal;
 }
 
-.webconsole-filter-button[checked] {
-  /* color: white !important; */
-}
-
 .webconsole-filter-button > .toolbarbutton-menubutton-button:before {
   content: "";
   display: inline-block;
@@ -229,6 +225,10 @@ a {
   border-color: #FFCF00;
 }
 
+.message:hover {
+  background-color: #404000;
+}
+
 .message[severity=error] {
   background-color: #FF0000;
 }
@@ -250,11 +250,11 @@ a {
 }
 
 .message[category=network] .method {
-  flex: 0 0 auto;
+  flex: none;
 }
 
 .message[category=network]:not(.navigation-marker) .url {
-  flex: 1 1 auto;
+  flex: 1 1 main-size;
   /* Make sure the URL is very small initially, let flex change width as needed. */
   width: 100px;
   min-width: 5em;
@@ -264,7 +264,7 @@ a {
 }
 
 .message[category=network] .status {
-  flex: 0 0 auto;
+  flex: none;
   -moz-margin-start: 6px;
 }
 
@@ -464,7 +464,7 @@ a {
 
 .stacktrace .function {
   display: block;
-  flex: 1 1 auto;
+  flex: 1 1 main-size;
 }
 
 .cm-s-mozilla a[class] {
@@ -495,53 +495,28 @@ a {
 }
 
 /* Replace these values with CSS variables as available */
-.theme-dark .jsterm-input-container {
-  background-color: #000000; /* tabToolbarBackgroundColor */
-  border-color: #9C9CFF; /* mainBackgroundColor */
-}
-
-.theme-dark .jsterm-input-node {
-  color: #E7ADE7; /* textColor */
-}
-
-.theme-dark .jsterm-complete-node {
-  color: #A09090; /* commentColor */
-}
-
-.theme-dark .navigation-marker .url {
-  background: #000000; /* mainBackgroundColor */
-}
-
-.theme-dark .inlined-variables-view iframe {
-  border-color: #A09090;
-}
-
-.theme-dark .stacktrace {
-  border-color: #A09090;
-}
-
-.theme-light .jsterm-input-container {
+.jsterm-input-container {
   background-color: #000000; /* tabToolbarBackgroundColor */
   border-color: #9C9CFF; /* mainBackgroundColor */
 }
 
-.theme-light .jsterm-input-node {
+.jsterm-input-node {
   color: #E7ADE7; /* textColor */
 }
 
-.theme-light .jsterm-complete-node {
+.jsterm-complete-node {
   color: #A09090; /* commentColor */
 }
 
-.theme-light .navigation-marker .url {
+.navigation-marker .url {
   background: #000000; /* mainBackgroundColor */
 }
 
-.theme-light .inlined-variables-view iframe {
+.inlined-variables-view iframe {
   border-color: #A09090;
 }
 
-.theme-dark .stacktrace {
+.stacktrace {
   border-color: #A09090;
 }
 
@@ -549,7 +524,7 @@ a {
   .message > .timestamp {
     display: none;
   }
-  .toolbarbutton-text {
+  .hud-console-filter-toolbar .webconsole-filter-button .toolbarbutton-text {
     display: none;
   }
   .hud-console-filter-toolbar .webconsole-filter-button {
@@ -559,8 +534,8 @@ a {
     min-width: 25px;
   }
   .webconsole-filter-button > .toolbarbutton-menubutton-button:before {
-    width: 16px;
-    height: 16px;
+    width: 12px;
+    height: 12x;
     margin-left: 1px;
   }
   .toolbarbutton-menubutton-dropmarker {