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 66 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
77 } | 77 } |
78 | 78 |
79 #oobe.error-message #inner-container, | 79 #oobe.error-message #inner-container, |
80 #oobe.tpm-error-message #inner-container { | 80 #oobe.tpm-error-message #inner-container { |
81 box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.3), | 81 box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.3), |
82 0 4px 23px 5px rgba(0, 0, 0, 0.2), | 82 0 4px 23px 5px rgba(0, 0, 0, 0.2), |
83 0 2px 6px rgba(0, 0, 0, 0.15); | 83 0 2px 6px rgba(0, 0, 0, 0.15); |
84 | 84 |
85 } | 85 } |
86 | 86 |
87 #oobe.account-picker.flying-pods #inner-container { | |
88 -webkit-transition: width 180ms ease, | |
89 height 180ms ease; | |
90 } | |
91 | |
92 /* Only play this animation when 'down' class is removed. */ | 87 /* Only play this animation when 'down' class is removed. */ |
93 .oobe-display #inner-container:not(.down) { | 88 .oobe-display #inner-container:not(.down) { |
94 -webkit-transition: -webkit-transform 200ms ease-in-out; | 89 -webkit-transition: -webkit-transform 200ms ease-in-out; |
95 } | 90 } |
96 | 91 |
97 .oobe-display #inner-container.down { | 92 .oobe-display #inner-container.down { |
98 -webkit-transform: translateY(50px) rotateX(-2.5deg); | 93 -webkit-transform: translateY(50px) rotateX(-2.5deg); |
99 } | 94 } |
100 | 95 |
101 #step-logo { | 96 #step-logo { |
(...skipping 106 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
208 line-height: 31px; | 203 line-height: 31px; |
209 text-transform: lowercase; | 204 text-transform: lowercase; |
210 width: 23em; | 205 width: 23em; |
211 } | 206 } |
212 | 207 |
213 .header-section::before { | 208 .header-section::before { |
214 /* Divider in header between product name and title, | 209 /* Divider in header between product name and title, |
215 * like "[Product name] > [step header]". */ | 210 * like "[Product name] > [step header]". */ |
216 content: '\00A0\203A\00A0\00A0'; | 211 content: '\00A0\203A\00A0\00A0'; |
217 } | 212 } |
OLD | NEW |