| 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 #user-images-area { | 5 #user-images-area { |
| 6 display: -webkit-box; | 6 display: -webkit-box; |
| 7 } | 7 } |
| 8 | 8 |
| 9 #user-image-grid { | 9 #user-image-grid { |
| 10 -webkit-user-drag: none; | 10 -webkit-user-drag: none; |
| (...skipping 62 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 73 border-radius: 4px; | 73 border-radius: 4px; |
| 74 max-height: 220px; | 74 max-height: 220px; |
| 75 max-width: 220px; | 75 max-width: 220px; |
| 76 padding: 3px; | 76 padding: 3px; |
| 77 } | 77 } |
| 78 | 78 |
| 79 .camera.live #user-image-preview-img { | 79 .camera.live #user-image-preview-img { |
| 80 display: none; | 80 display: none; |
| 81 } | 81 } |
| 82 | 82 |
| 83 .animation #user-image-preview-img { | |
| 84 -webkit-transition: -webkit-transform 200ms linear; | |
| 85 } | |
| 86 | |
| 87 .camera.flip-x #user-image-preview-img { | 83 .camera.flip-x #user-image-preview-img { |
| 88 -webkit-transform: rotateY(180deg); | 84 -webkit-transform: rotateY(180deg); |
| 89 } | 85 } |
| 90 | 86 |
| 91 .user-image-stream-area { | 87 .user-image-stream-area { |
| 92 display: none; | 88 display: none; |
| 93 position: relative; | 89 position: relative; |
| 94 } | 90 } |
| 95 | 91 |
| 96 .camera.live .user-image-stream-area { | 92 .camera.live .user-image-stream-area { |
| 97 display: block; | 93 display: block; |
| 98 } | 94 } |
| 99 | 95 |
| 100 #user-image-stream-crop { | 96 #user-image-stream-crop { |
| 101 /* TODO(ivankr): temporary workaround for crbug.com/142347. */ | |
| 102 -webkit-transform: rotateY(360deg); | |
| 103 -webkit-transition: -webkit-transform 200ms linear; | |
| 104 height: 220px; | 97 height: 220px; |
| 105 overflow: hidden; | 98 overflow: hidden; |
| 106 position: relative; | 99 position: relative; |
| 107 width: 220px; | 100 width: 220px; |
| 108 } | 101 } |
| 109 | 102 |
| 110 .flip-x #user-image-stream-crop { | 103 .flip-x #user-image-stream-crop { |
| 111 -webkit-transform: rotateY(180deg); | 104 -webkit-transform: rotateY(180deg); |
| 112 } | 105 } |
| 113 | 106 |
| (...skipping 76 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 190 } | 183 } |
| 191 | 184 |
| 192 #user-image-attribution { | 185 #user-image-attribution { |
| 193 -webkit-padding-start: 34px; | 186 -webkit-padding-start: 34px; |
| 194 line-height: 26px; | 187 line-height: 26px; |
| 195 } | 188 } |
| 196 | 189 |
| 197 #user-image-author-website { | 190 #user-image-author-website { |
| 198 -webkit-padding-start: 5px; | 191 -webkit-padding-start: 5px; |
| 199 } | 192 } |
| OLD | NEW |