OLD | NEW |
1 /* Copyright (c) 2011 The Chromium Authors. All rights reserved. | 1 /* Copyright (c) 2011 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 | 5 |
6 html { | 6 html { |
7 height: 100%; | 7 height: 100%; |
8 } | 8 } |
9 | 9 |
10 body { | 10 body { |
(...skipping 292 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
303 | 303 |
304 #print-preview #mainview { | 304 #print-preview #mainview { |
305 -webkit-margin-start: 310px; | 305 -webkit-margin-start: 310px; |
306 -webkit-padding-start: 0; | 306 -webkit-padding-start: 0; |
307 -webkit-user-select: none; | 307 -webkit-user-select: none; |
308 background-color: #ccc; | 308 background-color: #ccc; |
309 overflow: hidden; | 309 overflow: hidden; |
310 } | 310 } |
311 | 311 |
312 #pdf-viewer { | 312 #pdf-viewer { |
313 /* pluginFadeInTransitionDuration = 0.2s */ | 313 /* pluginFadeInTransitionDuration = 200ms */ |
314 -webkit-transition: opacity 0.2s linear; | 314 -webkit-transition: opacity 200ms linear; |
315 /* pluginFadeInTransitionDelay = overlayFadeOutTransitionDuration = 0.1s */ | 315 /* pluginFadeInTransitionDelay = overlayFadeOutTransitionDuration = 100ms */ |
316 -webkit-transition-delay: 0.1s; | 316 -webkit-transition-delay: 100ms; |
317 height: 100%; | 317 height: 100%; |
318 opacity: 1; | 318 opacity: 1; |
319 width: 100%; | 319 width: 100%; |
320 } | 320 } |
321 | 321 |
322 #pdf-viewer.invisible { | 322 #pdf-viewer.invisible { |
323 /* pluginFadeOutTransitionDuration = 0.1s */ | 323 /* pluginFadeOutTransitionDuration = 100ms */ |
324 -webkit-transition: opacity 0.1s linear; | 324 -webkit-transition: opacity 100ms linear; |
325 /* pluginFadeOutTransitionDelay = 0.25s */ | 325 /* pluginFadeOutTransitionDelay = 250ms */ |
326 -webkit-transition-delay: 0.25s; | 326 -webkit-transition-delay: 250ms; |
327 opacity: 0; | 327 opacity: 0; |
328 } | 328 } |
329 | 329 |
330 #no-plugin { | 330 #no-plugin { |
331 padding: 20px; | 331 padding: 20px; |
332 } | 332 } |
333 | 333 |
334 /* TODO(estade): this should be in a shared location but I'm afraid of the | 334 /* TODO(estade): this should be in a shared location but I'm afraid of the |
335 * damage it could do. */ | 335 * damage it could do. */ |
336 [hidden] { | 336 [hidden] { |
337 display: none !important; | 337 display: none !important; |
338 } | 338 } |
339 | 339 |
340 #overlay-layer { | 340 #overlay-layer { |
341 -webkit-transition: opacity 0.2s linear; | 341 -webkit-transition: opacity 200ms linear; |
342 /* overlayFadeInTransitionDelay = pluginFadeOutTransitionDelay + | 342 /* overlayFadeInTransitionDelay = pluginFadeOutTransitionDelay + |
343 * pluginFadeOutTransitionDuration = 0.35s */ | 343 * pluginFadeOutTransitionDuration = 350ms */ |
344 -webkit-transition-delay: 0.35s; | 344 -webkit-transition-delay: 350ms; |
345 -webkit-user-select: none; | 345 -webkit-user-select: none; |
346 background: #cccccc; | 346 background: #cccccc; |
347 height: 100%; | 347 height: 100%; |
348 margin: 0; | 348 margin: 0; |
349 opacity: 1; | 349 opacity: 1; |
350 position: absolute; | 350 position: absolute; |
351 width: 100%; | 351 width: 100%; |
352 } | 352 } |
353 | 353 |
354 #overlay-layer.invisible { | 354 #overlay-layer.invisible { |
355 /* overlayFadeOutTransitionDuration = 0.1s */ | 355 /* overlayFadeOutTransitionDuration = 100ms */ |
356 -webkit-transition: opacity 0.1s linear; | 356 -webkit-transition: opacity 100ms linear; |
357 opacity: 0; | 357 opacity: 0; |
358 pointer-events: none; | 358 pointer-events: none; |
359 } | 359 } |
360 | 360 |
361 #messages { | 361 #messages { |
362 color: #404040; | 362 color: #404040; |
363 font-size: 13px; | 363 font-size: 13px; |
364 position: relative; | 364 position: relative; |
365 text-align: center; | 365 text-align: center; |
366 text-shadow: 0 1px 0 rgba(255, 255, 255, .5); | 366 text-shadow: 0 1px 0 rgba(255, 255, 255, .5); |
(...skipping 42 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
409 /* TODO(estade): unfork this code. */ | 409 /* TODO(estade): unfork this code. */ |
410 .button-strip { | 410 .button-strip { |
411 -webkit-box-orient: horizontal; | 411 -webkit-box-orient: horizontal; |
412 -webkit-box-pack: end; | 412 -webkit-box-pack: end; |
413 display: -webkit-box; | 413 display: -webkit-box; |
414 } | 414 } |
415 | 415 |
416 html[toolkit=views] .button-strip { | 416 html[toolkit=views] .button-strip { |
417 -webkit-box-direction: reverse; | 417 -webkit-box-direction: reverse; |
418 } | 418 } |
OLD | NEW |