1/* This Source Code Form is subject to the terms of the Mozilla Public
2 * License, v. 2.0. If a copy of the MPL was not distributed with this
3 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
4
5.hidden {
6  display: none;
7}
8
9html {
10  background-color: -moz-Dialog;
11  color: -moz-DialogText;
12  font: message-box;
13}
14
15body {
16  padding: 0px;
17  margin: 0px;
18}
19
20h2 {
21  font-size: medium;
22}
23
24#page-description {
25  border: 1px solid threedshadow;
26  margin: 0px;
27  padding: 10px;
28}
29
30#settings {
31  border: 1px solid lightgrey;
32  padding: 5px;
33}
34
35.description-enabled,
36.description-disabled {
37  margin: 0px;
38}
39
40.description-enabled > span {
41  color: green;
42}
43
44.description-disabled > span {
45  color: red;
46}
47
48#ping-picker {
49  margin-top: 10px;
50  border: 1px solid lightgrey;
51  padding: 5px;
52}
53
54#ping-source-picker {
55  margin-left: 5px;
56  margin-bottom: 10px;
57}
58
59.data-section,
60.data-subsection {
61  background-color: -moz-Field;
62  color: -moz-FieldText;
63  border-top: 1px solid threedshadow;
64  border-bottom: 1px solid threedshadow;
65  margin: 0px;
66  padding: 10px;
67}
68
69.data-section:not(.has-data),
70.data-subsection:not(.has-subdata) {
71  color: gray;
72}
73
74
75.section-name {
76  font-size: x-large;
77  display: inline;
78}
79
80.has-data .section-name {
81  cursor: pointer;
82}
83
84
85.toggle-caption {
86  font-style: italic;
87  cursor: pointer;
88}
89
90.data-section:not(.has-data) .toggle-caption,
91.data-subsection:not(.has-subdata) .toggle-caption {
92  display: none;
93}
94
95
96.empty-caption {
97  font-style: italic;
98}
99
100.has-data .empty-caption,
101.has-subdata .empty-caption {
102  display: none; /* invisible when has-data */
103}
104
105.data,
106.subdata {
107  margin: 15px;
108  display: none;
109}
110
111.has-data.expanded .data,
112.has-subdata.expanded .subdata {
113  display: block;
114}
115
116
117.stack-title {
118  font-size: medium;
119  font-weight: bold;
120  text-decoration: underline;
121}
122
123#histograms, #addon-histograms, #thread-hang-stats>div {
124  overflow: hidden;
125}
126
127.histogram {
128  float: left;
129  border: 1px solid gray;
130  white-space: nowrap;
131  padding: 10px;
132  position: relative; /* required for position:absolute of the contained .copy-node */
133}
134
135body[dir="rtl"] .histogram {
136  float: right;
137}
138
139.histogram-title {
140  text-overflow: ellipsis;
141  width: 100%;
142  white-space: nowrap;
143  overflow: hidden;
144}
145
146.keyed-histogram {
147  white-space: nowrap;
148  padding: 15px;
149  position: relative; /* required for position:absolute of the contained .copy-node */
150  display: block;
151  overflow: hidden;
152}
153
154.keyed-histogram-title {
155  text-overflow: ellipsis;
156  width: 100%;
157  margin: 10px;
158  font-weight: bold;
159  font-size: 120%;
160  white-space: nowrap;
161}
162
163
164.bar {
165  width: 2em;
166  margin: 2px;
167  text-align: center;
168  float: left;
169  font-family: monospace;
170}
171
172body[dir="rtl"] .bar {
173  float: right;
174}
175
176.bar-inner {
177  background-color: DeepSkyBlue;
178  border: 1px solid #0000b0;
179}
180
181th {
182  font-weight: bold;
183  white-space: nowrap;
184  text-align: left;
185}
186
187body[dir="rtl"] th {
188  text-align: right;
189}
190
191caption {
192  font-weight: bold;
193  white-space: nowrap;
194  text-align: left;
195  font-size: large;
196}
197
198body[dir="rtl"] caption {
199  text-align: right;
200}
201
202.copy-node {
203  visibility: hidden;
204  position: absolute;
205  bottom: 1px;
206  right: 1px;
207}
208
209body[dir="rtl"] .copy-node {
210  left: 1px;
211}
212
213.histogram:hover .copy-node {
214  visibility: visible;
215}
216
217
218.statebox {
219  display: none;
220}
221
222
223.filter-ui {
224  padding-inline-start: 10em;
225  display: none;
226}
227
228.has-data.expanded .filter-ui {
229  display: inline;
230}
231
232.processes-ui {
233  display: none;
234}
235
236.has-data.expanded .processes-ui {
237  display: initial;
238}
239
240.filter-blocked {
241  display: none;
242}
243
244#raw-ping-data-section {
245  width: 100%;
246  height: 100%;
247  background-color:-moz-Dialog;
248}
249
250#raw-ping-data {
251  background-color:white;
252  margin: 0px;
253}
254
255#hide-raw-ping {
256  float: right;
257  cursor: pointer;
258  font-size: 20px;
259  background-color:#d8d8d8;
260  padding: 5px 10px;
261}
262
263/* addon subsection style */
264.addon-caption {
265  font-size: larger;
266  margin: 5px 0;
267}
268
269.process-picker {
270  margin: 0 0.5em;
271}
272