| 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 */ | |
| 5 | 4 |
| 6 #user-image { | 5 #user-image { |
| 7 min-height: 443px; | 6 min-height: 443px; |
| 8 padding: 70px 17px 21px; | 7 padding: 70px 17px 21px; |
| 9 width: 702px; | 8 width: 702px; |
| 10 } | 9 } |
| 11 | 10 |
| 12 #user-image.loading { | 11 #user-image.loading { |
| 13 height: 528px; /* Should be the same as #gaia-signin height. */ | 12 height: 528px; /* Should be the same as #gaia-signin height. */ |
| 14 padding: 0 0 0; | 13 padding: 0 0 0; |
| (...skipping 33 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 48 display: inline-block; | 47 display: inline-block; |
| 49 margin: 4px; | 48 margin: 4px; |
| 50 padding: 3px; | 49 padding: 3px; |
| 51 } | 50 } |
| 52 | 51 |
| 53 #user-image-grid [selected] { | 52 #user-image-grid [selected] { |
| 54 border: 2px solid rgb(0, 102, 204); | 53 border: 2px solid rgb(0, 102, 204); |
| 55 padding: 2px; | 54 padding: 2px; |
| 56 } | 55 } |
| 57 | 56 |
| 58 /** | 57 /* #user-image-preview can have the following classes: |
| 59 * #user-image-preview can have the following classes: | |
| 60 * .default-image: one of the default images is selected (including the grey | 58 * .default-image: one of the default images is selected (including the grey |
| 61 * silhouette); | 59 * silhouette); |
| 62 * .profile-image: profile image is selected; | 60 * .profile-image: profile image is selected; |
| 63 * .profile-image-loading: profile image is being loaded; | 61 * .profile-image-loading: profile image is being loaded; |
| 64 * .online: camera is streaming video; | 62 * .online: camera is streaming video; |
| 65 * .camera: camera (live or photo) is selected; | 63 * .camera: camera (live or photo) is selected; |
| 66 * .live: camera is in live mode (no photo taken yet/last photo removed). | 64 * .live: camera is in live mode (no photo taken yet/last photo removed). */ |
| 67 */ | |
| 68 #user-image-preview { | 65 #user-image-preview { |
| 69 float: right; | 66 float: right; |
| 70 margin: 4px; | 67 margin: 4px; |
| 71 max-width: 220px; | 68 max-width: 220px; |
| 72 position: relative; | 69 position: relative; |
| 73 } | 70 } |
| 74 | 71 |
| 75 #profile-image { | 72 #profile-image { |
| 76 position: relative; | 73 position: relative; |
| 77 } | 74 } |
| (...skipping 175 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 253 margin-top: -22px; | 250 margin-top: -22px; |
| 254 position: absolute; | 251 position: absolute; |
| 255 top: 50%; | 252 top: 50%; |
| 256 width: 44px; | 253 width: 44px; |
| 257 } | 254 } |
| 258 | 255 |
| 259 .camera.live:not(.online) .user-image-stream-area .spinner { | 256 .camera.live:not(.online) .user-image-stream-area .spinner { |
| 260 display: block; | 257 display: block; |
| 261 } | 258 } |
| 262 | 259 |
| OLD | NEW |