| OLD | NEW |
|---|
| (Empty) |
| 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 | |
| 3 * found in the LICENSE file. */ | |
| 4 | |
| 5 #change-picture-page .content-area { | |
| 6 min-width: 800px; | |
| 7 } | |
| 8 | |
| 9 #user-image-grid { | |
| 10 -webkit-user-drag: none; | |
| 11 -webkit-user-select: none; | |
| 12 display: inline-block; | |
| 13 margin: 10px; | |
| 14 outline: none; | |
| 15 /* Necessary for correct metrics calculation by grid.js. */ | |
| 16 overflow: hidden; | |
| 17 padding: 0; | |
| 18 width: 538px; | |
| 19 } | |
| 20 | |
| 21 #user-image-grid * { | |
| 22 margin: 0; | |
| 23 padding: 0; | |
| 24 } | |
| 25 | |
| 26 #user-image-grid img { | |
| 27 background-color: white; | |
| 28 height: 64px; | |
| 29 vertical-align: middle; | |
| 30 width: 64px; | |
| 31 } | |
| 32 | |
| 33 #user-image-grid > li { | |
| 34 border: 1px solid rgba(0, 0, 0, 0.15); | |
| 35 border-radius: 4px; | |
| 36 display: inline-block; | |
| 37 margin: 8px; | |
| 38 padding: 3px; | |
| 39 } | |
| 40 | |
| 41 #user-image-grid [selected] { | |
| 42 border: 2px solid rgb(0, 102, 204); | |
| 43 padding: 2px; | |
| 44 } | |
| 45 | |
| 46 /** | |
| 47 * #user-image-preview can have the following classes: | |
| 48 * .default-image: one of the default images is selected (including the grey | |
| 49 * silhouette); | |
| 50 * .profile-image: profile image is selected; | |
| 51 * .online: camera is streaming video; | |
| 52 * .camera: camera (live or photo) is selected; | |
| 53 * .live: camera is in live mode (no photo taken yet/last photo removed). | |
| 54 */ | |
| 55 | |
| 56 #user-image-preview { | |
| 57 display: inline-block; | |
| 58 margin-right: 10px; | |
| 59 margin-top: 20px; | |
| 60 max-width: 220px; | |
| 61 vertical-align: top; | |
| 62 } | |
| 63 | |
| 64 html[dir=rtl] #user-image-preview { | |
| 65 float: left; | |
| 66 } | |
| 67 | |
| 68 #user-image-preview .perspective-box { | |
| 69 -webkit-perspective: 600px; | |
| 70 } | |
| 71 | |
| 72 .user-image-preview-img { | |
| 73 display: block; | |
| 74 max-height: 220px; | |
| 75 max-width: 220px; | |
| 76 } | |
| 77 | |
| 78 [camera=webrtc] .camera.live .user-image-preview-img { | |
| 79 display: none; | |
| 80 } | |
| 81 | |
| 82 .default-image .user-image-preview-img { | |
| 83 background: white; | |
| 84 border: solid 1px #cacaca; | |
| 85 border-radius: 4px; | |
| 86 padding: 2px; | |
| 87 } | |
| 88 | |
| 89 .user-image-stream-area { | |
| 90 display: none; | |
| 91 position: relative; | |
| 92 } | |
| 93 | |
| 94 [camera=webrtc] .camera.live .user-image-stream-area { | |
| 95 display: block; | |
| 96 } | |
| 97 | |
| 98 #user-image-stream-crop { | |
| 99 /* TODO(ivankr): temporary workaround for crbug.com/142347. */ | |
| 100 -webkit-transform: rotateY(360deg); | |
| 101 -webkit-transition: -webkit-transform 200ms linear; | |
| 102 height: 220px; | |
| 103 overflow: hidden; | |
| 104 position: relative; | |
| 105 width: 220px; | |
| 106 } | |
| 107 | |
| 108 .flip-x #user-image-stream-crop { | |
| 109 -webkit-transform: rotateY(180deg); | |
| 110 } | |
| 111 | |
| 112 /* TODO(ivankr): specify dimensions from real capture size. */ | |
| 113 .user-image-stream { | |
| 114 border: solid 1px #cacaca; | |
| 115 height: 220px; | |
| 116 /* Center image for 4:3 aspect ratio. */ | |
| 117 left: -16.6%; | |
| 118 position: absolute; | |
| 119 visibility: hidden; | |
| 120 } | |
| 121 | |
| 122 .online .user-image-stream { | |
| 123 visibility: visible; | |
| 124 } | |
| 125 | |
| 126 .user-image-stream-area .spinner { | |
| 127 display: none; | |
| 128 left: 14px; | |
| 129 position: absolute; | |
| 130 top: 14px; | |
| 131 } | |
| 132 | |
| 133 html[dir=rtl] .user-image-stream-area .spinner { | |
| 134 left: auto; | |
| 135 right: 14px; | |
| 136 } | |
| 137 | |
| 138 .camera.live:not(.online) .user-image-stream-area .spinner { | |
| 139 display: block; | |
| 140 } | |
| 141 | |
| 142 #flip-photo { | |
| 143 -webkit-transition: opacity 75ms linear; | |
| 144 background: url('chrome://theme/IDR_MIRROR_FLIP') no-repeat; | |
| 145 border: none; | |
| 146 bottom: 8px; | |
| 147 display: block; | |
| 148 height: 32px; | |
| 149 opacity: 0; | |
| 150 position: absolute; | |
| 151 right: 8px; | |
| 152 width: 32px; | |
| 153 } | |
| 154 | |
| 155 html[dir=rtl] #flip-photo { | |
| 156 left: 8px; | |
| 157 right: auto; | |
| 158 } | |
| 159 | |
| 160 /* "Flip photo" button is hidden during flip animation. */ | |
| 161 .online:not(.animation) .user-image-stream-area:hover #flip-photo { | |
| 162 opacity: 0.75; | |
| 163 } | |
| 164 | |
| 165 #discard-photo, | |
| 166 #take-photo { | |
| 167 display: none; | |
| 168 height: 25px; | |
| 169 margin: 4px 1px; | |
| 170 padding: 0; | |
| 171 width: 220px; | |
| 172 } | |
| 173 | |
| 174 [camera=webrtc] .camera:not(.live) #discard-photo { | |
| 175 background: url('chrome://theme/IDR_USER_IMAGE_RECYCLE') | |
| 176 no-repeat center 0; | |
| 177 display: block; | |
| 178 } | |
| 179 | |
| 180 [camera=webrtc] .camera.live.online #take-photo { | |
| 181 background: url('chrome://theme/IDR_USER_IMAGE_CAPTURE') | |
| 182 no-repeat center -1px; | |
| 183 display: block; | |
| 184 } | |
| 185 | |
| 186 #user-image-attribution { | |
| 187 -webkit-padding-start: 34px; | |
| 188 line-height: 26px; | |
| 189 } | |
| 190 | |
| 191 #user-image-author-website { | |
| 192 -webkit-padding-start: 5px; | |
| 193 } | |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 10809005:
Options: Rename chrome/browser/resources/options2 -> chrome/browser/resources/options. (Closed)
Base URL: svn://svn.chromium.org/chrome/trunk/src