OLD | NEW |
(Empty) | |
| 1 /* Copyright (c) 2011 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 .margin-box { |
| 7 background-color: #2a2a2a; |
| 8 border: 1px solid #888; |
| 9 box-sizing: border-box; |
| 10 color: white; |
| 11 cursor: auto; |
| 12 font-family: arial; |
| 13 font-size: 10px; |
| 14 height: 25px; |
| 15 left: 50%; |
| 16 padding: 5px 10px; |
| 17 position: absolute; |
| 18 text-align: center; |
| 19 top: 50%; |
| 20 width: 60px; |
| 21 } |
| 22 |
| 23 .margins-ui-pair.top .margin-box, |
| 24 .margins-ui-pair.bottom .margin-box { |
| 25 /* -width / 2 + 1 for the margin border */ |
| 26 margin-left: -30px; |
| 27 } |
| 28 |
| 29 .margins-ui-pair.left .margin-box, |
| 30 .margins-ui-pair.right .margin-box { |
| 31 /* -height / 2 */ |
| 32 margin-top: -12px; |
| 33 } |
| 34 |
| 35 .margins-ui-pair.bottom .margin-box { |
| 36 /* -height + 1 */ |
| 37 margin-top: -23px; |
| 38 } |
| 39 |
| 40 .margins-ui-pair.right .margin-box { |
| 41 /* -width - 2 */ |
| 42 margin-left: -58px; |
| 43 } |
| 44 |
| 45 .margin-box.invalid { |
| 46 background-color: #c11b17; |
| 47 } |
| 48 |
| 49 .margins-ui-pair { |
| 50 background-color: transparent; |
| 51 border-color: transparent; |
| 52 position: absolute; |
| 53 } |
| 54 |
| 55 .margins-ui-pair.right, |
| 56 .margins-ui-pair.left { |
| 57 cursor: ew-resize; |
| 58 } |
| 59 |
| 60 .margins-ui-pair.top, |
| 61 .margins-ui-pair.bottom { |
| 62 cursor: ns-resize; |
| 63 } |
| 64 |
| 65 .margins-ui-pair.dragging { |
| 66 z-index: 1; |
| 67 } |
| 68 |
| 69 .margin-line { |
| 70 border-color: #4080FA; |
| 71 border-style: dashed; |
| 72 border-width: 1px; |
| 73 pointer-events: none; |
| 74 position: absolute; |
| 75 } |
| 76 |
| 77 #customized-margins { |
| 78 position: absolute; |
| 79 top: 0; |
| 80 } |
OLD | NEW |