layout/generic/test/frame_selection_underline.css

   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 }