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 88 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
99 | 99 |
100 #step-logo { | 100 #step-logo { |
101 -webkit-margin-start: 17px; | 101 -webkit-margin-start: 17px; |
102 display: -webkit-box; | 102 display: -webkit-box; |
103 position: absolute; | 103 position: absolute; |
104 top: 15px; | 104 top: 15px; |
105 } | 105 } |
106 | 106 |
107 #progress-dots { | 107 #progress-dots { |
108 -webkit-box-pack: center; | 108 -webkit-box-pack: center; |
109 -webkit-margin-before: 15px; | |
110 -webkit-transition: opacity 200ms ease-in-out, | 109 -webkit-transition: opacity 200ms ease-in-out, |
111 visibility 200ms ease-in-out; | 110 visibility 200ms ease-in-out; |
112 display: -webkit-box; | 111 display: -webkit-box; |
| 112 margin-top: 15px; |
113 } | 113 } |
114 | 114 |
115 /* Hidden for the duration of initial transition. */ | 115 /* Hidden for the duration of initial transition. */ |
116 .oobe-display #progress-dots.down { | 116 .oobe-display #progress-dots.down { |
117 visibility: hidden; | 117 visibility: hidden; |
118 } | 118 } |
119 | 119 |
120 .progdot { | 120 .progdot { |
121 -webkit-margin-end: 12px; | 121 -webkit-margin-end: 12px; |
122 background: white; | 122 background: white; |
(...skipping 80 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
203 line-height: 31px; | 203 line-height: 31px; |
204 text-transform: lowercase; | 204 text-transform: lowercase; |
205 width: 23em; | 205 width: 23em; |
206 } | 206 } |
207 | 207 |
208 .header-section::before { | 208 .header-section::before { |
209 /* Divider in header between product name and title, | 209 /* Divider in header between product name and title, |
210 * like "[Product name] > [step header]". */ | 210 * like "[Product name] > [step header]". */ |
211 content: '\00A0\203A\00A0\00A0'; | 211 content: '\00A0\203A\00A0\00A0'; |
212 } | 212 } |
OLD | NEW |