|
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 |
|
9 html { |
|
10 background-color: -moz-Field; |
|
11 color: -moz-FieldText; |
|
12 font: message-box; |
|
13 } |
|
14 |
|
15 body { |
|
16 padding: 0px; |
|
17 margin: 0px; |
|
18 } |
|
19 |
|
20 h2 { |
|
21 font-size: medium; |
|
22 } |
|
23 |
|
24 #page-description { |
|
25 background-color: LightGray; |
|
26 border: 1px solid threedshadow; |
|
27 margin: 0px; |
|
28 padding: 10px; |
|
29 } |
|
30 |
|
31 #description-enabled > span { |
|
32 color: green; |
|
33 } |
|
34 |
|
35 #description-disabled > span { |
|
36 color: red; |
|
37 } |
|
38 |
|
39 .data-section { |
|
40 background-color: WhiteSmoke; |
|
41 border-top: 1px solid threedshadow; |
|
42 border-bottom: 1px solid threedshadow; |
|
43 margin: 0px; |
|
44 padding: 10px; |
|
45 } |
|
46 |
|
47 .data-section:not(.has-data) { |
|
48 color: gray; |
|
49 } |
|
50 |
|
51 |
|
52 .section-name { |
|
53 font-size: x-large; |
|
54 display: inline; |
|
55 } |
|
56 |
|
57 .has-data .section-name { |
|
58 cursor: pointer; |
|
59 } |
|
60 |
|
61 |
|
62 .toggle-caption { |
|
63 font-style: italic; |
|
64 cursor: pointer; |
|
65 } |
|
66 |
|
67 .data-section:not(.has-data) .toggle-caption { |
|
68 display: none; |
|
69 } |
|
70 |
|
71 |
|
72 .empty-caption { |
|
73 font-style: italic; |
|
74 } |
|
75 |
|
76 .has-data .empty-caption { |
|
77 display: none; /* invisible when has-data */ |
|
78 } |
|
79 |
|
80 |
|
81 .data { |
|
82 margin: 15px; |
|
83 display: none; |
|
84 } |
|
85 |
|
86 .has-data.expanded .data { |
|
87 display: block; |
|
88 } |
|
89 |
|
90 |
|
91 .stack-title { |
|
92 font-size: medium; |
|
93 font-weight: bold; |
|
94 text-decoration: underline; |
|
95 } |
|
96 |
|
97 #histograms, #addon-histograms, #thread-hang-stats>div { |
|
98 overflow: hidden; |
|
99 } |
|
100 |
|
101 .histogram { |
|
102 float: left; |
|
103 border: 1px solid gray; |
|
104 white-space: nowrap; |
|
105 padding: 10px; |
|
106 position: relative; /* required for position:absolute of the contained .copy-node */ |
|
107 } |
|
108 |
|
109 body[dir="rtl"] .histogram { |
|
110 float: right; |
|
111 } |
|
112 |
|
113 .histogram-title { |
|
114 text-overflow: ellipsis; |
|
115 width: 100%; |
|
116 white-space: nowrap; |
|
117 overflow: hidden; |
|
118 } |
|
119 |
|
120 .bar { |
|
121 width: 2em; |
|
122 margin: 2px; |
|
123 text-align: center; |
|
124 float: left; |
|
125 font-family: monospace; |
|
126 } |
|
127 |
|
128 body[dir="rtl"] .bar { |
|
129 float: right; |
|
130 } |
|
131 |
|
132 .bar-inner { |
|
133 background-color: DeepSkyBlue; |
|
134 border: 1px solid #0000b0; |
|
135 } |
|
136 |
|
137 th { |
|
138 font-weight: bold; |
|
139 white-space: nowrap; |
|
140 text-align: left; |
|
141 } |
|
142 |
|
143 body[dir="rtl"] th { |
|
144 text-align: right; |
|
145 } |
|
146 |
|
147 caption { |
|
148 font-weight: bold; |
|
149 white-space: nowrap; |
|
150 text-align: left; |
|
151 font-size: large; |
|
152 } |
|
153 |
|
154 body[dir="rtl"] caption { |
|
155 text-align: right; |
|
156 } |
|
157 |
|
158 .copy-node { |
|
159 visibility: hidden; |
|
160 position: absolute; |
|
161 bottom: 1px; |
|
162 right: 1px; |
|
163 } |
|
164 |
|
165 body[dir="rtl"] .copy-node { |
|
166 left: 1px; |
|
167 } |
|
168 |
|
169 .histogram:hover .copy-node { |
|
170 visibility: visible; |
|
171 } |
|
172 |
|
173 |
|
174 .statebox { |
|
175 display: none; |
|
176 } |
|
177 |
|
178 |
|
179 .filter-ui { |
|
180 -moz-padding-start: 10em; |
|
181 display: none; |
|
182 } |
|
183 |
|
184 .has-data.expanded .filter-ui { |
|
185 display: inline; |
|
186 } |
|
187 |
|
188 .filter-blocked { |
|
189 display: none; |
|
190 } |