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 |