| 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 |