|
1 html { |
|
2 font-size: 16px; |
|
3 } |
|
4 |
|
5 * { |
|
6 margin: 0; |
|
7 padding: 0; |
|
8 } |
|
9 |
|
10 @font-face { |
|
11 font-family: "AhemTest"; |
|
12 src: url(../../../../tests/fonts/Ahem.ttf); |
|
13 } |
|
14 |
|
15 @font-face { |
|
16 font-family: "mplusTest"; |
|
17 src: url(../../../../tests/fonts/mplus/mplus-1p-regular.ttf); |
|
18 } |
|
19 |
|
20 /* For aligning the two spacers (see below) to the left most and the right most, |
|
21 the div must create a new blocking format context. */ |
|
22 div#target { |
|
23 position: absolute; |
|
24 } |
|
25 |
|
26 span#decoration { |
|
27 margin-left: 0.333em; |
|
28 } |
|
29 |
|
30 body.reference div span#decoration { |
|
31 text-decoration: underline; |
|
32 } |
|
33 |
|
34 /* both ends of selection underlines for IME are clipped for making the |
|
35 boundaries of clauses in composition string clear. These spacers will |
|
36 cover the ends in the reference. */ |
|
37 span#leftspacer, span#rightspacer { |
|
38 background-color: white; |
|
39 position: absolute; |
|
40 width: 1px; |
|
41 height: 100%; |
|
42 overflow: hidden; |
|
43 } |
|
44 |
|
45 span#leftspacer { |
|
46 left: 0.333em; |
|
47 } |
|
48 |
|
49 span#rightspacer { |
|
50 right: 0; |
|
51 } |