OLD | NEW |
1 /* Copyright 2013 The Chromium Authors. All rights reserved. | 1 /* Copyright 2013 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 * This contains common styling for all the OOBE screens. | 5 * This contains common styling for all the OOBE screens. |
6 */ | 6 */ |
7 | 7 |
8 .step { | 8 .step { |
9 box-sizing: border-box; | 9 box-sizing: border-box; |
10 position: absolute; | 10 position: absolute; |
(...skipping 59 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
70 } | 70 } |
71 | 71 |
72 .step:not(.loading) #user-images-loading { | 72 .step:not(.loading) #user-images-loading { |
73 visibility: hidden; | 73 visibility: hidden; |
74 } | 74 } |
75 | 75 |
76 .step:not(.loading) #eula-busy { | 76 .step:not(.loading) #eula-busy { |
77 visibility: hidden; | 77 visibility: hidden; |
78 } | 78 } |
79 | 79 |
80 /* Center spinner wrapper vertically and horizontally. | |
81 * Vertical centering uses top: 50% and negative margin | |
82 * instead of top: 0; bottom: 0 due to http://crbug.com/155320. | |
83 */ | |
84 .step-loading { | 80 .step-loading { |
85 -webkit-align-items: center; | 81 align-items: center; |
86 -webkit-justify-content: center; | 82 bottom: 0; |
87 display: -webkit-flex; | 83 display: flex; |
| 84 justify-content: center; |
88 left: 0; | 85 left: 0; |
89 margin-top: -8px; | |
90 position: absolute; | 86 position: absolute; |
91 right: 0; | 87 right: 0; |
92 top: 50%; | 88 top: 0; |
93 } | |
94 | |
95 .new-gaia-flow .step-loading { | |
96 margin-top: -42px; | |
97 } | 89 } |
98 | 90 |
99 /* Fixes perfomance problem caused by http://crbug.com/229405 . */ | 91 /* Fixes perfomance problem caused by http://crbug.com/229405 . */ |
100 .step.hidden .throbber, | 92 .step.hidden .throbber, |
101 .step.hidden .spinner, | 93 .step.hidden .spinner, |
102 .step.hidden .inline-spinner { | 94 .step.hidden .inline-spinner { |
103 display: none; | 95 display: none; |
104 } | 96 } |
105 | 97 |
106 #security-info a, | 98 #security-info a, |
(...skipping 68 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
175 | 167 |
176 html[highlight=strong] #security-info a:focus, | 168 html[highlight=strong] #security-info a:focus, |
177 html[highlight=strong] #eula a:focus, | 169 html[highlight=strong] #eula a:focus, |
178 html[highlight=strong] .step-extra-controls a:focus, | 170 html[highlight=strong] .step-extra-controls a:focus, |
179 html[highlight=strong] .menu-control:focus, | 171 html[highlight=strong] .menu-control:focus, |
180 html[highlight=strong] input[type='button']:focus, | 172 html[highlight=strong] input[type='button']:focus, |
181 html[highlight=strong] button:focus { | 173 html[highlight=strong] button:focus { |
182 box-shadow: 0 0 23px rgb(77, 144, 254) !important; | 174 box-shadow: 0 0 23px rgb(77, 144, 254) !important; |
183 } | 175 } |
184 | 176 |
OLD | NEW |