| OLD | NEW |
| 1 /* Copyright 2016 The Chromium Authors. All rights reserved. | 1 /* Copyright 2016 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 body { | 5 body { |
| 6 align-items: center; | 6 align-items: center; |
| 7 color: var(--paper-grey-900); | 7 color: var(--paper-grey-900); |
| 8 display: flex; | 8 display: flex; |
| 9 flex-direction: column; | 9 flex-direction: column; |
| 10 font-size: 100%; | 10 font-size: 100%; |
| (...skipping 100 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 111 .heading { | 111 .heading { |
| 112 animation: fadeInAndSlideUp 600ms 1.9s cubic-bezier(.4, .2, 0, 1) both; | 112 animation: fadeInAndSlideUp 600ms 1.9s cubic-bezier(.4, .2, 0, 1) both; |
| 113 font-size: 2.125em; | 113 font-size: 2.125em; |
| 114 margin-bottom: .25em; | 114 margin-bottom: .25em; |
| 115 margin-top: 1.5em; | 115 margin-top: 1.5em; |
| 116 text-align: center; | 116 text-align: center; |
| 117 } | 117 } |
| 118 | 118 |
| 119 .subheading { | 119 .subheading { |
| 120 animation: fadeInAndSlideUp 600ms 1.9s cubic-bezier(.4, .2, 0, 1) both; | 120 animation: fadeInAndSlideUp 600ms 1.9s cubic-bezier(.4, .2, 0, 1) both; |
| 121 color: var(--google-grey-500); | 121 color: #939393; |
| 122 font-size: 1em; | 122 font-size: 1em; |
| 123 font-weight: 500; |
| 123 margin-top: .25em; | 124 margin-top: .25em; |
| 124 text-align: center; | 125 text-align: center; |
| 125 } | 126 } |
| 126 | 127 |
| 127 .logo { | 128 .logo { |
| 128 animation: fadeIn 600ms both, bounce 1s 600ms linear both; | 129 animation: fadeIn 600ms both, bounce 1s 600ms linear both; |
| 129 height: 96px; | 130 height: 96px; |
| 130 position: relative; | 131 position: relative; |
| 131 width: 96px; | 132 width: 96px; |
| 132 } | 133 } |
| 133 | 134 |
| 134 .logo-icon { | 135 .logo-icon { |
| 135 animation: spin 2.4s cubic-bezier(.4, .2, 0, 1) both, | 136 animation: spin 2.4s cubic-bezier(.4, .2, 0, 1) both, |
| 136 colorize 300ms 700ms linear both; | 137 colorize 300ms 700ms linear both; |
| 137 content: -webkit-image-set(url(chrome://welcome/logo.png) 1x, | 138 background-image: -webkit-image-set(url(chrome://welcome/logo.png) 1x, |
| 138 url(chrome://welcome/logo2x.png) 2x); | 139 url(chrome://welcome/logo2x.png) 2x); |
| 140 background-size: 100%; |
| 139 height: 96px; | 141 height: 96px; |
| 140 left: 0; | |
| 141 position: absolute; | |
| 142 width: 96px; | 142 width: 96px; |
| 143 } | 143 } |
| 144 | 144 |
| 145 .logo-shadow { | 145 .logo-shadow { |
| 146 -webkit-filter: blur(16px); | 146 -webkit-filter: blur(16px); |
| 147 animation: fadeInAndSlideDownShadow 300ms 600ms both; | 147 animation: fadeInAndSlideDownShadow 300ms 600ms both; |
| 148 background: rgba(0, 0, 0, .2); | 148 background: rgba(0, 0, 0, .2); |
| 149 border-radius: 50%; | 149 border-radius: 50%; |
| 150 height: 96px; | 150 height: 96px; |
| 151 position: absolute; | 151 position: absolute; |
| (...skipping 58 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 210 height: 24px; | 210 height: 24px; |
| 211 position: absolute; | 211 position: absolute; |
| 212 width: 74px; | 212 width: 74px; |
| 213 } | 213 } |
| 214 | 214 |
| 215 @media(max-height: 608px) { | 215 @media(max-height: 608px) { |
| 216 .watermark { | 216 .watermark { |
| 217 display: none; | 217 display: none; |
| 218 } | 218 } |
| 219 } | 219 } |
| OLD | NEW |