chrome/browser/resources/print_preview/previewarea/preview_area.css

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