layout/generic/test/frame_selection_underline.css

changeset 0
6474c204b198
     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 +}

mercurial