1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000 1.2 +++ b/layout/generic/test/frame_selection_underline.css Wed Dec 31 06:09:35 2014 +0100 1.3 @@ -0,0 +1,51 @@ 1.4 +html { 1.5 + font-size: 16px; 1.6 +} 1.7 + 1.8 +* { 1.9 + margin: 0; 1.10 + padding: 0; 1.11 +} 1.12 + 1.13 +@font-face { 1.14 + font-family: "AhemTest"; 1.15 + src: url(../../../../tests/fonts/Ahem.ttf); 1.16 +} 1.17 + 1.18 +@font-face { 1.19 + font-family: "mplusTest"; 1.20 + src: url(../../../../tests/fonts/mplus/mplus-1p-regular.ttf); 1.21 +} 1.22 + 1.23 +/* For aligning the two spacers (see below) to the left most and the right most, 1.24 + the div must create a new blocking format context. */ 1.25 +div#target { 1.26 + position: absolute; 1.27 +} 1.28 + 1.29 +span#decoration { 1.30 + margin-left: 0.333em; 1.31 +} 1.32 + 1.33 +body.reference div span#decoration { 1.34 + text-decoration: underline; 1.35 +} 1.36 + 1.37 +/* both ends of selection underlines for IME are clipped for making the 1.38 + boundaries of clauses in composition string clear. These spacers will 1.39 + cover the ends in the reference. */ 1.40 +span#leftspacer, span#rightspacer { 1.41 + background-color: white; 1.42 + position: absolute; 1.43 + width: 1px; 1.44 + height: 100%; 1.45 + overflow: hidden; 1.46 +} 1.47 + 1.48 +span#leftspacer { 1.49 + left: 0.333em; 1.50 +} 1.51 + 1.52 +span#rightspacer { 1.53 + right: 0; 1.54 +}