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
5html,
6body,
7ul,
8li {
9  margin: 0;
10  padding: 0;
11}
12
13body,
14html {
15  height: 100%;
16}
17
18a {
19  color: rgb(0, 102, 204);
20  text-decoration: none;
21}
22
23button {
24  -webkit-margin-start: 15px;
25  min-width: 80px;
26}
27
28h1 {
29  font-size: 15pt;
30  margin-top: 0;
31}
32
33h2 {
34  font-size: 13pt;
35  margin-top: 0;
36}
37
38header {
39  -webkit-padding-start: 120px;
40  background-color: rgb(242, 247, 250);
41  border-bottom: 1px solid rgb(218, 236, 248);
42  padding-bottom: 50px;
43  padding-top: 50px;
44}
45
46header p {
47  margin-bottom: 0;
48  width: 800px;
49}
50
51input {
52  margin-bottom: 7px;
53  margin-top: 7px;
54}
55
56li {
57  list-style: none;
58  margin-bottom: 8px;
59}
60
61p {
62  margin-top: 0;
63}
64
65progress {
66  margin-bottom: 0;
67  width: 371px;
68}
69
70ul {
71  -webkit-margin-after: 25px;
72  -webkit-margin-before: 0;
73}
74
75.aligned-to-start {
76  -webkit-padding-start: 120px;
77}
78
79.float-start {
80  float: left;
81}
82
83html[dir='rtl'] .float-start {
84  float-right;
85}
86
87.float-stop {
88  clear: both;
89}
90
91.default-text {
92  margin-bottom: 0;
93}
94
95.normal-text {
96  font-size: 15;
97}
98
99.progress-text {
100  color: #666;
101  margin-bottom: 2px;
102  margin-top: 2px;
103}
104
105.select-option {
106  margin-top: 3px;
107}
108
109.new-line {
110  clear: both;
111}
112
113#main-content {
114  -webkit-padding-start: 120px;
115  background-image: -webkit-linear-gradient(rgb(255, 255, 255),
116                                            rgb(239, 245, 255));
117  bottom: 0;
118  left: 0;
119  padding-bottom: 35px;
120  padding-top: 35px;
121  position: absolute;
122  right: 0;
123  top: 195px;
124}
125
126#status-icon {
127  display: none;
128  height: 64px;
129  left: 32px;
130  position: absolute;
131  right: 37px;
132  width: 64px;
133}
134
135#main-content.device-detected-none #status-icon {
136  background: url('insert.png');
137  background-repeat: no-repeat;
138  display: block;
139}
140
141#main-content.device-detected-usb #status-icon {
142  background: url('detected_usb.png');
143  background-repeat: no-repeat;
144  display: block;
145}
146
147#main-content.device-detected-sd #status-icon {
148  background: url('detected_sd.png');
149  background-repeat: no-repeat;
150  display: block;
151}
152
153#progress-status-div {
154  display: none;
155}
156
157#main-content.progress #progress-status-div {
158  display: block;
159}
160
161#cancel-button {
162  display: none;
163  margin-bottom: 0;
164  margin-top: -4px;
165}
166
167#main-content.progress-canceble #cancel-button {
168  display: block;
169}
170
171#pending-time {
172  clear: both
173}
174
175#device-selection {
176  display: none;
177}
178
179#main-content.device-detected-mul #device-selection {
180  display: block;
181}
182
183#warning-icon {
184  -webkit-margin-end: 10px;
185  display: none;
186  height: 26px;
187  width: 25px;
188}
189
190#main-content.warning #warning-icon,
191#main-content.error #warning-icon {
192  background: url('../../../../ui/webui/resources/images/icon_warning.png');
193  background-repeat: no-repeat;
194  display: block;
195}
196
197#main-content.success #warning-icon {
198  background: url('../../../../ui/webui/resources/images/icon_checkmark.png');
199  background-repeat: no-repeat;
200  display: block;
201}
202
203#warning-div {
204  display: block;
205}
206
207#main-content.progress #warning-div {
208  display: none;
209}
210
211#warning-text {
212  max-width: 550px;
213  padding-top: 4px;
214}
215
216#main-content.success #warning-button,
217#main-content.warning-no-conf #warning-button,
218#main-content.device-detected-none #warning-button {
219  display: none;
220}
221
222#main-content.error #warning-button {
223  clear: both;
224}
225