• file
• revisions
• annotate
• diff
• comparison
• raw

layout/reftests/text-decoration/complex-decoration-style-quirks.html@141e0f1194b1 (annotated)

layout/reftests/text-decoration/complex-decoration-style-quirks.html

Wed, 31 Dec 2014 07:16:47 +0100

author

Michael Schloh von Bennewitz <michael@schloh.com>

date

Wed, 31 Dec 2014 07:16:47 +0100

branch

TOR_BUG_9701

changeset 3

141e0f1194b1

permissions

-rw-r--r--

Revert simplistic fix pending revisit of Mozilla integration attempt.

michael@0	1	<style type="text/css">
michael@0	2	p {
michael@0	3	margin-left: 11px;
michael@0	4	padding-left: 11px;
michael@0	5	}
michael@0	6	p.dotted span {
michael@0	7	-moz-text-decoration-style: dotted;
michael@0	8	}
michael@0	9	p.dashed span {
michael@0	10	-moz-text-decoration-style: dashed;
michael@0	11	}
michael@0	12	p.wavy span {
michael@0	13	-moz-text-decoration-style: wavy;
michael@0	14	}
michael@0	15	span {
michael@0	16	text-decoration: underline line-through overline;
michael@0	17	}
michael@0	18	p.relative span {
michael@0	19	position: relative;
michael@0	20	left: 13px;
michael@0	21	}
michael@0	22
michael@0	23	p.relative2 > span {
michael@0	24	position: relative;
michael@0	25	left: 13px;
michael@0	26	text-decoration: none;
michael@0	27	}
michael@0	28
michael@0	29	p.relative2 span span {
michael@0	30	position: relative;
michael@0	31	left: -13px;
michael@0	32	}
michael@0	33
michael@0	34	p.shadow {
michael@0	35	color: transparent;
michael@0	36	text-shadow: 1em 0.5em black;
michael@0	37	}
michael@0	38	</style>
michael@0	39	<div style="font-size: 16px;">
michael@0	40	<p class="dotted">
michael@0	41	<span>&nbsp;</span><span>&nbsp;</span><span>&nbsp;</span><span>&nbsp;</span>
michael@0	42	</p>
michael@0	43	<p class="dashed">
michael@0	44	<span>&nbsp;</span><span>&nbsp;</span><span>&nbsp;</span><span>&nbsp;</span>
michael@0	45	</p>
michael@0	46	<p class="wavy">
michael@0	47	<span>&nbsp;</span><span>&nbsp;</span><span>&nbsp;</span><span>&nbsp;</span>
michael@0	48	</p>
michael@0	49	<p class="dotted relative">
michael@0	50	<span>&nbsp;</span><span>&nbsp;</span><span>&nbsp;</span><span>&nbsp;</span>
michael@0	51	</p>
michael@0	52	<p class="dashed relative">
michael@0	53	<span>&nbsp;</span><span>&nbsp;</span><span>&nbsp;</span><span>&nbsp;</span>
michael@0	54	</p>
michael@0	55	<p class="wavy relative">
michael@0	56	<span>&nbsp;</span><span>&nbsp;</span><span>&nbsp;</span><span>&nbsp;</span>
michael@0	57	</p>
michael@0	58	<p class="dotted relative2">
michael@0	59	<span><span>&nbsp;</span><span>&nbsp;</span><span>&nbsp;</span><span>&nbsp;</span></span>
michael@0	60	</p>
michael@0	61	<p class="dashed relative2">
michael@0	62	<span><span>&nbsp;</span><span>&nbsp;</span><span>&nbsp;</span><span>&nbsp;</span></span>
michael@0	63	</p>
michael@0	64	<p class="wavy relative2">
michael@0	65	<span><span>&nbsp;</span><span>&nbsp;</span><span>&nbsp;</span><span>&nbsp;</span></span>
michael@0	66	</p>
michael@0	67	<p class="dotted shadow">
michael@0	68	<span>&nbsp;</span><span>&nbsp;</span><span>&nbsp;</span><span>&nbsp;</span>
michael@0	69	</p>
michael@0	70	<p class="dashed shadow">
michael@0	71	<span>&nbsp;</span><span>&nbsp;</span><span>&nbsp;</span><span>&nbsp;</span>
michael@0	72	</p>
michael@0	73	<p class="wavy shadow">
michael@0	74	<span>&nbsp;</span><span>&nbsp;</span><span>&nbsp;</span><span>&nbsp;</span>
michael@0	75	</p>
michael@0	76	</div>
michael@0	77	<div style="font-size: 32px;">
michael@0	78	<p class="dotted">
michael@0	79	<span>&nbsp;</span><span>&nbsp;</span><span>&nbsp;</span><span>&nbsp;</span>
michael@0	80	</p>
michael@0	81	<p class="dashed">
michael@0	82	<span>&nbsp;</span><span>&nbsp;</span><span>&nbsp;</span><span>&nbsp;</span>
michael@0	83	</p>
michael@0	84	<p class="wavy">
michael@0	85	<span>&nbsp;</span><span>&nbsp;</span><span>&nbsp;</span><span>&nbsp;</span>
michael@0	86	</p>
michael@0	87	<p class="dotted relative">
michael@0	88	<span>&nbsp;</span><span>&nbsp;</span><span>&nbsp;</span><span>&nbsp;</span>
michael@0	89	</p>
michael@0	90	<p class="dashed relative">
michael@0	91	<span>&nbsp;</span><span>&nbsp;</span><span>&nbsp;</span><span>&nbsp;</span>
michael@0	92	</p>
michael@0	93	<p class="wavy relative">
michael@0	94	<span>&nbsp;</span><span>&nbsp;</span><span>&nbsp;</span><span>&nbsp;</span>
michael@0	95	</p>
michael@0	96	<p class="dotted relative2">
michael@0	97	<span><span>&nbsp;</span><span>&nbsp;</span><span>&nbsp;</span><span>&nbsp;</span></span>
michael@0	98	</p>
michael@0	99	<p class="dashed relative2">
michael@0	100	<span><span>&nbsp;</span><span>&nbsp;</span><span>&nbsp;</span><span>&nbsp;</span></span>
michael@0	101	</p>
michael@0	102	<p class="wavy relative2">
michael@0	103	<span><span>&nbsp;</span><span>&nbsp;</span><span>&nbsp;</span><span>&nbsp;</span></span>
michael@0	104	</p>
michael@0	105	<p class="dotted shadow">
michael@0	106	<span>&nbsp;</span><span>&nbsp;</span><span>&nbsp;</span><span>&nbsp;</span>
michael@0	107	</p>
michael@0	108	<p class="dashed shadow">
michael@0	109	<span>&nbsp;</span><span>&nbsp;</span><span>&nbsp;</span><span>&nbsp;</span>
michael@0	110	</p>
michael@0	111	<p class="wavy shadow">
michael@0	112	<span>&nbsp;</span><span>&nbsp;</span><span>&nbsp;</span><span>&nbsp;</span>
michael@0	113	</p>
michael@0	114	</div>