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

Side by Side Diff: chrome/browser/resources/print_preview/margins.css

Issue 10108001: Refactor print preview web ui (Closed) Base URL: svn://svn.chromium.org/chrome/trunk/src
Patch Set: Resolve conflicts 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 #print-preview .margin-box {
6 background-color: #2a2a2a;
7 border: 1px solid #888;
8 box-sizing: border-box;
9 color: white;
10 cursor: auto;
11 font-family: arial;
12 font-size: 0.8em;
13 height: 25px;
14 left: 50%;
15 padding: 5px 10px;
16 position: absolute;
17 text-align: center;
18 top: 50%;
19 width: 60px;
20 }
21
22 .margins-ui-pair.top .margin-box,
23 .margins-ui-pair.bottom .margin-box {
24 /* -width / 2 + 1 for the margin border */
25 margin-left: -30px;
26 }
27
28 .margins-ui-pair.left .margin-box,
29 .margins-ui-pair.right .margin-box {
30 /* -height / 2 */
31 margin-top: -12px;
32 }
33
34 .margins-ui-pair.bottom .margin-box {
35 /* -height + 1 */
36 margin-top: -23px;
37 }
38
39 .margins-ui-pair.right .margin-box {
40 /* -width - 2 */
41 margin-left: -58px;
42 }
43
44 .margin-box.invalid {
45 background-color: rgb(193, 27, 23);
46 }
47
48 .margins-ui-pair {
49 background-color: transparent;
50 border-color: transparent;
51 position: absolute;
52 }
53
54 .margins-ui-pair.right,
55 .margins-ui-pair.left {
56 cursor: ew-resize;
57 }
58
59 .margins-ui-pair.top,
60 .margins-ui-pair.bottom {
61 cursor: ns-resize;
62 }
63
64 .margins-ui-pair.dragging {
65 z-index: 1;
66 }
67
68 .margin-line {
69 border-color: rgb(64, 128, 250);
70 border-style: dashed;
71 border-width: 1px;
72 pointer-events: none;
73 position: absolute;
74 }
75
76 .margins-ui-pair.top .margin-line,
77 .margins-ui-pair.bottom .margin-line {
78 height: 0;
79 left: 0;
80 top: 50%;
81 width: 100%;
82 }
83
84 .margins-ui-pair.left .margin-line,
85 .margins-ui-pair.right .margin-line {
86 height: 100%;
87 left: 50%;
88 top: 0;
89 width: 0;
90 }
91
92 #customized-margins {
93 position: absolute;
94 top: 0;
95 }
96
97 #customized-margins.invisible {
98 opacity: 0;
99 pointer-events: none;
100 }
OLDNEW
« no previous file with comments | « chrome/browser/resources/print_preview/margin_utils.js ('k') | chrome/browser/resources/print_preview/margins_ui.js » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698