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

Side by Side Diff: chrome/browser/resources/print_preview/print_preview.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 html { 5 html {
6 height: 100%; 6 height: 100%;
7 overflow: hidden; 7 overflow: hidden;
8 } 8 }
9 9
10 body { 10 body {
(...skipping 83 matching lines...) Expand 10 before | Expand all | Expand 10 after
94 } 94 }
95 95
96 .two-column.visible .left-column, 96 .two-column.visible .left-column,
97 .two-column.visible .right-column { 97 .two-column.visible .right-column {
98 padding-bottom: 5px; 98 padding-bottom: 5px;
99 padding-top: 5px; 99 padding-top: 5px;
100 } 100 }
101 101
102 .two-column:not(.visible) .left-column, 102 .two-column:not(.visible) .left-column,
103 .two-column:not(.visible) .right-column { 103 .two-column:not(.visible) .right-column {
104 -webkit-transition: padding-bottom 150ms, padding-top 150ms;
105 padding-bottom: 0; 104 padding-bottom: 0;
106 padding-top: 0; 105 padding-top: 0;
106 transition: padding-bottom 150ms, padding-top 150ms;
107 } 107 }
108 108
109 .two-column:not(.visible) select { 109 .two-column:not(.visible) select {
110 border-top-width: 0; 110 border-top-width: 0;
111 margin-top: 0; 111 margin-top: 0;
112 padding-top: 0; 112 padding-top: 0;
113 } 113 }
114 114
115 p { 115 p {
116 -webkit-line-box-contain: block; 116 -webkit-line-box-contain: block;
(...skipping 23 matching lines...) Expand all
140 #print-preview button.default { 140 #print-preview button.default {
141 font-kerning: none; 141 font-kerning: none;
142 font-weight: bold; 142 font-weight: bold;
143 } 143 }
144 144
145 #print-preview button.default:not(:focus):not(:disabled) { 145 #print-preview button.default:not(:focus):not(:disabled) {
146 border-color: #808080; 146 border-color: #808080;
147 } 147 }
148 148
149 span.hint { 149 span.hint {
150 -webkit-transition: color 200ms;
151 background: white; 150 background: white;
152 display: block; 151 display: block;
153 font-size: 0.9em; 152 font-size: 0.9em;
154 font-weight: bold; 153 font-weight: bold;
155 height: 0; 154 height: 0;
156 line-height: 10px; 155 line-height: 10px;
157 margin: 0; 156 margin: 0;
158 overflow: hidden; 157 overflow: hidden;
158 transition: color 200ms;
159 } 159 }
160 160
161 span.hint.visible { 161 span.hint.visible {
162 -webkit-animation-duration: 200ms;
163 -webkit-animation-fill-mode: forwards;
164 -webkit-user-select: text; 162 -webkit-user-select: text;
163 animation-duration: 200ms;
164 animation-fill-mode: forwards;
165 color: rgb(140, 20, 20); 165 color: rgb(140, 20, 20);
166 height: auto; 166 height: auto;
167 margin-bottom: -5px; 167 margin-bottom: -5px;
168 margin-top: 5px; 168 margin-top: 5px;
169 padding-bottom: 5px; 169 padding-bottom: 5px;
170 } 170 }
171 171
172 span.hint.closing { 172 span.hint.closing {
173 -webkit-transition: margin 150ms, height 150ms, opacity 150ms;
174 background: transparent; 173 background: transparent;
175 height: 0 !important; 174 height: 0 !important;
176 margin: 0; 175 margin: 0;
177 opacity: 0; 176 opacity: 0;
177 transition: margin 150ms, height 150ms, opacity 150ms;
178 } 178 }
179 179
180 .collapsible { 180 .collapsible {
181 height: 0; 181 height: 0;
182 position: relative; 182 position: relative;
183 } 183 }
184 184
185 .collapsible.visible { 185 .collapsible.visible {
186 -webkit-animation-duration: 200ms; 186 animation-duration: 200ms;
187 -webkit-animation-fill-mode: forwards; 187 animation-fill-mode: forwards;
188 height: auto; 188 height: auto;
189 } 189 }
190 190
191 .collapsible.closing { 191 .collapsible.closing {
192 -webkit-transition: margin 150ms, height 150ms, opacity 150ms;
193 height: 0 !important; 192 height: 0 !important;
194 opacity: 0; 193 opacity: 0;
195 overflow: hidden; 194 overflow: hidden;
195 transition: margin 150ms, height 150ms, opacity 150ms;
196 } 196 }
197 197
198 .collapsible.closing > * { 198 .collapsible.closing > * {
199 position: absolute; 199 position: absolute;
200 } 200 }
201 201
202 select { 202 select {
203 width: 100%; 203 width: 100%;
204 } 204 }
205 205
206 label { 206 label {
207 -webkit-user-select: none; 207 -webkit-user-select: none;
208 } 208 }
209 209
210 .hidden-section { 210 .hidden-section {
211 background: white; 211 background: white;
212 position: relative; 212 position: relative;
213 } 213 }
214 214
215 .extra { 215 .extra {
216 background: white; 216 background: white;
217 height: 0; 217 height: 0;
218 opacity: 0; 218 opacity: 0;
219 padding-top: 0; 219 padding-top: 0;
220 position: absolute; 220 position: absolute;
221 visibility: hidden; 221 visibility: hidden;
222 } 222 }
223 223
224 .visible .extra { 224 .visible .extra {
225 -webkit-animation-duration: 200ms; 225 animation-duration: 200ms;
226 -webkit-animation-fill-mode: forwards; 226 animation-fill-mode: forwards;
227 height: auto; 227 height: auto;
228 opacity: 1; 228 opacity: 1;
229 overflow: hidden; 229 overflow: hidden;
230 padding-bottom: 0; 230 padding-bottom: 0;
231 position: static; 231 position: static;
232 visibility: visible; 232 visibility: visible;
233 } 233 }
234 234
235 .closing .extra { 235 .closing .extra {
236 -webkit-transition: padding-top 100ms, height 100ms, opacity 200ms,
237 background 300ms;
238 height: 0 !important; 236 height: 0 !important;
239 opacity: 0; 237 opacity: 0;
240 overflow: hidden; 238 overflow: hidden;
241 padding-top: 0; 239 padding-top: 0;
242 position: static; 240 position: static;
241 transition: padding-top 100ms, height 100ms, opacity 200ms, background 300ms;
243 visibility: visible; 242 visibility: visible;
244 } 243 }
245 244
246 /* Individual settings sections */ 245 /* Individual settings sections */
247 246
248 /* TODO(estade): this should be in a shared location but I'm afraid of the 247 /* TODO(estade): this should be in a shared location but I'm afraid of the
249 * damage it could do. */ 248 * damage it could do. */
250 [hidden] { 249 [hidden] {
251 display: none !important; 250 display: none !important;
252 } 251 }
253 252
254 @-webkit-keyframes dancing-dots-jump { 253 @keyframes dancing-dots-jump {
255 0% { top: 0; } 254 0% { top: 0; }
256 55% { top: 0; } 255 55% { top: 0; }
257 60% { top: -10px; } 256 60% { top: -10px; }
258 80% { top: 3px; } 257 80% { top: 3px; }
259 90% { top: -2px; } 258 90% { top: -2px; }
260 95% { top: 1px; } 259 95% { top: 1px; }
261 100% { top: 0; } 260 100% { top: 0; }
262 } 261 }
263 262
264 span.jumping-dots > span { 263 span.jumping-dots > span {
265 -webkit-animation: dancing-dots-jump 1800ms infinite; 264 animation: dancing-dots-jump 1800ms infinite;
266 padding: 1px; 265 padding: 1px;
267 position: relative; 266 position: relative;
268 } 267 }
269 268
270 span.jumping-dots > span:nth-child(2) { 269 span.jumping-dots > span:nth-child(2) {
271 -webkit-animation-delay: 100ms; 270 animation-delay: 100ms;
272 } 271 }
273 272
274 span.jumping-dots > span:nth-child(3) { 273 span.jumping-dots > span:nth-child(3) {
275 -webkit-animation-delay: 300ms; 274 animation-delay: 300ms;
276 } 275 }
277 276
278 #print-header .button-strip { 277 #print-header .button-strip {
279 -webkit-box-orient: horizontal; 278 -webkit-box-orient: horizontal;
280 -webkit-box-pack: end; 279 -webkit-box-pack: end;
281 display: -webkit-box; 280 display: -webkit-box;
282 } 281 }
283 282
284 #print-header .button-strip button { 283 #print-header .button-strip button {
285 -webkit-margin-start: 9px; 284 -webkit-margin-start: 9px;
(...skipping 29 matching lines...) Expand all
315 :enabled:focus:-webkit-any(input[type='checkbox'], 314 :enabled:focus:-webkit-any(input[type='checkbox'],
316 input[type='radio'], 315 input[type='radio'],
317 button) { 316 button) {
318 /* Cancel border-color for :focus specified in widgets.css. */ 317 /* Cancel border-color for :focus specified in widgets.css. */
319 border-color: rgba(0,0,0,0.25); 318 border-color: rgba(0,0,0,0.25);
320 } 319 }
321 320
322 html:not(.focus-outline-visible) [is='action-link']:focus { 321 html:not(.focus-outline-visible) [is='action-link']:focus {
323 outline: none; 322 outline: none;
324 } 323 }
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698