| /* Copyright (c) 2012 The Chromium Authors. All rights reserved. |
| * Use of this source code is governed by a BSD-style license that can be |
| * found in the LICENSE file. */ |
| |
| #preview-area.preview-area { |
| -webkit-box-flex: 1; |
| -webkit-user-select: none; |
| background-color: #e6e6e6; |
| overflow: hidden; |
| position: relative; |
| } |
| |
| .preview-area-plugin-wrapper { |
| height: 100%; |
| position: absolute; |
| width: 100%; |
| } |
| |
| #preview-area .preview-area-plugin { |
| /* pluginFadeInTransitionDuration = 200ms */ |
| -webkit-transition: opacity 200ms linear; |
| /* pluginFadeInTransitionDelay = overlayFadeOutTransitionDuration = 100ms */ |
| -webkit-transition-delay: 100ms; |
| cursor: inherit; |
| height: 100%; |
| opacity: 1; |
| width: 100%; |
| } |
| |
| #preview-area .preview-area-plugin.invisible { |
| /* pluginFadeOutTransitionDuration = 100ms */ |
| -webkit-transition: opacity 100ms linear; |
| /* pluginFadeOutTransitionDelay = 250ms */ |
| -webkit-transition-delay: 250ms; |
| opacity: 0; |
| } |
| |
| #preview-area .preview-area-overlay-layer { |
| -webkit-transition: opacity 200ms linear; |
| /* overlayFadeInTransitionDelay = pluginFadeOutTransitionDelay + |
| * pluginFadeOutTransitionDuration = 350ms */ |
| -webkit-transition-delay: 350ms; |
| -webkit-user-select: none; |
| background: #e6e6e6; |
| height: 100%; |
| margin: 0; |
| opacity: 1; |
| position: absolute; |
| width: 100%; |
| z-index: 1; |
| } |
| |
| #preview-area .preview-area-overlay-layer.invisible { |
| /* overlayFadeOutTransitionDuration = 100ms */ |
| -webkit-transition: opacity 100ms linear; |
| opacity: 0; |
| pointer-events: none; |
| } |
| |
| #preview-area .preview-area-messages { |
| height: 100%; |
| } |
| |
| #preview-area .preview-area-message { |
| color: #404040; |
| font-size: 1.1em; |
| position: relative; |
| text-align: center; |
| text-shadow: 0 1px 0 rgba(255, 255, 255, .5); |
| top: 50%; |
| } |
| |
| #preview-area .preview-area-no-plugin-action-area { |
| margin-top: 12px; |
| } |
| |
| #preview-area .preview-area-open-system-dialog-button-throbber { |
| vertical-align: middle; |
| } |