OLD | NEW |
1 /* Copyright (c) 2012 The Chromium Authors. All rights reserved. | 1 /* Copyright (c) 2012 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 Out of the box experience (OOBE) flow, | 5 * This is the stylesheet used by the Out of the box experience (OOBE) flow, |
6 * sign in and lock screens. | 6 * sign in and lock screens. |
7 */ | 7 */ |
8 | 8 |
9 html, | 9 html, |
10 body { | 10 body { |
(...skipping 511 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
522 * .default-image: one of the default images is selected (including the grey | 522 * .default-image: one of the default images is selected (including the grey |
523 * silhouette); | 523 * silhouette); |
524 * .profile-image: profile image is selected; | 524 * .profile-image: profile image is selected; |
525 * .profile-image-loading: profile image is being loaded; | 525 * .profile-image-loading: profile image is being loaded; |
526 * .online: camera is streaming video; | 526 * .online: camera is streaming video; |
527 * .camera: camera (live or photo) is selected; | 527 * .camera: camera (live or photo) is selected; |
528 * .live: camera is in live mode (no photo taken yet/last photo removed). | 528 * .live: camera is in live mode (no photo taken yet/last photo removed). |
529 */ | 529 */ |
530 | 530 |
531 #user-image-preview { | 531 #user-image-preview { |
532 border-radius: 4px; | |
533 float: right; | 532 float: right; |
534 margin: 4px; | 533 margin: 4px; |
535 max-width: 220px; | 534 max-width: 220px; |
536 } | 535 } |
537 | 536 |
538 html[dir=rtl] #user-image-preview { | 537 html[dir=rtl] #user-image-preview { |
539 float: left; | 538 float: left; |
540 } | 539 } |
541 | 540 |
542 #user-image-preview-img { | 541 #user-image-preview-img { |
543 display: block; | 542 display: block; |
544 max-height: 220px; | 543 max-height: 220px; |
545 max-width: 220px; | 544 max-width: 220px; |
546 } | 545 } |
547 | 546 |
548 html[camera=webrtc] .camera.live #user-image-preview-img { | 547 html[camera=webrtc] .camera.live #user-image-preview-img { |
549 display: none; | 548 display: none; |
550 } | 549 } |
551 | 550 |
552 .default-image #user-image-preview-img { | 551 .default-image #user-image-preview-img { |
553 background: white; | 552 background: white; |
554 border: solid 1px #cacaca; | 553 border: solid 1px #cacaca; |
| 554 border-radius: 4px; |
| 555 padding: 2px; |
555 } | 556 } |
556 | 557 |
557 .user-image-stream-area { | 558 .user-image-stream-area { |
558 display: none; | 559 display: none; |
559 padding: 0; | 560 padding: 0; |
560 position: relative; | 561 position: relative; |
561 } | 562 } |
562 | 563 |
563 html[camera=webrtc] .camera.live .user-image-stream-area { | 564 html[camera=webrtc] .camera.live .user-image-stream-area { |
564 display: block; | 565 display: block; |
(...skipping 695 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
1260 width: 100%; | 1261 width: 100%; |
1261 } | 1262 } |
1262 | 1263 |
1263 .background-initial { | 1264 .background-initial { |
1264 opacity: 0; | 1265 opacity: 0; |
1265 } | 1266 } |
1266 | 1267 |
1267 .background-final { | 1268 .background-final { |
1268 opacity: 1; | 1269 opacity: 1; |
1269 } | 1270 } |
OLD | NEW |