OLD | NEW |
1 /* Copyright (c) 2013 The Chromium Authors. All rights reserved. | 1 /* Copyright (c) 2013 The Chromium Authors. All rights reserved. |
2 * Use of this source code is governed by a BSD-style license that can be | 2 * Use of this source code is governed by a BSD-style license that can be |
3 * found in the LICENSE file. | 3 * found in the LICENSE file. |
4 */ | 4 */ |
5 | 5 |
6 html, | 6 #app-launch-splash { |
7 body { | 7 -webkit-box-align: center; |
8 height: 100%; | 8 -webkit-box-pack: center; |
9 margin: 0; | 9 background: white; |
10 overflow: hidden; | 10 display: -webkit-box; |
11 padding: 0; | |
12 width: 100%; | |
13 } | 11 } |
14 | 12 |
15 #page { | 13 #splash-content { |
16 -webkit-box-align: center; | |
17 -webkit-box-pack: center; | |
18 /* Delay the login screen for 2 seconds then fade it in. */ | |
19 -webkit-transition: opacity 1s; | |
20 background: white; | |
21 display: -webkit-box; | |
22 height: 100%; | |
23 opacity: 0; | |
24 position: absolute; | |
25 width: 100%; | |
26 } | |
27 | |
28 #content { | |
29 -webkit-box-align: center; | 14 -webkit-box-align: center; |
30 -webkit-box-orient: vertical; | 15 -webkit-box-orient: vertical; |
31 -webkit-box-pack: center; | 16 -webkit-box-pack: center; |
32 display: -webkit-box; | 17 display: -webkit-box; |
33 position: relative; | 18 position: relative; |
34 } | 19 } |
35 | 20 |
36 #header { | 21 #splash-header { |
37 -webkit-padding-start: 108px; | 22 -webkit-padding-start: 108px; |
38 background: left center no-repeat; | 23 background: left center no-repeat; |
39 background-size: 96px; | 24 background-size: 96px; |
40 color: #666; | 25 color: #666; |
41 display: -webkit-box; | 26 display: -webkit-box; |
42 font-size: 48px; | 27 font-size: 48px; |
43 height: 96px; | 28 height: 96px; |
44 line-height: 96px; | 29 line-height: 96px; |
45 } | 30 } |
46 | 31 |
47 #launch-text { | 32 #splash-launch-text { |
48 color: #666; | 33 color: #666; |
49 font-size: 18px; | 34 font-size: 18px; |
50 padding-bottom: 50px; | 35 padding-bottom: 50px; |
51 padding-top: 50px; | 36 padding-top: 50px; |
52 } | 37 } |
53 | 38 |
54 #spinner { | 39 #splash-spinner { |
55 height: 32px; | 40 height: 32px; |
56 width: 32px; | 41 width: 32px; |
57 } | 42 } |
58 | 43 |
59 #shortcut-info { | 44 #splash-shortcut-info { |
60 bottom: 50px; | 45 bottom: 50px; |
61 color: gray; | 46 color: gray; |
62 left: 0; | 47 left: 0; |
63 position: absolute; | 48 position: absolute; |
64 right: 0; | 49 right: 0; |
65 text-align: center; | 50 text-align: center; |
66 } | 51 } |
OLD | NEW |