OLD | NEW |
(Empty) | |
| 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 |
| 3 * found in the LICENSE file. |
| 4 */ |
| 5 |
| 6 #preview-area.preview-area { |
| 7 -webkit-margin-start: 310px; |
| 8 -webkit-padding-start: 0; |
| 9 -webkit-user-select: none; |
| 10 background-color: #ccc; |
| 11 height: 100%; |
| 12 overflow: hidden; |
| 13 position: relative; |
| 14 } |
| 15 |
| 16 #preview-area .preview-area-plugin { |
| 17 /* pluginFadeInTransitionDuration = 200ms */ |
| 18 -webkit-transition: opacity 200ms linear; |
| 19 /* pluginFadeInTransitionDelay = overlayFadeOutTransitionDuration = 100ms */ |
| 20 -webkit-transition-delay: 100ms; |
| 21 height: 100%; |
| 22 opacity: 1; |
| 23 width: 100%; |
| 24 } |
| 25 |
| 26 #preview-area .preview-area-plugin.invisible { |
| 27 /* pluginFadeOutTransitionDuration = 100ms */ |
| 28 -webkit-transition: opacity 100ms linear; |
| 29 /* pluginFadeOutTransitionDelay = 250ms */ |
| 30 -webkit-transition-delay: 250ms; |
| 31 opacity: 0; |
| 32 } |
| 33 |
| 34 #preview-area .preview-area-overlay-layer { |
| 35 -webkit-transition: opacity 200ms linear; |
| 36 /* overlayFadeInTransitionDelay = pluginFadeOutTransitionDelay + |
| 37 * pluginFadeOutTransitionDuration = 350ms */ |
| 38 -webkit-transition-delay: 350ms; |
| 39 -webkit-user-select: none; |
| 40 background: #ccc; |
| 41 bottom: 0; |
| 42 height: 100%; |
| 43 left: 0; |
| 44 margin: 0; |
| 45 opacity: 1; |
| 46 position: absolute; |
| 47 right: 0; |
| 48 top: 0; |
| 49 } |
| 50 |
| 51 #preview-area .preview-area-overlay-layer.invisible { |
| 52 /* overlayFadeOutTransitionDuration = 100ms */ |
| 53 -webkit-transition: opacity 100ms linear; |
| 54 opacity: 0; |
| 55 pointer-events: none; |
| 56 } |
| 57 |
| 58 #preview-area .preview-area-messages { |
| 59 height: 100%; |
| 60 } |
| 61 |
| 62 #preview-area .preview-area-message { |
| 63 color: #404040; |
| 64 font-size: 1.1em; |
| 65 position: relative; |
| 66 text-align: center; |
| 67 text-shadow: 0 1px 0 rgba(255, 255, 255, .5); |
| 68 top: 50%; |
| 69 } |
| 70 |
| 71 #preview-area .preview-area-no-plugin-action-area { |
| 72 margin-top: 12px; |
| 73 } |
| 74 |
| 75 #preview-area .preview-area-open-system-dialog-button-throbber { |
| 76 vertical-align: middle; |
| 77 } |
OLD | NEW |