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

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

Issue 10108001: Refactor print preview web ui (Closed) Base URL: svn://svn.chromium.org/chrome/trunk/src
Patch Set: Address reviewer comments Created 8 years, 7 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 .margin-control {
7 -webkit-transition: opacity 150ms linear;
8 position: absolute;
9 }
10
11 #preview-area .margin-control.invisible {
12 opacity: 0;
13 pointer-events: none;
14 }
15
16 #preview-area .margin-control.margin-control-top,
17 #preview-area .margin-control.margin-control-bottom {
18 cursor: ns-resize;
19 padding: 8px 0;
20 width: 100%;
21 }
22
23 #preview-area .margin-control.margin-control-left,
24 #preview-area .margin-control.margin-control-right {
25 cursor: ew-resize;
26 height: 100%;
27 padding: 0 8px;
28 }
29
30 #preview-area .margin-control.margin-control-disabled {
31 cursor: default;
32 }
33
34 #preview-area .margin-control-line {
35 border-color: rgb(64, 128, 250);
36 border-width: 2px;
37 }
38
39 #preview-area .margin-control-disabled .margin-control-line {
40 border-color: gray;
41 }
42
43 #preview-area .margin-control-top .margin-control-line,
44 #preview-area .margin-control-bottom .margin-control-line {
45 border-style: dashed none none none;
46 width: 100%;
47 }
48
49 #preview-area .margin-control-left .margin-control-line,
50 #preview-area .margin-control-right .margin-control-line {
51 border-style: none none none dashed;
52 height: 100%;
53 }
54
55 #preview-area .margin-control-textbox {
56 background-color: #2a2a2a;
57 color: white;
58 position: absolute;
59 width: 60px;
60 }
61
62 #preview-area .margin-control-textbox.invalid {
63 background-color: rgb(193, 27, 23);
64 }
65
66 #preview-area .margin-control-top .margin-control-textbox {
67 left: 50%;
68 top: 0;
69 }
70
71 #preview-area .margin-control-right .margin-control-textbox {
72 right: 0;
73 top: 50%;
74 }
75
76 #preview-area .margin-control-bottom .margin-control-textbox {
77 bottom: 0;
78 right: 50%;
79 }
80
81 #preview-area .margin-control-left .margin-control-textbox {
82 bottom: 50%;
83 left: 0;
84 }
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698