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