1/* Copyright (c) 2012 The Chromium Authors. All rights reserved.
2 * Use of this source code is governed by a BSD-style license that can be
3 * found in the LICENSE file. */
4
5body {
6  font-size: 84%;
7  margin: 0;
8  min-width: 45em;
9  padding: 0.75em;
10}
11
12h1 {
13  color: rgb(74, 142, 230);
14  font-size: 110%;
15  font-weight: bold;
16  letter-spacing: -1px;
17  margin: 0;
18  padding: 0;
19}
20
21h2 {
22  border-top: 1px solid rgb(58, 117, 189);
23  color: rgb(58, 117, 189);
24  font-size: 110%;
25  font-weight: normal;
26  letter-spacing: -1px;
27  margin: 0;
28  margin-left: -38px;
29  padding: 0.5em 1em 0.5em 38px;
30}
31
32h2:first-child {
33  border-top: 0;
34  padding-top: 0;
35}
36
37span.th {
38  padding-left: 0.35em;
39}
40
41a {
42  color: black;
43}
44
45div#header {
46  background: rgb(82, 150, 222);
47  background-size: 100%;
48  border: 1px solid rgb(58, 117, 189);
49  border-radius: 6px;
50  color: white;
51  margin-bottom: 0.75em;
52  overflow: hidden;
53  padding: 0.6em 1em 0.75em 0;
54  position: relative;
55  text-shadow: 0 0 2px black;
56}
57
58div#header h1 {
59  background: url('chrome://resources/images/gear.png') 12px 60% no-repeat;
60  color: white;
61  display: inline;
62  margin: 0;
63  padding-left: 37px;
64}
65
66div#header p {
67  color: white;
68  display: inline;
69  font-size: 84%;
70  font-style: italic;
71  margin: 0;
72  padding: 0;
73  padding-left: 0.4em;
74}
75
76div#header div.navigation {
77  font-size: 92%;
78  line-height: 3.5em;
79  position: absolute;
80  right: 1em;
81  top: 0;
82}
83
84div#header select {
85  border: 1px solid rgb(58, 117, 189);
86  color: rgb(49, 93, 148);
87  font-size: 100%;
88  line-height: 140%;
89}
90
91div#header select option {
92  padding: 0 0.2em;
93}
94
95div#sidebar {
96  border-right: 1px solid #cfcfcf;
97  display: none;
98  float: left;
99  margin-left: 26px;
100  min-height: 20em;
101  padding: 0.75em;
102  padding-top: 0;
103  width: 45em;
104}
105
106div#content {
107  margin-left: 0;
108}
109
110hr {
111  display: inline;
112  padding: 0 0.5em;
113  visibility: hidden;
114}
115
116.k {
117  font-weight: normal;
118  opacity: 0.4;
119  padding-left: 0.1em;
120}
121
122.legend {
123  color: #7f7f7f;
124  font-size: 84%;
125  line-height: 140%;
126  margin-top: 2em;
127  padding: 0.4em 0 0;
128  text-align: right;
129}
130
131.legend h3 {
132  color: black;
133  display: inline;
134  font-size: 100%;
135  font-weight: normal;
136  margin: 0;
137  padding: 0 0.5em 0 0;
138}
139
140.legend .swatch {
141  display: inline-block;
142  height: 0.9em;
143  margin-right: 0.2em;
144  opacity: 0.66;
145  padding: 0 0.5em;
146}
147
148table.list {
149  border-collapse: collapse;
150  font-size: 84%;
151  line-height: 200%;
152  table-layout: fixed;
153  width: 100%;
154}
155
156table.list:not([class*='filtered']) tr:nth-child(odd) td {
157  background: rgb(239, 243, 255);
158}
159
160.hidden {
161  display: none;
162}
163
164table.list th {
165  color: black;
166  font-weight: bold;
167  padding: 0 0.5em;
168  vertical-align: top;
169  white-space: nowrap;
170}
171
172table.list .firstRow th {
173  line-height: 100%;
174  text-align: left;
175}
176
177table.list .secondRow * {
178  border-bottom: 1px solid rgb(181, 198, 222);
179  text-align: left;
180}
181
182table.list td {
183  line-height: 1.4em;
184  padding: 0.35em 0.5em 0;
185  vertical-align: top;
186}
187
188table.list tr td:nth-last-child(1),
189table.list tr th:nth-last-child(1) {
190  padding-right: 1em;
191}
192
193table.list:not([class*='filtered']) .tab .name {
194  padding-left: 1.5em;
195}
196
197table.list .name {
198  width: 100%;
199}
200
201table.list .name div {
202  height: 1.6em;
203  overflow: hidden;
204  text-overflow: ellipsis;
205  white-space: nowrap;
206}
207
208table.list .pid {
209  text-align: right;
210  width: 4em;
211}
212
213table.list .pid .th {
214  padding: 0;
215}
216
217table.list .type {
218  width: 5em;
219}
220
221table.list .number {
222  text-align: right;
223  width: 7em;
224}
225
226table.list .total {
227  font-weight: bold;
228}
229
230table.list .total .name {
231  color: rgb(49, 93, 148);
232  text-align: right;
233}
234
235table.list .total td {
236  background: white !important;
237  border-top: 1px solid rgb(181, 198, 222);
238}
239
240table.list .noResults {
241  display: none;
242}
243
244table.list.noResults .noResults {
245  display: table-row;
246}
247
248table.list .noResults td {
249  color: #3f3f3f;
250  padding: 3em 0;
251  text-align: center;
252}
253
254table.list#browserComparison .name {
255  background-position: 5px center;
256  background-repeat: no-repeat;
257  padding-left: 25px;
258}
259
260div.help {
261  background: url('chrome://resources/images/help.png') center bottom no-repeat;
262  display: inline-block;
263  height: 14px;
264  margin: -1px 0;
265  opacity: 0.33;
266  width: 14px;
267}
268
269div.help:hover {
270  opacity: 1;
271}
272
273div.help div {
274  display: none;
275}
276
277#helpTooltip {
278  background: rgb(214, 232, 255);
279  border: 1px solid rgb(168, 207, 255);
280  border-radius: 0;
281  box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.33);
282  font-size: 92%;
283  line-height: 140%;
284  max-width: 30em;
285  padding: 0.3em 0.8em;
286  position: absolute;
287  z-index: 1000;
288}
289
290#helpTooltip p {
291  margin: 0.6em 0;
292}
293
294div.otherbrowsers {
295  font-size: 84%;
296  text-align: center;
297  width: 100%;
298}
299