| 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 40 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 51 * .camera: camera (live or photo) is selected; | 51 * .camera: camera (live or photo) is selected; |
| 52 * .live: camera is in live mode (no photo taken yet/last photo removed). */ | 52 * .live: camera is in live mode (no photo taken yet/last photo removed). */ |
| 53 | 53 |
| 54 #user-image-preview { | 54 #user-image-preview { |
| 55 margin: 18px 10px 0 0; | 55 margin: 18px 10px 0 0; |
| 56 max-width: 220px; | 56 max-width: 220px; |
| 57 position: relative; | 57 position: relative; |
| 58 } | 58 } |
| 59 | 59 |
| 60 #user-image-preview .perspective-box { | 60 #user-image-preview .perspective-box { |
| 61 -webkit-perspective: 600px; | |
| 62 border: solid 1px #cacaca; | 61 border: solid 1px #cacaca; |
| 63 border-radius: 4px; | 62 border-radius: 4px; |
| 64 padding: 3px; | 63 padding: 3px; |
| 64 perspective: 600px; |
| 65 width: 220px; | 65 width: 220px; |
| 66 } | 66 } |
| 67 | 67 |
| 68 #user-image-preview-img { | 68 #user-image-preview-img { |
| 69 background: white; | 69 background: white; |
| 70 border: solid 1px #cacaca; | 70 border: solid 1px #cacaca; |
| 71 border-radius: 4px; | 71 border-radius: 4px; |
| 72 max-height: 220px; | 72 max-height: 220px; |
| 73 max-width: 220px; | 73 max-width: 220px; |
| 74 padding: 3px; | 74 padding: 3px; |
| 75 } | 75 } |
| 76 | 76 |
| 77 .camera.live #user-image-preview-img { | 77 .camera.live #user-image-preview-img { |
| 78 display: none; | 78 display: none; |
| 79 } | 79 } |
| 80 | 80 |
| 81 .camera.flip-x #user-image-preview-img { | 81 .camera.flip-x #user-image-preview-img { |
| 82 -webkit-transform: rotateY(180deg); | 82 transform: rotateY(180deg); |
| 83 } | 83 } |
| 84 | 84 |
| 85 .user-image-stream-area { | 85 .user-image-stream-area { |
| 86 display: none; | 86 display: none; |
| 87 position: relative; | 87 position: relative; |
| 88 } | 88 } |
| 89 | 89 |
| 90 .camera.live .user-image-stream-area { | 90 .camera.live .user-image-stream-area { |
| 91 display: block; | 91 display: block; |
| 92 } | 92 } |
| 93 | 93 |
| 94 #user-image-stream-crop { | 94 #user-image-stream-crop { |
| 95 height: 220px; | 95 height: 220px; |
| 96 overflow: hidden; | 96 overflow: hidden; |
| 97 position: relative; | 97 position: relative; |
| 98 width: 220px; | 98 width: 220px; |
| 99 } | 99 } |
| 100 | 100 |
| 101 .flip-x #user-image-stream-crop { | 101 .flip-x #user-image-stream-crop { |
| 102 -webkit-transform: rotateY(180deg); | 102 transform: rotateY(180deg); |
| 103 } | 103 } |
| 104 | 104 |
| 105 /* TODO(ivankr): specify dimensions from real capture size. */ | 105 /* TODO(ivankr): specify dimensions from real capture size. */ |
| 106 .user-image-stream { | 106 .user-image-stream { |
| 107 border: solid 1px #cacaca; | 107 border: solid 1px #cacaca; |
| 108 height: 220px; | 108 height: 220px; |
| 109 /* Center image for 4:3 aspect ratio. */ | 109 /* Center image for 4:3 aspect ratio. */ |
| 110 left: -16.6%; | 110 left: -16.6%; |
| 111 position: absolute; | 111 position: absolute; |
| 112 visibility: hidden; | 112 visibility: hidden; |
| (...skipping 55 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 168 } | 168 } |
| 169 | 169 |
| 170 #user-image-attribution { | 170 #user-image-attribution { |
| 171 -webkit-padding-start: 34px; | 171 -webkit-padding-start: 34px; |
| 172 line-height: 26px; | 172 line-height: 26px; |
| 173 } | 173 } |
| 174 | 174 |
| 175 #user-image-author-website { | 175 #user-image-author-website { |
| 176 -webkit-padding-start: 5px; | 176 -webkit-padding-start: 5px; |
| 177 } | 177 } |
| OLD | NEW |