OLD | NEW |
1 /* Copyright (c) 2013 The Chromium Authors. All rights reserved. | 1 /* Copyright (c) 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 is the stylesheet used by the Locally managed user creation flow screen. | 5 * This is the stylesheet used by the Locally managed user creation flow screen. |
6 */ | 6 */ |
7 | 7 |
8 #managed-user-creation { | 8 #managed-user-creation { |
9 height: 609px; /* Same size as GAIA sign in screen.*/ | 9 height: 609px; /* Same size as GAIA sign in screen.*/ |
10 padding: 0 0; /* Some screens have elements right next to borders. */ | 10 padding: 0 0; /* Some screens have elements right next to borders. */ |
11 width: 722px; | 11 width: 722px; |
12 } | 12 } |
13 | 13 |
14 #managed-user-creation .step-contents { | 14 #managed-user-creation .step-contents { |
15 height: 100%; | 15 height: 100%; |
16 } | 16 } |
17 | 17 |
18 #managed-user-creation .nofocus:focus { | 18 #managed-user-creation .nofocus:focus { |
19 outline: none; | 19 outline: none; |
20 } | 20 } |
21 | 21 |
22 #managed-user-creation .step-controls { | 22 #managed-user-creation .step-controls { |
23 -webkit-padding-end: 20px; | 23 -webkit-padding-end: 20px; |
| 24 align-items: center; |
24 bottom: 20px; | 25 bottom: 20px; |
| 26 display: flex; |
| 27 justify-content: space-between; |
| 28 } |
| 29 |
| 30 #managed-user-creation .controls-links { |
| 31 align-items: center; |
| 32 display: flex; |
| 33 justify-content: flex-start; |
| 34 } |
| 35 |
| 36 #managed-user-creation .controls-buttons { |
| 37 align-items: center; |
| 38 display: flex; |
| 39 justify-content: flex-end; |
25 } | 40 } |
26 | 41 |
27 #managed-user-creation .logo-padded-text { | 42 #managed-user-creation .logo-padded-text { |
28 padding: 0 17px 0; | 43 padding: 0 17px 0; |
29 } | 44 } |
30 | 45 |
31 #managed-user-creation .marketing { | 46 #managed-user-creation .marketing { |
32 background-color: green; | 47 background-color: green; |
33 height: 344px; | 48 height: 344px; |
34 } | 49 } |
(...skipping 169 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
204 -webkit-margin-before: 30px; | 219 -webkit-margin-before: 30px; |
205 } | 220 } |
206 | 221 |
207 .screen-control-button { | 222 .screen-control-button { |
208 margin-left: 10px !important; | 223 margin-left: 10px !important; |
209 } | 224 } |
210 | 225 |
211 .import-pod { | 226 .import-pod { |
212 height: 32px; | 227 height: 32px; |
213 opacity: 0.8; | 228 opacity: 0.8; |
214 padding: 6px; | 229 padding: 20px; |
215 width: 626px; | 230 width: 626px; |
216 } | 231 } |
217 | 232 |
218 .import-pod .import-pod-name { | 233 .import-pod .import-pod-name { |
219 color: #000; | 234 color: #000; |
220 display: inline; | 235 display: inline-block; |
221 max-height: 30px; | 236 height: 32px; |
| 237 max-height: 32px; |
| 238 padding-top: 6px; |
222 vertical-align: top; | 239 vertical-align: top; |
223 } | 240 } |
224 | 241 |
225 .import-pod.imported .import-pod-name { | 242 .import-pod.imported .import-pod-name { |
226 color: rgb(141, 141, 141); | 243 color: rgb(141, 141, 141); |
227 } | 244 } |
228 | 245 |
229 .import-pod .import-pod-image { | 246 .import-pod .import-pod-image { |
230 border: 1px solid gray; | 247 border: 1px solid gray; |
231 display: inline; | 248 display: inline; |
(...skipping 288 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
520 margin-left: -22px; | 537 margin-left: -22px; |
521 margin-top: -22px; | 538 margin-top: -22px; |
522 position: absolute; | 539 position: absolute; |
523 top: 50%; | 540 top: 50%; |
524 width: 44px; | 541 width: 44px; |
525 } | 542 } |
526 | 543 |
527 .camera.live:not(.online) .managed-user-creation-image-stream-area .spinner { | 544 .camera.live:not(.online) .managed-user-creation-image-stream-area .spinner { |
528 display: block; | 545 display: block; |
529 } | 546 } |
OLD | NEW |