| OLD | NEW |
| 1 /* Copyright (c) 2012 The Chromium Authors. All rights reserved. | 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 | 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 #preview-area.preview-area { | 5 #preview-area.preview-area { |
| 6 -webkit-box-flex: 1; | 6 -webkit-box-flex: 1; |
| 7 -webkit-user-select: none; | 7 -webkit-user-select: none; |
| 8 background-color: #ccc; | 8 background-color: #e6e6e6; |
| 9 overflow: hidden; | 9 overflow: hidden; |
| 10 position: relative; | 10 position: relative; |
| 11 } | 11 } |
| 12 | 12 |
| 13 .preview-area-plugin-wrapper { | 13 .preview-area-plugin-wrapper { |
| 14 height: 100%; | 14 height: 100%; |
| 15 position: absolute; | 15 position: absolute; |
| 16 width: 100%; | 16 width: 100%; |
| 17 } | 17 } |
| 18 | 18 |
| (...skipping 15 matching lines...) Expand all Loading... |
| 34 -webkit-transition-delay: 250ms; | 34 -webkit-transition-delay: 250ms; |
| 35 opacity: 0; | 35 opacity: 0; |
| 36 } | 36 } |
| 37 | 37 |
| 38 #preview-area .preview-area-overlay-layer { | 38 #preview-area .preview-area-overlay-layer { |
| 39 -webkit-transition: opacity 200ms linear; | 39 -webkit-transition: opacity 200ms linear; |
| 40 /* overlayFadeInTransitionDelay = pluginFadeOutTransitionDelay + | 40 /* overlayFadeInTransitionDelay = pluginFadeOutTransitionDelay + |
| 41 * pluginFadeOutTransitionDuration = 350ms */ | 41 * pluginFadeOutTransitionDuration = 350ms */ |
| 42 -webkit-transition-delay: 350ms; | 42 -webkit-transition-delay: 350ms; |
| 43 -webkit-user-select: none; | 43 -webkit-user-select: none; |
| 44 background: #ccc; | 44 background: #e6e6e6; |
| 45 height: 100%; | 45 height: 100%; |
| 46 margin: 0; | 46 margin: 0; |
| 47 opacity: 1; | 47 opacity: 1; |
| 48 position: absolute; | 48 position: absolute; |
| 49 width: 100%; | 49 width: 100%; |
| 50 z-index: 1; | 50 z-index: 1; |
| 51 } | 51 } |
| 52 | 52 |
| 53 #preview-area .preview-area-overlay-layer.invisible { | 53 #preview-area .preview-area-overlay-layer.invisible { |
| 54 /* overlayFadeOutTransitionDuration = 100ms */ | 54 /* overlayFadeOutTransitionDuration = 100ms */ |
| (...skipping 15 matching lines...) Expand all Loading... |
| 70 top: 50%; | 70 top: 50%; |
| 71 } | 71 } |
| 72 | 72 |
| 73 #preview-area .preview-area-no-plugin-action-area { | 73 #preview-area .preview-area-no-plugin-action-area { |
| 74 margin-top: 12px; | 74 margin-top: 12px; |
| 75 } | 75 } |
| 76 | 76 |
| 77 #preview-area .preview-area-open-system-dialog-button-throbber { | 77 #preview-area .preview-area-open-system-dialog-button-throbber { |
| 78 vertical-align: middle; | 78 vertical-align: middle; |
| 79 } | 79 } |
| OLD | NEW |