| 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 |