| <div id="change-picture-page" class="page" hidden> |
| <div class="close-button"></div> |
| <h1 i18n-content="changePicturePage"></h1> |
| <div class="content-area"> |
| <div i18n-content="changePicturePageDescription"></div> |
| <div id="user-images-area"> |
| <grid id="user-image-grid" class="user-image-picker" tabindex="1"></grid> |
| <div id="user-image-preview"> |
| <img id="user-image-preview-img" i18n-values="alt:previewAltText"> |
| <div class="user-image-stream-area"> |
| <div class="perspective-box"> |
| <div id="user-image-stream-crop"> |
| <video class="user-image-stream" autoplay></video> |
| </div> |
| </div> |
| <div class="spinner"></div> |
| </div> |
| <button id="discard-photo" i18n-values="title:discardPhoto" |
| tabindex="2"></button> |
| <button id="take-photo" i18n-values="title:takePhoto" tabindex="2"> |
| </button> |
| <button id="flip-photo" class="custom-appearance" |
| i18n-values="title:flipPhoto" tabindex="1"></button> |
| </div> |
| </div> |
| <div id="user-image-attribution"> |
| <span i18n-content="authorCredit"></span> |
| <strong id="user-image-author-name"></strong> |
| <a id="user-image-author-website" target="_blank"></a> |
| </div> |
| </div> |
| <div class="action-area"> |
| <div class="button-strip"> |
| <button id="change-picture-overlay-confirm" i18n-content="done" |
| tabindex="2"></button> |
| </div> |
| </div> |
| </div> |