1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89
|
/* Copyright (c) 2012 The Chromium Authors. All rights reserved.
* Use of this source code is governed by a BSD-style license that can be
* found in the LICENSE file. */
#preview-area .margin-control {
-webkit-transition: opacity 150ms linear;
position: absolute;
}
#preview-area .margin-control.invisible {
opacity: 0;
pointer-events: none;
}
#preview-area .margin-control.margin-control-top,
#preview-area .margin-control.margin-control-bottom {
cursor: ns-resize;
padding: 8px 0;
width: 100%;
}
#preview-area .margin-control.margin-control-left,
#preview-area .margin-control.margin-control-right {
cursor: ew-resize;
height: 100%;
padding: 0 8px;
}
#preview-area .margin-control.margin-control-disabled {
cursor: default;
}
#preview-area .margin-control-line {
border-color: rgb(64, 128, 250);
border-style: dashed;
border-width: 1px;
}
#preview-area .margin-control-disabled .margin-control-line {
border-color: gray;
}
#preview-area .margin-control-top .margin-control-line,
#preview-area .margin-control-bottom .margin-control-line {
width: 100%;
}
#preview-area .margin-control-left .margin-control-line,
#preview-area .margin-control-right .margin-control-line {
height: 100%;
}
#preview-area .margin-control-textbox {
background-color: #2a2a2a;
border: 1px solid #888;
box-sizing: border-box;
color: white;
cursor: auto;
font-size: 0.8em;
height: 25px;
padding: 5px 0;
position: absolute;
text-align: center;
width: 60px;
}
#preview-area .margin-control-textbox.invalid {
background-color: rgb(193, 27, 23);
}
#preview-area .margin-control-top .margin-control-textbox {
left: 50%;
top: 8px;
}
#preview-area .margin-control-right .margin-control-textbox {
right: 8px;
top: 50%;
}
#preview-area .margin-control-bottom .margin-control-textbox {
bottom: 8px;
right: 50%;
}
#preview-area .margin-control-left .margin-control-textbox {
bottom: 50%;
left: 8px;
}
|