Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(505)

Side by Side Diff: chrome/browser/resources/print_preview/previewarea/preview_area.css

Issue 10108001: Refactor print preview web ui (Closed) Base URL: svn://svn.chromium.org/chrome/trunk/src
Patch Set: Review feedback Created 8 years, 8 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch | Annotate | Revision Log
OLDNEW
(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 }
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698