| OLD | NEW |
| 1 /* Copyright (c) 2012 The Chromium Authors. All rights reserved. | 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 | 2 * Use of this source code is governed by a BSD-style license that can be |
| 3 * found in the LICENSE file. | 3 * found in the LICENSE file. */ |
| 4 */ | |
| 5 | 4 |
| 6 .margin-box { | 5 .margin-box { |
| 7 background-color: #2a2a2a; | 6 background-color: #2a2a2a; |
| 8 border: 1px solid #888; | 7 border: 1px solid #888; |
| 9 box-sizing: border-box; | 8 box-sizing: border-box; |
| 10 color: white; | 9 color: white; |
| 11 cursor: auto; | 10 cursor: auto; |
| 12 font-family: arial; | 11 font-family: arial; |
| 13 font-size: 0.8em; | 12 font-size: 0.8em; |
| 14 height: 25px; | 13 height: 25px; |
| (...skipping 21 matching lines...) Expand all Loading... |
| 36 /* -height + 1 */ | 35 /* -height + 1 */ |
| 37 margin-top: -23px; | 36 margin-top: -23px; |
| 38 } | 37 } |
| 39 | 38 |
| 40 .margins-ui-pair.right .margin-box { | 39 .margins-ui-pair.right .margin-box { |
| 41 /* -width - 2 */ | 40 /* -width - 2 */ |
| 42 margin-left: -58px; | 41 margin-left: -58px; |
| 43 } | 42 } |
| 44 | 43 |
| 45 .margin-box.invalid { | 44 .margin-box.invalid { |
| 46 background-color: #c11b17; | 45 background-color: rgb(193, 27, 23); |
| 47 } | 46 } |
| 48 | 47 |
| 49 .margins-ui-pair { | 48 .margins-ui-pair { |
| 50 background-color: transparent; | 49 background-color: transparent; |
| 51 border-color: transparent; | 50 border-color: transparent; |
| 52 position: absolute; | 51 position: absolute; |
| 53 } | 52 } |
| 54 | 53 |
| 55 .margins-ui-pair.right, | 54 .margins-ui-pair.right, |
| 56 .margins-ui-pair.left { | 55 .margins-ui-pair.left { |
| 57 cursor: ew-resize; | 56 cursor: ew-resize; |
| 58 } | 57 } |
| 59 | 58 |
| 60 .margins-ui-pair.top, | 59 .margins-ui-pair.top, |
| 61 .margins-ui-pair.bottom { | 60 .margins-ui-pair.bottom { |
| 62 cursor: ns-resize; | 61 cursor: ns-resize; |
| 63 } | 62 } |
| 64 | 63 |
| 65 .margins-ui-pair.dragging { | 64 .margins-ui-pair.dragging { |
| 66 z-index: 1; | 65 z-index: 1; |
| 67 } | 66 } |
| 68 | 67 |
| 69 .margin-line { | 68 .margin-line { |
| 70 border-color: #4080FA; | 69 border-color: rgb(64, 128, 250); |
| 71 border-style: dashed; | 70 border-style: dashed; |
| 72 border-width: 1px; | 71 border-width: 1px; |
| 73 pointer-events: none; | 72 pointer-events: none; |
| 74 position: absolute; | 73 position: absolute; |
| 75 } | 74 } |
| 76 | 75 |
| 77 .margins-ui-pair.top .margin-line, | 76 .margins-ui-pair.top .margin-line, |
| 78 .margins-ui-pair.bottom .margin-line { | 77 .margins-ui-pair.bottom .margin-line { |
| 79 height: 0; | 78 height: 0; |
| 80 left: 0; | 79 left: 0; |
| 81 top: 50%; | 80 top: 50%; |
| 82 width: 100%; | 81 width: 100%; |
| 83 } | 82 } |
| 84 | 83 |
| 85 .margins-ui-pair.left .margin-line, | 84 .margins-ui-pair.left .margin-line, |
| 86 .margins-ui-pair.right .margin-line { | 85 .margins-ui-pair.right .margin-line { |
| 87 height: 100%; | 86 height: 100%; |
| 88 left: 50%; | 87 left: 50%; |
| 89 top: 0; | 88 top: 0; |
| 90 width: 0; | 89 width: 0; |
| 91 } | 90 } |
| 92 | 91 |
| 93 #customized-margins { | 92 #customized-margins { |
| 94 position: absolute; | 93 position: absolute; |
| 95 top: 0; | 94 top: 0; |
| 96 } | 95 } |
| 97 | 96 |
| 98 #customized-margins.invisible { | 97 #customized-margins.invisible { |
| 98 opacity: 0; |
| 99 pointer-events: none; | 99 pointer-events: none; |
| 100 opacity: 0; | |
| 101 } | 100 } |
| OLD | NEW |