second part of syncing LCARStrek with Firefox 35 windows theme changes

[themes.git] / LCARStrek / browser / devtools / netmonitor.css

diff --git a/LCARStrek/browser/devtools/netmonitor.css b/LCARStrek/browser/devtools/netmonitor.css
index 3af7fa20a771d1e40ba30d5ae48cc0a0ceb28ef8..07b4b41520f459aa52a0c97333ad0a7f62a19364 100644 (file)
--- a/LCARStrek/browser/devtools/netmonitor.css
+++ b/LCARStrek/browser/devtools/netmonitor.css
@@ -17,18 +17,26 @@ window {
   color: #FF9F00;
 }
 
+#notice-perf-message {
+  margin-top: 2px;
+}
+
 #requests-menu-perf-notice-button {
   min-width: 30px;
-  min-height: 28px;
+  min-height: 26px;
   margin: 0;
-  list-style-image: url("profiler-stopwatch.png");
-  -moz-image-region: rect(0px,32px,16px,16px);
+  list-style-image: url("profiler-stopwatch.svg");
 }
 
 #requests-menu-perf-notice-button .button-text {
   display: none;
 }
 
+#requests-menu-reload-notice-button {
+  min-height: 26px;
+  margin: 0;
+}
+
 /* Network requests table */
 
 #requests-menu-toolbar {
@@ -111,7 +119,7 @@ window {
 /* Network requests table: specific column dimensions */
 
 .requests-menu-status-and-method {
-  width: 8em;
+  width: 12em;
 }
 
 .requests-menu-status {
@@ -125,12 +133,30 @@ window {
   font-weight: 600;
 }
 
+.requests-menu-icon-and-file {
+  width: 20vw;
+  min-width: 4em;
+}
+
+.requests-menu-icon {
+  background: #FFCF00;
+  width: calc(1em + 4px);
+  height: calc(1em + 4px);
+  margin: -4px 0px;
+  -moz-margin-end: 4px;
+}
+
+.requests-menu-icon {
+  outline: 1px solid #A09090;
+}
+
 .requests-menu-file {
-  width: 16em;
+  text-align: start;
 }
 
 .requests-menu-domain {
-  width: 16em;
+  width: 14vw;
+  min-width: 10em;
 }
 
 .requests-menu-type {
@@ -230,12 +256,12 @@ box.requests-menu-status[code^="5"] {
 }
 
 .requests-menu-timings-division[division-scale=second] {
-  -moz-border-start-color: #E7ADE7 !important; /* Light orange highlight color */
+  -moz-border-start-color: #FF9F00 !important; /* Light foreground text */
   font-weight: 600;
 }
 
 .requests-menu-timings-division[division-scale=minute] {
-  -moz-border-start-color: #FF0000 !important; /* Red highlight color */
+  -moz-border-start-color: #FF9F00 !important; /* Light foreground text */
   font-weight: 600;
 }
 
@@ -244,10 +270,11 @@ box.requests-menu-status[code^="5"] {
 .requests-menu-subitem.requests-menu-waterfall {
   -moz-padding-start: 0px;
   -moz-padding-end: 4px;
-  background-repeat: repeat-y; /* Background created on a <canvas> in js. */
+  /* Background created on a <canvas> in js. */
+  /* @see browser/devtools/netmonitor/netmonitor-view.js */
+  background-image: -moz-element(#waterfall-background);
+  background-repeat: repeat-y;
   background-position: -1px center;
-  margin-top: -1px; /* Compensate borders. */
-  margin-bottom: -1px;
 }
 
 .requests-menu-subitem.requests-menu-waterfall:-moz-locale-dir(rtl) {
@@ -320,15 +347,16 @@ box.requests-menu-status[code^="5"] {
 
 /* Network request details */
 
-#details-pane {
-  max-width: 500px;
-}
-
 #details-pane-toggle {
   list-style-image: url("chrome://browser/skin/devtools/debugger-collapse.png");
   -moz-image-region: rect(0px,16px,16px,0px);
 }
 
+#details-pane-toggle > .toolbarbutton-icon {
+  width: 16px;
+  height: 16px;
+}
+
 #details-pane-toggle[pane-collapsed] {
   list-style-image: url("chrome://browser/skin/devtools/debugger-expand.png");
 }
@@ -338,6 +366,21 @@ box.requests-menu-status[code^="5"] {
   -moz-image-region: rect(0px,32px,16px,16px);
 }
 
+@media (min-resolution: 2dppx) {
+  #details-pane-toggle {
+    list-style-image: url("chrome://browser/skin/devtools/debugger-collapse@2x.png");
+    -moz-image-region: rect(0px,32px,32px,0px);
+  }
+
+  #details-pane-toggle[pane-collapsed] {
+    list-style-image: url("chrome://browser/skin/devtools/debugger-expand@2x.png");
+  }
+
+  #details-pane-toggle:active {
+    -moz-image-region: rect(0px,64px,32px,32px);
+  }
+}
+
 /* Network request details tabpanels */
 
 .tabpanel-content {
@@ -377,6 +420,15 @@ box.requests-menu-status[code^="5"] {
 /*  min-height: 20px;*/
 }
 
+#toggle-raw-headers {
+  margin-top: -10px;
+  -moz-margin-end: 6px;
+}
+
+.raw-response-textarea {
+  height: 50vh;
+}
+
 /* Response tabpanel */
 
 #response-content-info-header {
