| 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 bottom: 57px; /* Leave space for the header bar */ | 9 bottom: 57px; /* Leave space for the header bar */ |
| 10 display: -webkit-box; | 10 display: -webkit-box; |
| (...skipping 107 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 118 #oobe.error-message #inner-container, | 118 #oobe.error-message #inner-container, |
| 119 #oobe.tpm-error-message #inner-container { | 119 #oobe.tpm-error-message #inner-container { |
| 120 box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.3), | 120 box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.3), |
| 121 0 4px 23px 5px rgba(0, 0, 0, 0.2), | 121 0 4px 23px 5px rgba(0, 0, 0, 0.2), |
| 122 0 2px 6px rgba(0, 0, 0, 0.15); | 122 0 2px 6px rgba(0, 0, 0, 0.15); |
| 123 | 123 |
| 124 } | 124 } |
| 125 | 125 |
| 126 /* Only play this animation when 'down' class is removed. */ | 126 /* Only play this animation when 'down' class is removed. */ |
| 127 .oobe-display #inner-container:not(.down) { | 127 .oobe-display #inner-container:not(.down) { |
| 128 -webkit-transition: transform 200ms ease-in-out; | 128 transition: transform 200ms ease-in-out; |
| 129 } | 129 } |
| 130 | 130 |
| 131 .oobe-display #inner-container.down { | 131 .oobe-display #inner-container.down { |
| 132 transform: translateY(50px) rotateX(-2.5deg); | 132 transform: translateY(50px) rotateX(-2.5deg); |
| 133 } | 133 } |
| 134 | 134 |
| 135 #oobe:not([md-mode]) #step-logo { | 135 #oobe:not([md-mode]) #step-logo { |
| 136 -webkit-margin-start: 17px; | 136 -webkit-margin-start: 17px; |
| 137 display: -webkit-box; | 137 display: -webkit-box; |
| 138 position: absolute; | 138 position: absolute; |
| 139 top: 15px; | 139 top: 15px; |
| 140 } | 140 } |
| 141 | 141 |
| 142 #oobe[md-mode] #step-logo { | 142 #oobe[md-mode] #step-logo { |
| 143 display: none; | 143 display: none; |
| 144 } | 144 } |
| 145 | 145 |
| 146 #progress-dots { | 146 #progress-dots { |
| 147 -webkit-box-pack: center; | 147 -webkit-box-pack: center; |
| 148 -webkit-transition: opacity 200ms ease-in-out, | |
| 149 visibility 200ms ease-in-out; | |
| 150 display: -webkit-box; | 148 display: -webkit-box; |
| 151 margin-top: 15px; | 149 margin-top: 15px; |
| 150 transition: opacity 200ms ease-in-out, visibility 200ms ease-in-out; |
| 152 } | 151 } |
| 153 | 152 |
| 154 #oobe[md-mode] #progress-dots { | 153 #oobe[md-mode] #progress-dots { |
| 155 display: none; | 154 display: none; |
| 156 } | 155 } |
| 157 | 156 |
| 158 /* Hidden for the duration of initial transition. */ | 157 /* Hidden for the duration of initial transition. */ |
| 159 .oobe-display #progress-dots.down { | 158 .oobe-display #progress-dots.down { |
| 160 visibility: hidden; | 159 visibility: hidden; |
| 161 } | 160 } |
| (...skipping 92 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 254 line-height: 31px; | 253 line-height: 31px; |
| 255 text-transform: lowercase; | 254 text-transform: lowercase; |
| 256 width: 23em; | 255 width: 23em; |
| 257 } | 256 } |
| 258 | 257 |
| 259 .header-section::before { | 258 .header-section::before { |
| 260 /* Divider in header between product name and title, | 259 /* Divider in header between product name and title, |
| 261 * like "[Product name] > [step header]". */ | 260 * like "[Product name] > [step header]". */ |
| 262 content: '\00A0\203A\00A0\00A0'; | 261 content: '\00A0\203A\00A0\00A0'; |
| 263 } | 262 } |
| OLD | NEW |