| 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%; |
| 11 justify-content: center; | 11 justify-content: center; |
| 12 margin: 0; |
| 12 min-height: 100vh; | 13 min-height: 100vh; |
| 13 overflow-y: hidden; | |
| 14 } | 14 } |
| 15 | 15 |
| 16 @keyframes slideUpContent { | 16 @keyframes slideUpContent { |
| 17 from { | 17 from { |
| 18 transform: translateY(186px); | 18 transform: translateY(186px); |
| 19 } | 19 } |
| 20 } | 20 } |
| 21 | 21 |
| 22 @keyframes fadeIn { | 22 @keyframes fadeIn { |
| 23 from { | 23 from { |
| (...skipping 68 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 92 } | 92 } |
| 93 70.27% { | 93 70.27% { |
| 94 transform: matrix3d(0.999, 0, 0, 0, 0, 0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); | 94 transform: matrix3d(0.999, 0, 0, 0, 0, 0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); |
| 95 } | 95 } |
| 96 100% { | 96 100% { |
| 97 transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); | 97 transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); |
| 98 } | 98 } |
| 99 } | 99 } |
| 100 | 100 |
| 101 .content { | 101 .content { |
| 102 height: 100%; |
| 103 overflow-y: hidden; |
| 104 } |
| 105 |
| 106 .slider { |
| 102 align-items: center; | 107 align-items: center; |
| 103 animation: slideUpContent 600ms 1.8s cubic-bezier(.4, .2, 0, 1) both; | 108 animation: slideUpContent 600ms 1.8s cubic-bezier(.4, .2, 0, 1) both; |
| 104 display: flex; | 109 display: flex; |
| 105 flex: 1; | 110 flex: 1; |
| 106 flex-direction: column; | 111 flex-direction: column; |
| 107 justify-content: center; | 112 justify-content: center; |
| 108 max-width: 500px; | 113 max-width: 500px; |
| 109 } | 114 } |
| 110 | 115 |
| 111 .heading { | 116 .heading { |
| (...skipping 98 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 210 height: 24px; | 215 height: 24px; |
| 211 position: absolute; | 216 position: absolute; |
| 212 width: 74px; | 217 width: 74px; |
| 213 } | 218 } |
| 214 | 219 |
| 215 @media(max-height: 608px) { | 220 @media(max-height: 608px) { |
| 216 .watermark { | 221 .watermark { |
| 217 display: none; | 222 display: none; |
| 218 } | 223 } |
| 219 } | 224 } |
| OLD | NEW |