Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(294)

Side by Side Diff: chrome/browser/resources/options/chromeos/change_picture_options.css

Issue 2535573002: Reduce usage of webkit CSS prefixes in chrome/browser/resources (Closed)
Patch Set: rebase Created 3 years, 10 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
OLDNEW
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
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
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 }
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698