1/* Copyright 2013 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 */
5
6#anchor {
7  display: none;
8}
9
10body {
11  font-family: Arial, Helvetica, sans-serif;
12  font-size: 84%;
13  margin: 0;
14  min-width: 45em;
15  padding: 0.75em;
16}
17
18.global-button {
19  margin: 1px 3px 0 3px;
20}
21
22h1,
23h2 {
24 font-size: 120%;
25 letter-spacing: -.5px;
26 margin: 0;
27}
28
29h1 {
30  color: rgb(74, 142, 230);
31  font-weight: bold;
32  padding: 0;
33}
34
35h2 {
36  -webkit-padding-end: 1em;
37  -webkit-padding-start: 0;
38  color: rgb(58, 117, 189);
39  display: inline-block;
40  font-weight: normal;
41  margin-top: 0;
42}
43
44#header {
45  background: rgb(82, 150, 222);
46  background-size: 100%;
47  border: 1px solid rgb(58, 117, 189);
48  border-radius: 6px;
49  color: white;
50  margin-bottom: 0.75em;
51  overflow: hidden;
52  padding: 0.6em 1em 0.75em 0;
53  position: relative;
54  text-shadow: 0 0 2px black;
55}
56
57html[dir='rtl'] #header {
58  padding: 0.6em 0 0.75em 1em;
59}
60
61#header h1 {
62  -webkit-padding-start: 3em;
63  background: url('../../../../ui/webui/resources/images/gear.png') no-repeat;
64  background-position: 12px 60%;
65  color: white;
66  display: inline;
67  margin: 0;
68}
69
70html[dir='rtl'] #header h1 {
71  background-position: right 12px top 60%;
72}
73
74#header p {
75  -webkit-padding-start: 0.4em;
76  color: white;
77  display: inline;
78  font-size: 84%;
79  font-style: italic;
80}
81
82.list {
83  border-collapse: collapse;
84  font-size: 84%;
85  line-height: 200%;
86  width: 100%;
87}
88
89.list:not(.filtered) tr:nth-child(odd) td {
90  background: rgb(239, 243, 255);
91}
92
93.list td {
94  font-family: 'Courier New', monospace;
95  line-height: 1.4em;
96  padding: 0 0.5em;
97  padding-top: 0.35em;
98  vertical-align: top;
99}
100
101.list tr td:nth-last-child(1),
102.list tr th:nth-last-child(1) {
103  -webkit-padding-end: 1em;
104}
105
106.list:not(.filtered) .tab .name {
107  -webkit-padding-start: 1.5em;
108}
109
110.list .name {
111  width: 20%;
112}
113
114.list .button-cell {
115  width: 7%;
116}
117
118.list .name div {
119  height: 1.6em;
120  overflow: hidden;
121  text-overflow: ellipsis;
122  white-space: nowrap;
123}
124
125.button-hidden {
126  display: none;
127}
128
129.number-expanded,
130.number-collapsed  {
131  text-align: left;
132  text-overflow: ellipsis;
133  width: 80%;
134}
135
136html[dir='rtl'] .number-expanded,
137html[dir='rtl'] .number-collapsed  {
138  text-align: right;
139}
140
141tr > *:nth-child(1),
142tr > *:nth-child(2) {
143  -webkit-border-end: 1px solid rgb(181, 198, 222);
144}
145
146.name {
147  background-position: 5em center;
148  background-repeat: no-repeat;
149}
150
151.stat-value {
152  text-overflow: ellipsis;
153  white-space: pre-wrap;
154}
155
156html[dir='rtl'] #details .name {
157  background-position-left: auto;
158  background-position-right: 5em;
159}
160
161.number-collapsed .stat-value {
162  display: none;
163}
164
165.number-expanded .stat-value {
166  display: auto;
167}
168
169#status {
170  color: rgb(255, 0, 0);
171  margin: .5em 0;
172}
173