| OLD | NEW |
| 1 /* Copyright 2014 The Chromium Authors. All rights reserved. | 1 /* Copyright 2014 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 #outer-container { | 6 #outer-container { |
| 7 -webkit-box-align: center; | 7 -webkit-box-align: center; |
| 8 -webkit-box-pack: center; | 8 -webkit-box-pack: center; |
| 9 -webkit-perspective: 1px; /* Workaround, see http://crbug.com/360567 */ | 9 -webkit-perspective: 1px; /* Workaround, see http://crbug.com/360567 */ |
| 10 bottom: 51px; /* Leave space for the header bar */ | 10 bottom: 51px; /* Leave space for the header bar */ |
| (...skipping 87 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 98 -webkit-transform: translateY(50px) rotateX(-2.5deg); | 98 -webkit-transform: translateY(50px) rotateX(-2.5deg); |
| 99 } | 99 } |
| 100 | 100 |
| 101 #step-logo { | 101 #step-logo { |
| 102 -webkit-margin-start: 17px; | 102 -webkit-margin-start: 17px; |
| 103 display: -webkit-box; | 103 display: -webkit-box; |
| 104 position: absolute; | 104 position: absolute; |
| 105 top: 15px; | 105 top: 15px; |
| 106 } | 106 } |
| 107 | 107 |
| 108 #close-button-item { |
| 109 -webkit-margin-start: 17px; |
| 110 display: flex; |
| 111 position: absolute; |
| 112 right: 15px; |
| 113 top: 15px; |
| 114 width: 30px; |
| 115 height: 30px; |
| 116 z-index: 1; |
| 117 } |
| 118 |
| 108 #progress-dots { | 119 #progress-dots { |
| 109 -webkit-box-pack: center; | 120 -webkit-box-pack: center; |
| 110 -webkit-transition: opacity 200ms ease-in-out, | 121 -webkit-transition: opacity 200ms ease-in-out, |
| 111 visibility 200ms ease-in-out; | 122 visibility 200ms ease-in-out; |
| 112 display: -webkit-box; | 123 display: -webkit-box; |
| 113 margin-top: 15px; | 124 margin-top: 15px; |
| 114 } | 125 } |
| 115 | 126 |
| 116 /* Hidden for the duration of initial transition. */ | 127 /* Hidden for the duration of initial transition. */ |
| 117 .oobe-display #progress-dots.down { | 128 .oobe-display #progress-dots.down { |
| (...skipping 90 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 208 line-height: 31px; | 219 line-height: 31px; |
| 209 text-transform: lowercase; | 220 text-transform: lowercase; |
| 210 width: 23em; | 221 width: 23em; |
| 211 } | 222 } |
| 212 | 223 |
| 213 .header-section::before { | 224 .header-section::before { |
| 214 /* Divider in header between product name and title, | 225 /* Divider in header between product name and title, |
| 215 * like "[Product name] > [step header]". */ | 226 * like "[Product name] > [step header]". */ |
| 216 content: '\00A0\203A\00A0\00A0'; | 227 content: '\00A0\203A\00A0\00A0'; |
| 217 } | 228 } |
| OLD | NEW |