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