summaryrefslogtreecommitdiff
path: root/layout/style/test/ccd-quirks.html
blob: f12204a2d4b8176f92a62a4d11f4b38693f74d54 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
<!-- Intentionally in quirks mode. -->
<html><head>
<!-- baseline -->
<style>
body, html { margin: 0; padding: 0; overflow: hidden }
div {
  width: 60px;
  height: 20px;
  position: relative;
}
p {
  position: absolute;
  top: 2px; left: 2px;
  width: 16px;
  height: 16px;
  margin: 0;
  padding: 0;
}
p + p { left: 22px }

#IA1i, #IA1l, #IA2i, #IA2l, #IB1i, #IB1l, #IB2i, #IB2l,
#IC1i, #IC1l, #IC2i, #IC2l, #ID1i, #ID1l, #ID2i, #ID2l,
#JA1i, #JA1l, #JA2i, #JA2l, #JD1i, #JD1l, #JD2i, #JD2l
 { background-color: red }

#JB1i, #JB1l, #JC1i, #JC1l,
#JB2i, #JB2l, #JC2i, #JC2l
 { background-color: lime }

#IA3i, #IA3l, #IB3i, #IB3l, #IC3i, #IC3l, #ID3i, #ID3l,
#JA3i, #JA3l, #JB3i, #JB3l, #JC3i, #JC3l, #JD3i, #JD3l
 { background-color: lime }
</style>

<!-- @import rules -->
<style>
@import url("ccd.sjs?IA1iq");
@import url("ccd.sjs?IA2iq");
@import url("ccd.sjs?IA3iq");
@import url("http://example.org/tests/layout/style/test/ccd.sjs?IB1iq");
@import url("http://example.org/tests/layout/style/test/ccd.sjs?IB2iq");
@import url("http://example.org/tests/layout/style/test/ccd.sjs?IB3iq");
@import url("redirect.sjs?http://example.org/tests/layout/style/test/ccd.sjs?IC1iq");
@import url("redirect.sjs?http://example.org/tests/layout/style/test/ccd.sjs?IC2iq");
@import url("redirect.sjs?http://example.org/tests/layout/style/test/ccd.sjs?IC3iq");
@import url("http://example.org/tests/layout/style/test/redirect.sjs?ccd.sjs?ID1iq");
@import url("http://example.org/tests/layout/style/test/redirect.sjs?ccd.sjs?ID2iq");
@import url("http://example.org/tests/layout/style/test/redirect.sjs?ccd.sjs?ID3iq");
@import url("ccd.sjs?JA1iq");
@import url("ccd.sjs?JA2iq");
@import url("ccd.sjs?JA3iq");
@import url("http://example.org/tests/layout/style/test/ccd.sjs?JB1iq");
@import url("http://example.org/tests/layout/style/test/ccd.sjs?JB2iq");
@import url("http://example.org/tests/layout/style/test/ccd.sjs?JB3iq");
@import url("redirect.sjs?http://example.org/tests/layout/style/test/ccd.sjs?JC1iq");
@import url("redirect.sjs?http://example.org/tests/layout/style/test/ccd.sjs?JC2iq");
@import url("redirect.sjs?http://example.org/tests/layout/style/test/ccd.sjs?JC3iq");
@import url("http://example.org/tests/layout/style/test/redirect.sjs?http://mochi.test:8888/tests/layout/style/test/ccd.sjs?JD1iq");
@import url("http://example.org/tests/layout/style/test/redirect.sjs?http://mochi.test:8888/tests/layout/style/test/ccd.sjs?JD2iq");
@import url("http://example.org/tests/layout/style/test/redirect.sjs?http://mochi.test:8888/tests/layout/style/test/ccd.sjs?JD3iq");
</style>

