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 .margin-control {
6  -webkit-transition: opacity 150ms linear;
7  position: absolute;
8}
9
10#preview-area .margin-control.invisible {
11  opacity: 0;
12  pointer-events: none;
13}
14
15#preview-area .margin-control.margin-control-top,
16#preview-area .margin-control.margin-control-bottom {
17  cursor: ns-resize;
18  padding: 8px 0;
19  width: 100%;
20}
21
22#preview-area .margin-control.margin-control-left,
23#preview-area .margin-control.margin-control-right {
24  cursor: ew-resize;
25  height: 100%;
26  padding: 0 8px;
27}
28
29#preview-area .margin-control.margin-control-disabled {
30  cursor: default;
31}
32
33#preview-area .margin-control-line {
34  border-color: rgb(64, 128, 250);
35  border-style: dashed;
36  border-width: 1px;
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  width: 100%;
46}
47
48#preview-area .margin-control-left .margin-control-line,
49#preview-area .margin-control-right .margin-control-line {
50  height: 100%;
51}
52
53#preview-area .margin-control-textbox {
54  background-color: #2a2a2a;
55  border: 1px solid #888;
56  box-sizing: border-box;
57  color: white;
58  cursor: auto;
59  font-family: arial;
60  font-size: 0.8em;
61  height: 25px;
62  padding: 5px 0;
63  position: absolute;
64  text-align: center;
65  width: 60px;
66}
67
68#preview-area .margin-control-textbox.invalid {
69  background-color: rgb(193, 27, 23);
70}
71
72#preview-area .margin-control-top .margin-control-textbox {
73  left: 50%;
74  top: 8px;
75}
76
77#preview-area .margin-control-right .margin-control-textbox {
78  right: 8px;
79  top: 50%;
80}
81
82#preview-area .margin-control-bottom .margin-control-textbox {
83  bottom: 8px;
84  right: 50%;
85}
86
87#preview-area .margin-control-left .margin-control-textbox {
88  bottom: 50%;
89  left: 8px;
90}
91