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 |