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: 57px; /* Leave space for the header bar */ | 10 bottom: 57px; /* Leave space for the header bar */ |
(...skipping 70 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
81 #oobe.error-message #inner-container, | 81 #oobe.error-message #inner-container, |
82 #oobe.tpm-error-message #inner-container { | 82 #oobe.tpm-error-message #inner-container { |
83 box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.3), | 83 box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.3), |
84 0 4px 23px 5px rgba(0, 0, 0, 0.2), | 84 0 4px 23px 5px rgba(0, 0, 0, 0.2), |
85 0 2px 6px rgba(0, 0, 0, 0.15); | 85 0 2px 6px rgba(0, 0, 0, 0.15); |
86 | 86 |
87 } | 87 } |
88 | 88 |
89 /* Only play this animation when 'down' class is removed. */ | 89 /* Only play this animation when 'down' class is removed. */ |
90 .oobe-display #inner-container:not(.down) { | 90 .oobe-display #inner-container:not(.down) { |
91 -webkit-transition: -webkit-transform 200ms ease-in-out; | 91 -webkit-transition: transform 200ms ease-in-out; |
92 } | 92 } |
93 | 93 |
94 .oobe-display #inner-container.down { | 94 .oobe-display #inner-container.down { |
95 -webkit-transform: translateY(50px) rotateX(-2.5deg); | 95 transform: translateY(50px) rotateX(-2.5deg); |
96 } | 96 } |
97 | 97 |
98 #step-logo { | 98 #step-logo { |
99 -webkit-margin-start: 17px; | 99 -webkit-margin-start: 17px; |
100 display: -webkit-box; | 100 display: -webkit-box; |
101 position: absolute; | 101 position: absolute; |
102 top: 15px; | 102 top: 15px; |
103 } | 103 } |
104 | 104 |
105 #progress-dots { | 105 #progress-dots { |
(...skipping 101 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
207 line-height: 31px; | 207 line-height: 31px; |
208 text-transform: lowercase; | 208 text-transform: lowercase; |
209 width: 23em; | 209 width: 23em; |
210 } | 210 } |
211 | 211 |
212 .header-section::before { | 212 .header-section::before { |
213 /* Divider in header between product name and title, | 213 /* Divider in header between product name and title, |
214 * like "[Product name] > [step header]". */ | 214 * like "[Product name] > [step header]". */ |
215 content: '\00A0\203A\00A0\00A0'; | 215 content: '\00A0\203A\00A0\00A0'; |
216 } | 216 } |
OLD | NEW |