<!-- link directives -->
<link rel="stylesheet" href="ccd.sjs?IA1lq">
<link rel="stylesheet" href="ccd.sjs?IA2lq">
<link rel="stylesheet" href="ccd.sjs?IA3lq">
<link rel="stylesheet" href="http://example.org/tests/layout/style/test/ccd.sjs?IB1lq">
<link rel="stylesheet" href="http://example.org/tests/layout/style/test/ccd.sjs?IB2lq">
<link rel="stylesheet" href="http://example.org/tests/layout/style/test/ccd.sjs?IB3lq">
<link rel="stylesheet" href="redirect.sjs?http://example.org/tests/layout/style/test/ccd.sjs?IC1lq">
<link rel="stylesheet" href="redirect.sjs?http://example.org/tests/layout/style/test/ccd.sjs?IC2lq">
<link rel="stylesheet" href="redirect.sjs?http://example.org/tests/layout/style/test/ccd.sjs?IC3lq">
<link rel="stylesheet" href="http://example.org/tests/layout/style/test/redirect.sjs?ccd.sjs?ID1lq">
<link rel="stylesheet" href="http://example.org/tests/layout/style/test/redirect.sjs?ccd.sjs?ID2lq">
<link rel="stylesheet" href="http://example.org/tests/layout/style/test/redirect.sjs?ccd.sjs?ID3lq">
<link rel="stylesheet" href="ccd.sjs?JA1lq">
<link rel="stylesheet" href="ccd.sjs?JA2lq">
<link rel="stylesheet" href="ccd.sjs?JA3lq">
<link rel="stylesheet" href="http://example.org/tests/layout/style/test/ccd.sjs?JB1lq">
<link rel="stylesheet" href="http://example.org/tests/layout/style/test/ccd.sjs?JB2lq">
<link rel="stylesheet" href="http://example.org/tests/layout/style/test/ccd.sjs?JB3lq">
<link rel="stylesheet" href="redirect.sjs?http://example.org/tests/layout/style/test/ccd.sjs?JC1lq">
<link rel="stylesheet" href="redirect.sjs?http://example.org/tests/layout/style/test/ccd.sjs?JC2lq">
<link rel="stylesheet" href="redirect.sjs?http://example.org/tests/layout/style/test/ccd.sjs?JC3lq">
<link rel="stylesheet" href="http://example.org/tests/layout/style/test/redirect.sjs?http://mochi.test:8888/tests/layout/style/test/ccd.sjs?JD1lq">
<link rel="stylesheet" href="http://example.org/tests/layout/style/test/redirect.sjs?http://mochi.test:8888/tests/layout/style/test/ccd.sjs?JD2lq">
<link rel="stylesheet" href="http://example.org/tests/layout/style/test/redirect.sjs?http://mochi.test:8888/tests/layout/style/test/ccd.sjs?JD3lq">

</head><body>
<div></div>
<div></div>
<div><p id="IA1i"></p><p id="IA1l"></p></div>
<div><p id="IA2i"></p><p id="IA2l"></p></div>
<div><p id="IA3i"></p><p id="IA3l"></p></div>
<div></div>
<div><p id="IB1i"></p><p id="IB1l"></p></div>
<div><p id="IB2i"></p><p id="IB2l"></p></div>
<div><p id="IB3i"></p><p id="IB3l"></p></div>
<div></div>
<div><p id="IC1i"></p><p id="IC1l"></p></div>
<div><p id="IC2i"></p><p id="IC2l"></p></div>
<div><p id="IC3i"></p><p id="IC3l"></p></div>
<div></div>
<div><p id="ID1i"></p><p id="ID1l"></p></div>
<div><p id="ID2i"></p><p id="ID2l"></p></div>
<div><p id="ID3i"></p><p id="ID3l"></p></div>
<div></div>
<div></div>
<div><p id="JA1i"></p><p id="JA1l"></p></div>
<div><p id="JA2i"></p><p id="JA2l"></p></div>
<div><p id="JA3i"></p><p id="JA3l"></p></div>
<div></div>
<div><p id="JB1i"></p><p id="JB1l"></p></div>
<div><p id="JB2i"></p><p id="JB2l"></p></div>
<div><p id="JB3i"></p><p id="JB3l"></p></div>
<div></div>
<div><p id="JC1i"></p><p id="JC1l"></p></div>
<div><p id="JC2i"></p><p id="JC2l"></p></div>
<div><p id="JC3i"></p><p id="JC3l"></p></div>
<div></div>
<div><p id="JD1i"></p><p id="JD1l"></p></div>
<div><p id="JD2i"></p><p id="JD2l"></p></div>
<div><p id="JD3i"></p><p id="JD3l"></p></div>
</body></html>