OLD | NEW |
| (Empty) |
1 /* Copyright 2011 The Native Client 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 /** | |
7 * Styling for a load progress bar. | |
8 */ | |
9 | |
10 /** | |
11 * Center the progress bar in its container. | |
12 */ | |
13 .progress { | |
14 position: absolute; | |
15 margin-top: -32px; | |
16 margin-left: -80px; | |
17 margin-bottom: 0px; | |
18 top: 50%; | |
19 left: 50%; | |
20 width: 320px; | |
21 } | |
22 | |
23 /** | |
24 * Apply any horizontal centering to <P> elements within the progress bar. | |
25 */ | |
26 .progress p { | |
27 margin-left: inherit; | |
28 margin-right: inherit; | |
29 width: inherit; | |
30 } | |
31 | |
32 /** | |
33 * The status text. This is title text that goes above the progress bar. | |
34 */ | |
35 .progressstatus { | |
36 color: #202020; | |
37 margin-bottom: 0; | |
38 } | |
39 | |
40 /** | |
41 * Text that indicates the progress, usually displayed as a number or a | |
42 * percent (as in, "53% complete). | |
43 */ | |
44 .progresstext { | |
45 color: #999; | |
46 } | |
47 | |
48 /** | |
49 * The progress bar itself. This bar contains the track (see below). | |
50 */ | |
51 .progressbar { | |
52 border: 1px solid #999; | |
53 margin-left: inherit; | |
54 margin-right: inherit; | |
55 padding: 1px; | |
56 width: inherit; | |
57 } | |
58 | |
59 /** | |
60 * The progress track. This changes size to indicate progress. Change the | |
61 * size by changing the style.width value. | |
62 */ | |
63 .progresstrack { | |
64 background: #CCC; | |
65 width: 120px; | |
66 height: 5px; | |
67 } | |
68 | |
69 /** | |
70 * "Tall" versions of the progress bar. | |
71 */ | |
72 .tall .progresstrack { | |
73 height: 8px; | |
74 } | |
75 | |
OLD | NEW |