| 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 -webkit-box-pack: center; |
| 9 background: white; |
| 10 display: -webkit-box; |
| 8 height: 100%; | 11 height: 100%; |
| 9 margin: 0; | |
| 10 overflow: hidden; | |
| 11 padding: 0; | |
| 12 width: 100%; | 12 width: 100%; |
| 13 } | 13 } |
| 14 | 14 |
| 15 #page { | 15 #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; | 16 -webkit-box-align: center; |
| 30 -webkit-box-orient: vertical; | 17 -webkit-box-orient: vertical; |
| 31 -webkit-box-pack: center; | 18 -webkit-box-pack: center; |
| 32 display: -webkit-box; | 19 display: -webkit-box; |
| 33 position: relative; | 20 position: relative; |
| 34 } | 21 } |
| 35 | 22 |
| 36 #header { | 23 #splash-header { |
| 37 -webkit-padding-start: 108px; | 24 -webkit-padding-start: 108px; |
| 38 background: left center no-repeat; | 25 background: left center no-repeat; |
| 39 background-size: 96px; | 26 background-size: 96px; |
| 40 color: #666; | 27 color: #666; |
| 41 display: -webkit-box; | 28 display: -webkit-box; |
| 42 font-size: 48px; | 29 font-size: 48px; |
| 43 height: 96px; | 30 height: 96px; |
| 44 line-height: 96px; | 31 line-height: 96px; |
| 45 } | 32 } |
| 46 | 33 |
| 47 #launch-text { | 34 #splash-launch-text { |
| 48 color: #666; | 35 color: #666; |
| 49 font-size: 18px; | 36 font-size: 18px; |
| 50 padding-bottom: 50px; | 37 padding-bottom: 50px; |
| 51 padding-top: 50px; | 38 padding-top: 50px; |
| 52 } | 39 } |
| 53 | 40 |
| 54 #spinner { | 41 #splash-spinner { |
| 55 height: 32px; | 42 height: 32px; |
| 56 width: 32px; | 43 width: 32px; |
| 57 } | 44 } |
| 58 | 45 |
| 59 #shortcut-info { | 46 #splash-shortcut-info { |
| 60 bottom: 50px; | 47 bottom: 50px; |
| 61 color: gray; | 48 color: gray; |
| 62 left: 0; | 49 left: 0; |
| 63 position: absolute; | 50 position: absolute; |
| 64 right: 0; | 51 right: 0; |
| 65 text-align: center; | 52 text-align: center; |
| 66 } | 53 } |
| OLD | NEW |