michael@0: html {
michael@0:   font-size: 16px;
michael@0: }
michael@0: 
michael@0: * {
michael@0:   margin: 0;
michael@0:   padding: 0;
michael@0: }
michael@0: 
michael@0: @font-face {
michael@0:   font-family: "AhemTest";
michael@0:   src: url(../../../../tests/fonts/Ahem.ttf);
michael@0: }
michael@0: 
michael@0: @font-face {
michael@0:   font-family: "mplusTest";
michael@0:   src: url(../../../../tests/fonts/mplus/mplus-1p-regular.ttf);
michael@0: }
michael@0: 
michael@0: /* For aligning the two spacers (see below) to the left most and the right most,
michael@0:    the div must create a new blocking format context. */
michael@0: div#target {
michael@0:   position: absolute;
michael@0: }
michael@0: 
michael@0: span#decoration {
michael@0:   margin-left: 0.333em;
michael@0: }
michael@0: 
michael@0: body.reference div span#decoration {
michael@0:   text-decoration: underline;
michael@0: }
michael@0: 
michael@0: /* both ends of selection underlines for IME are clipped for making the
michael@0:    boundaries of clauses in composition string clear.  These spacers will
michael@0:    cover the ends in the reference. */
michael@0: span#leftspacer, span#rightspacer {
michael@0:   background-color: white;
michael@0:   position: absolute;
michael@0:   width: 1px;
michael@0:   height: 100%;
michael@0:   overflow: hidden;
michael@0: }
michael@0: 
michael@0: span#leftspacer {
michael@0:   left: 0.333em;
michael@0: }
michael@0: 
michael@0: span#rightspacer {
michael@0:   right: 0;
michael@0: }