1 /* vim:set ts=2 sw=2 sts=2 et: */
2 /* This Source Code Form is subject to the terms of the Mozilla Public
3 * License, v. 2.0. If a copy of the MPL was not distributed with this
4 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
10 /* Network requests table */
13 background-color: #000000;
16 .requests-menu-empty-notice {
17 background-color: #A09090;
24 #requests-menu-toolbar {
27 .requests-menu-header {
31 .requests-menu-subitem {
35 .requests-menu-header:not(:last-of-type),
36 .requests-menu-subitem:not(:last-child) {
37 -moz-border-end: 1px solid #9C9CFF;
40 .requests-menu-status-and-method {
44 .requests-menu-status {
45 background-color: #A09090;
48 -moz-margin-start: 4px;
51 border: 1px solid #000000;
52 transition: background-color 0.5s ease-in-out;
55 .requests-menu-status[code^="1"] {
56 background-color: #9C9CFF;
59 .requests-menu-status[code^="2"] {
60 background-color: #008484;
63 .requests-menu-status[code^="3"] {
64 background-color: #FF9F00;
67 .requests-menu-status[code^="4"] {
68 background-color: #FF0000;
71 .requests-menu-status[code^="5"] {
72 background-color: #6000CF;
75 .requests-menu-method {
84 .requests-menu-domain {
98 .requests-menu-header.requests-menu-waterfall {
99 -moz-padding-start: 8px;
100 -moz-padding-end: 8px;
104 /* Network request waterfall */
106 .requests-menu-subitem.requests-menu-waterfall {
107 -moz-padding-start: 4px;
108 -moz-padding-end: 4px;
109 background-size: 5px;
111 -moz-linear-gradient(left,
113 rgba(156,156,255,0.1) 25%,
114 rgba(156,156,255,0.1) 75%,
118 .requests-menu-timings {
119 transform-origin: left center;
122 .requests-menu-timings-total {
123 -moz-padding-start: 8px;
126 transform-origin: left center;
129 .requests-menu-timings-cap {
132 border: 1px solid #FFCF00;
135 .requests-menu-timings-cap.start {
136 -moz-border-end: none;
137 border-radius: 4px 0 0 4px;
138 transform-origin: right center;
141 .requests-menu-timings-cap.end {
142 -moz-border-start: none;
143 border-radius: 0 4px 4px 0;
144 transform-origin: left center;
147 .requests-menu-timings-box {
149 border-top: 1px solid #FFCF00;
150 border-bottom: 1px solid #FFCF00;
153 .requests-menu-timings-box.blocked,
154 .requests-menu-timings-cap.blocked {
155 background-color: #FF0000;
158 .requests-menu-timings-box.dns,
159 .requests-menu-timings-cap.dns {
160 background-color: #6000CF;
163 .requests-menu-timings-box.connect,
164 .requests-menu-timings-cap.connect {
165 background-color: #FF9F00;
168 .requests-menu-timings-box.send,
169 .requests-menu-timings-cap.send {
170 background-color: #FFCF00;
173 .requests-menu-timings-box.wait,
174 .requests-menu-timings-cap.wait {
175 background-color: #9C9CFF;
178 .requests-menu-timings-box.receive,
179 .requests-menu-timings-cap.receive {
180 background-color: #A09090;
183 .side-menu-widget-item:nth-child(even) {
184 background: rgba(255,159,0,0.1);
187 /* Network request details */
190 background-color: #000000;
194 #details-pane-toggle {
195 list-style-image: url("chrome://browser/skin/devtools/debugger-collapse.png");
196 -moz-image-region: rect(0px,16px,16px,0px);
199 #details-pane-toggle[pane-collapsed] {
200 list-style-image: url("chrome://browser/skin/devtools/debugger-expand.png");
203 #details-pane-toggle:hover,
204 #details-pane-toggle:hover:active {
205 -moz-image-region: rect(0px,32px,16px,16px);
208 /* Network request details tabpanels */
211 background-color: #000000;
215 .tabpanel-summary-container {
219 .tabpanel-summary-label {
220 -moz-padding-start: 4px;
221 -moz-padding-end: 3px;
226 .tabpanel-summary-value {
227 -moz-padding-start: 3px;
228 font-family: "Liberation Mono", Consolas, "Courier New", monospace;
231 /* Headers tabpanel */
233 #headers-summary-status,
234 #headers-summary-version {
238 #headers-summary-size {
242 /* Response tabpanel */
244 #response-content-image-box {
246 padding-bottom: 10px;
249 #response-content-image {
251 border: 1px dashed #A09090;
255 /* Timings tabpanel */
257 #timings-tabpanel .tabpanel-summary-label {
261 #timings-tabpanel .requests-menu-timings-box {
262 transition: transform 0.2s ease-out;
266 #timings-tabpanel .requests-menu-timings-total {
267 transition: transform 0.2s ease-out;