@@ -398,6 +450,17 @@ box.requests-menu-status[code^="5"] {
   margin-bottom: 10px;
 }
 
+/* Preview tabpanel */
+
+#preview-tabpanel {
+  background: #fff;
+}
+
+#response-preview {
+  display: -moz-box;
+  -moz-box-flex: 1;
+}
+
 /* Timings tabpanel */
 
 #timings-tabpanel .tabpanel-summary-label {
@@ -445,7 +508,7 @@ box.requests-menu-status[code^="5"] {
   margin: 0;
   -moz-margin-end: 3px;
   border: none;
-  padding: 0px 0.75vw;
+  padding: 0px 1vw;
 
 /*  color: #fff;*/
 }
@@ -477,8 +540,7 @@ box.requests-menu-status[code^="5"] {
 /* Performance analysis buttons */
 
 #requests-menu-network-summary-button {
-  list-style-image: url("profiler-stopwatch.png");
-  -moz-image-region: rect(0px,32px,16px,16px);
+  list-style-image: url("profiler-stopwatch.svg");
   -moz-padding-end: 0;
   cursor: pointer;
 }
@@ -512,9 +574,7 @@ box.requests-menu-status[code^="5"] {
 
 #network-statistics-charts {
   min-height: 1px;
-}
 
-.theme-dark #network-statistics-charts {
   background: #000000; /* Toolbars */
 }
 
@@ -528,42 +588,42 @@ box.requests-menu-status[code^="5"] {
   -moz-margin-end: 3vw;
 }
 
-.theme-dark .chart-colored-blob[name=html] {
+.chart-colored-blob[name=html] {
   fill: #A09090; /* Blue-Grey highlight */
   background: #A09090;
 }
 
-.theme-dark .chart-colored-blob[name=css] {
+.chart-colored-blob[name=css] {
   fill: #9C9CFF; /* Blue highlight */
   background: #9C9CFF;
 }
 
-.theme-dark .chart-colored-blob[name=js] {
+.chart-colored-blob[name=js] {
   fill: #FFCF00; /* Light Orange highlight */
   background: #FFCF00;
 }
 
-.theme-dark .chart-colored-blob[name=xhr] {
+.chart-colored-blob[name=xhr] {
   fill: #FF9F00; /* Orange highlight */
   background: #FF9F00;
 }
 
-.theme-dark .chart-colored-blob[name=fonts] {
+.chart-colored-blob[name=fonts] {
   fill: #6000CF; /* Purple highlight */
   background: #6000CF;
 }
 
-.theme-dark .chart-colored-blob[name=images] {
+.chart-colored-blob[name=images] {
   fill: #E7ADE7; /* Pink highlight */
   background: #E7ADE7;
 }
 
-.theme-dark .chart-colored-blob[name=media] {
+.chart-colored-blob[name=media] {
   fill: #008484; /* Green highlight */
   background: #008484;
 }
 
-.theme-dark .chart-colored-blob[name=flash] {
+.chart-colored-blob[name=flash] {
   fill: #FF0000; /* Red highlight */
   background: #FF0000;
 }
@@ -599,13 +659,7 @@ box.requests-menu-status[code^="5"] {
     min-height: 24px;
   }
 
-  .requests-menu-footer-button,
-  .requests-menu-footer-label {
-    padding: 0px 1vw;
-  }
-
   #details-pane {
-    max-width: none;
     margin: 0 !important;
     /* To prevent all the margin hacks to hide the sidebar. */
   }
@@ -614,7 +668,7 @@ box.requests-menu-status[code^="5"] {
     width: 16vw;
   }
 
-  .requests-menu-file,
+  .requests-menu-icon-and-file,
   .requests-menu-domain {
     width: 30vw;
   }
@@ -632,20 +686,4 @@ box.requests-menu-status[code^="5"] {
   }
 }
 
-@media (min-width: 701px) {
-  #network-table[type-overflows] .requests-menu-domain {
-    border-width: 0 !important;
-    box-shadow: none !important;
-    /* The "Type" header is not visible anymore, and thus the
-       right border and box-shadow of "Domain" column should be hidden. */
-  }
-
-  #network-table[domain-overflows] .requests-menu-file {
-    border-width: 0 !important;
-    box-shadow: none !important;
-    /* The "Domain" header is not visible anymore, and thus the
-       right border and box-shadow of "File" column should be hidden. */
-  }
-}
-
 /* === END netmonitor.inc.css === */