Switch global error menu icon to vectorized MD asset
[chromium-blink-merge.git] / chrome / browser / resources / print_preview / previewarea / margin_control.css
blob747be8993ae0a1aa75c399f1928e40a457f03d89
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. */
5 #preview-area .margin-control {
6 -webkit-transition: opacity 150ms linear;
7 position: absolute;
10 #preview-area .margin-control.invisible {
11 opacity: 0;
12 pointer-events: none;
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%;
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;
29 #preview-area .margin-control.margin-control-disabled {
30 cursor: default;
33 #preview-area .margin-control-line {
34 border-color: rgb(64, 128, 250);
35 border-style: dashed;
36 border-width: 1px;
39 #preview-area .margin-control-disabled .margin-control-line {
40 border-color: gray;
43 #preview-area .margin-control-top .margin-control-line,
44 #preview-area .margin-control-bottom .margin-control-line {
45 width: 100%;
48 #preview-area .margin-control-left .margin-control-line,
49 #preview-area .margin-control-right .margin-control-line {
50 height: 100%;
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-size: 0.8em;
60 height: 25px;
61 padding: 5px 0;
62 position: absolute;
63 text-align: center;
64 width: 60px;
67 #preview-area .margin-control-textbox.invalid {
68 background-color: rgb(193, 27, 23);
71 #preview-area .margin-control-top .margin-control-textbox {
72 left: 50%;
73 top: 8px;
76 #preview-area .margin-control-right .margin-control-textbox {
77 right: 8px;
78 top: 50%;
81 #preview-area .margin-control-bottom .margin-control-textbox {
82 bottom: 8px;
83 right: 50%;
86 #preview-area .margin-control-left .margin-control-textbox {
87 bottom: 50%;
88 left: 8px;