| 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 |