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

Side by Side Diff: chrome/browser/resources/print_preview/print_preview.css

Issue 2689163002: Remove webkit prefixes for CSS Animation in chrome/ styles (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 141 matching lines...) Expand 10 before | Expand all | Expand 10 after
152 display: block; 152 display: block;
153 font-size: 0.9em; 153 font-size: 0.9em;
154 font-weight: bold; 154 font-weight: bold;
155 height: 0; 155 height: 0;
156 line-height: 10px; 156 line-height: 10px;
157 margin: 0; 157 margin: 0;
158 overflow: hidden; 158 overflow: hidden;
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; 173 -webkit-transition: margin 150ms, height 150ms, opacity 150ms;
174 background: transparent; 174 background: transparent;
175 height: 0 !important; 175 height: 0 !important;
176 margin: 0; 176 margin: 0;
177 opacity: 0; 177 opacity: 0;
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; 192 -webkit-transition: margin 150ms, height 150ms, opacity 150ms;
193 height: 0 !important; 193 height: 0 !important;
194 opacity: 0; 194 opacity: 0;
195 overflow: hidden; 195 overflow: hidden;
196 } 196 }
197 197
(...skipping 17 matching lines...) Expand all
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, 236 -webkit-transition: padding-top 100ms, height 100ms, opacity 200ms,
237 background 300ms; 237 background 300ms;
238 height: 0 !important; 238 height: 0 !important;
239 opacity: 0; 239 opacity: 0;
240 overflow: hidden; 240 overflow: hidden;
241 padding-top: 0; 241 padding-top: 0;
242 position: static; 242 position: static;
243 visibility: visible; 243 visibility: visible;
244 } 244 }
245 245
246 /* Individual settings sections */ 246 /* Individual settings sections */
247 247
248 /* TODO(estade): this should be in a shared location but I'm afraid of the 248 /* TODO(estade): this should be in a shared location but I'm afraid of the
249 * damage it could do. */ 249 * damage it could do. */
250 [hidden] { 250 [hidden] {
251 display: none !important; 251 display: none !important;
252 } 252 }
253 253
254 @-webkit-keyframes dancing-dots-jump { 254 @keyframes dancing-dots-jump {
255 0% { top: 0; } 255 0% { top: 0; }
256 55% { top: 0; } 256 55% { top: 0; }
257 60% { top: -10px; } 257 60% { top: -10px; }
258 80% { top: 3px; } 258 80% { top: 3px; }
259 90% { top: -2px; } 259 90% { top: -2px; }
260 95% { top: 1px; } 260 95% { top: 1px; }
261 100% { top: 0; } 261 100% { top: 0; }
262 } 262 }
263 263
264 span.jumping-dots > span { 264 span.jumping-dots > span {
265 -webkit-animation: dancing-dots-jump 1800ms infinite; 265 animation: dancing-dots-jump 1800ms infinite;
266 padding: 1px; 266 padding: 1px;
267 position: relative; 267 position: relative;
268 } 268 }
269 269
270 span.jumping-dots > span:nth-child(2) { 270 span.jumping-dots > span:nth-child(2) {
271 -webkit-animation-delay: 100ms; 271 animation-delay: 100ms;
272 } 272 }
273 273
274 span.jumping-dots > span:nth-child(3) { 274 span.jumping-dots > span:nth-child(3) {
275 -webkit-animation-delay: 300ms; 275 animation-delay: 300ms;
276 } 276 }
277 277
278 #print-header .button-strip { 278 #print-header .button-strip {
279 -webkit-box-orient: horizontal; 279 -webkit-box-orient: horizontal;
280 -webkit-box-pack: end; 280 -webkit-box-pack: end;
281 display: -webkit-box; 281 display: -webkit-box;
282 } 282 }
283 283
284 #print-header .button-strip button { 284 #print-header .button-strip button {
285 -webkit-margin-start: 9px; 285 -webkit-margin-start: 9px;
(...skipping 29 matching lines...) Expand all
315 :enabled:focus:-webkit-any(input[type='checkbox'], 315 :enabled:focus:-webkit-any(input[type='checkbox'],
316 input[type='radio'], 316 input[type='radio'],
317 button) { 317 button) {
318 /* Cancel border-color for :focus specified in widgets.css. */ 318 /* Cancel border-color for :focus specified in widgets.css. */
319 border-color: rgba(0,0,0,0.25); 319 border-color: rgba(0,0,0,0.25);
320 } 320 }
321 321
322 html:not(.focus-outline-visible) [is='action-link']:focus { 322 html:not(.focus-outline-visible) [is='action-link']:focus {
323 outline: none; 323 outline: none;
324 } 324 }
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698