| 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 115 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 126 position: absolute; | 126 position: absolute; |
| 127 top: 50%; | 127 top: 50%; |
| 128 width: 44px; | 128 width: 44px; |
| 129 } | 129 } |
| 130 | 130 |
| 131 .camera.live:not(.online) .user-image-stream-area .spinner { | 131 .camera.live:not(.online) .user-image-stream-area .spinner { |
| 132 display: block; | 132 display: block; |
| 133 } | 133 } |
| 134 | 134 |
| 135 #flip-photo { | 135 #flip-photo { |
| 136 -webkit-transition: opacity 75ms linear; | |
| 137 background: url(chrome://theme/IDR_MIRROR_FLIP) no-repeat; | 136 background: url(chrome://theme/IDR_MIRROR_FLIP) no-repeat; |
| 138 border: none; | 137 border: none; |
| 139 bottom: 44px; /* 8px + image bottom. */ | 138 bottom: 44px; /* 8px + image bottom. */ |
| 140 display: block; | 139 display: block; |
| 141 height: 32px; | 140 height: 32px; |
| 142 opacity: 0; | |
| 143 position: absolute; | 141 position: absolute; |
| 144 right: 8px; | 142 right: 8px; |
| 145 width: 32px; | 143 width: 32px; |
| 146 } | 144 } |
| 147 | 145 |
| 148 /* TODO(merkulova): remove when webkit crbug.com/126479 is fixed. */ | |
| 149 .flip-trick { | |
| 150 -webkit-transform: translateZ(1px); | |
| 151 } | |
| 152 | |
| 153 html[dir=rtl] #flip-photo { | 146 html[dir=rtl] #flip-photo { |
| 154 left: 8px; | 147 left: 8px; |
| 155 right: auto; | 148 right: auto; |
| 156 } | 149 } |
| 157 | 150 |
| 158 /* "Flip photo" button is hidden during flip animation. */ | |
| 159 .camera.online:not(.animation) #flip-photo, | |
| 160 .camera:not(.live):not(.animation) #flip-photo { | |
| 161 opacity: 0.75; | |
| 162 } | |
| 163 | |
| 164 #discard-photo, | 151 #discard-photo, |
| 165 #take-photo { | 152 #take-photo { |
| 166 display: none; | 153 display: none; |
| 167 height: 25px; | 154 height: 25px; |
| 168 margin: 4px; | 155 margin: 4px; |
| 169 padding: 0; | 156 padding: 0; |
| 170 width: 220px; | 157 width: 220px; |
| 171 } | 158 } |
| 172 | 159 |
| 173 .camera:not(.live) #discard-photo { | 160 .camera:not(.live) #discard-photo { |
| 174 background: url(chrome://theme/IDR_USER_IMAGE_RECYCLE) | 161 background: url(chrome://theme/IDR_USER_IMAGE_RECYCLE) |
| 175 no-repeat center center; | 162 no-repeat center center; |
| 176 display: block; | 163 display: block; |
| 177 } | 164 } |
| 178 | 165 |
| 179 .camera.live.online #take-photo { | 166 .camera.live.online #take-photo { |
| 180 background: url(chrome://theme/IDR_USER_IMAGE_CAPTURE) | 167 background: url(chrome://theme/IDR_USER_IMAGE_CAPTURE) |
| 181 no-repeat center -1px; | 168 no-repeat center -1px; |
| 182 display: block; | 169 display: block; |
| 183 } | 170 } |
| 184 | 171 |
| 185 #user-image-attribution { | 172 #user-image-attribution { |
| 186 -webkit-padding-start: 34px; | 173 -webkit-padding-start: 34px; |
| 187 line-height: 26px; | 174 line-height: 26px; |
| 188 } | 175 } |
| 189 | 176 |
| 190 #user-image-author-website { | 177 #user-image-author-website { |
| 191 -webkit-padding-start: 5px; | 178 -webkit-padding-start: 5px; |
| 192 } | 179 } |
| OLD | NEW |