ccd-quirks.html 5.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125
  1. <!-- Intentionally in quirks mode. -->
  2. <html><head>
  3. <!-- baseline -->
  4. <style>
  5. body, html { margin: 0; padding: 0; overflow: hidden }
  6. div {
  7. width: 60px;
  8. height: 20px;
  9. position: relative;
  10. }
  11. p {
  12. position: absolute;
  13. top: 2px; left: 2px;
  14. width: 16px;
  15. height: 16px;
  16. margin: 0;
  17. padding: 0;
  18. }
  19. p + p { left: 22px }
  20. #IA1i, #IA1l, #IA2i, #IA2l, #IB1i, #IB1l, #IB2i, #IB2l,
  21. #IC1i, #IC1l, #IC2i, #IC2l, #ID1i, #ID1l, #ID2i, #ID2l,
  22. #JA1i, #JA1l, #JA2i, #JA2l, #JD1i, #JD1l, #JD2i, #JD2l
  23. { background-color: red }
  24. #JB1i, #JB1l, #JC1i, #JC1l,
  25. #JB2i, #JB2l, #JC2i, #JC2l
  26. { background-color: lime }
  27. #IA3i, #IA3l, #IB3i, #IB3l, #IC3i, #IC3l, #ID3i, #ID3l,
  28. #JA3i, #JA3l, #JB3i, #JB3l, #JC3i, #JC3l, #JD3i, #JD3l
  29. { background-color: lime }
  30. </style>
  31. <!-- @import rules -->
  32. <style>
  33. @import url("ccd.sjs?IA1iq");
  34. @import url("ccd.sjs?IA2iq");
  35. @import url("ccd.sjs?IA3iq");
  36. @import url("http://example.org/tests/layout/style/test/ccd.sjs?IB1iq");
  37. @import url("http://example.org/tests/layout/style/test/ccd.sjs?IB2iq");
  38. @import url("http://example.org/tests/layout/style/test/ccd.sjs?IB3iq");
  39. @import url("redirect.sjs?http://example.org/tests/layout/style/test/ccd.sjs?IC1iq");
  40. @import url("redirect.sjs?http://example.org/tests/layout/style/test/ccd.sjs?IC2iq");
  41. @import url("redirect.sjs?http://example.org/tests/layout/style/test/ccd.sjs?IC3iq");
  42. @import url("http://example.org/tests/layout/style/test/redirect.sjs?ccd.sjs?ID1iq");
  43. @import url("http://example.org/tests/layout/style/test/redirect.sjs?ccd.sjs?ID2iq");
  44. @import url("http://example.org/tests/layout/style/test/redirect.sjs?ccd.sjs?ID3iq");
  45. @import url("ccd.sjs?JA1iq");
  46. @import url("ccd.sjs?JA2iq");
  47. @import url("ccd.sjs?JA3iq");
  48. @import url("http://example.org/tests/layout/style/test/ccd.sjs?JB1iq");
  49. @import url("http://example.org/tests/layout/style/test/ccd.sjs?JB2iq");
  50. @import url("http://example.org/tests/layout/style/test/ccd.sjs?JB3iq");
  51. @import url("redirect.sjs?http://example.org/tests/layout/style/test/ccd.sjs?JC1iq");
  52. @import url("redirect.sjs?http://example.org/tests/layout/style/test/ccd.sjs?JC2iq");
  53. @import url("redirect.sjs?http://example.org/tests/layout/style/test/ccd.sjs?JC3iq");
  54. @import url("http://example.org/tests/layout/style/test/redirect.sjs?http://mochi.test:8888/tests/layout/style/test/ccd.sjs?JD1iq");
  55. @import url("http://example.org/tests/layout/style/test/redirect.sjs?http://mochi.test:8888/tests/layout/style/test/ccd.sjs?JD2iq");
  56. @import url("http://example.org/tests/layout/style/test/redirect.sjs?http://mochi.test:8888/tests/layout/style/test/ccd.sjs?JD3iq");
  57. </style>
  58. <!-- link directives -->
  59. <link rel="stylesheet" href="ccd.sjs?IA1lq">
  60. <link rel="stylesheet" href="ccd.sjs?IA2lq">
  61. <link rel="stylesheet" href="ccd.sjs?IA3lq">
  62. <link rel="stylesheet" href="http://example.org/tests/layout/style/test/ccd.sjs?IB1lq">
  63. <link rel="stylesheet" href="http://example.org/tests/layout/style/test/ccd.sjs?IB2lq">
  64. <link rel="stylesheet" href="http://example.org/tests/layout/style/test/ccd.sjs?IB3lq">
  65. <link rel="stylesheet" href="redirect.sjs?http://example.org/tests/layout/style/test/ccd.sjs?IC1lq">
  66. <link rel="stylesheet" href="redirect.sjs?http://example.org/tests/layout/style/test/ccd.sjs?IC2lq">
  67. <link rel="stylesheet" href="redirect.sjs?http://example.org/tests/layout/style/test/ccd.sjs?IC3lq">
  68. <link rel="stylesheet" href="http://example.org/tests/layout/style/test/redirect.sjs?ccd.sjs?ID1lq">
  69. <link rel="stylesheet" href="http://example.org/tests/layout/style/test/redirect.sjs?ccd.sjs?ID2lq">
  70. <link rel="stylesheet" href="http://example.org/tests/layout/style/test/redirect.sjs?ccd.sjs?ID3lq">
  71. <link rel="stylesheet" href="ccd.sjs?JA1lq">
  72. <link rel="stylesheet" href="ccd.sjs?JA2lq">
  73. <link rel="stylesheet" href="ccd.sjs?JA3lq">
  74. <link rel="stylesheet" href="http://example.org/tests/layout/style/test/ccd.sjs?JB1lq">
  75. <link rel="stylesheet" href="http://example.org/tests/layout/style/test/ccd.sjs?JB2lq">
  76. <link rel="stylesheet" href="http://example.org/tests/layout/style/test/ccd.sjs?JB3lq">
  77. <link rel="stylesheet" href="redirect.sjs?http://example.org/tests/layout/style/test/ccd.sjs?JC1lq">
  78. <link rel="stylesheet" href="redirect.sjs?http://example.org/tests/layout/style/test/ccd.sjs?JC2lq">
  79. <link rel="stylesheet" href="redirect.sjs?http://example.org/tests/layout/style/test/ccd.sjs?JC3lq">
  80. <link rel="stylesheet" href="http://example.org/tests/layout/style/test/redirect.sjs?http://mochi.test:8888/tests/layout/style/test/ccd.sjs?JD1lq">
  81. <link rel="stylesheet" href="http://example.org/tests/layout/style/test/redirect.sjs?http://mochi.test:8888/tests/layout/style/test/ccd.sjs?JD2lq">
  82. <link rel="stylesheet" href="http://example.org/tests/layout/style/test/redirect.sjs?http://mochi.test:8888/tests/layout/style/test/ccd.sjs?JD3lq">
  83. </head><body>
  84. <div></div>
  85. <div></div>
  86. <div><p id="IA1i"></p><p id="IA1l"></p></div>
  87. <div><p id="IA2i"></p><p id="IA2l"></p></div>
  88. <div><p id="IA3i"></p><p id="IA3l"></p></div>
  89. <div></div>
  90. <div><p id="IB1i"></p><p id="IB1l"></p></div>
  91. <div><p id="IB2i"></p><p id="IB2l"></p></div>
  92. <div><p id="IB3i"></p><p id="IB3l"></p></div>
  93. <div></div>
  94. <div><p id="IC1i"></p><p id="IC1l"></p></div>
  95. <div><p id="IC2i"></p><p id="IC2l"></p></div>
  96. <div><p id="IC3i"></p><p id="IC3l"></p></div>
  97. <div></div>
  98. <div><p id="ID1i"></p><p id="ID1l"></p></div>
  99. <div><p id="ID2i"></p><p id="ID2l"></p></div>
  100. <div><p id="ID3i"></p><p id="ID3l"></p></div>
  101. <div></div>
  102. <div></div>
  103. <div><p id="JA1i"></p><p id="JA1l"></p></div>
  104. <div><p id="JA2i"></p><p id="JA2l"></p></div>
  105. <div><p id="JA3i"></p><p id="JA3l"></p></div>
  106. <div></div>
  107. <div><p id="JB1i"></p><p id="JB1l"></p></div>
  108. <div><p id="JB2i"></p><p id="JB2l"></p></div>
  109. <div><p id="JB3i"></p><p id="JB3l"></p></div>
  110. <div></div>
  111. <div><p id="JC1i"></p><p id="JC1l"></p></div>
  112. <div><p id="JC2i"></p><p id="JC2l"></p></div>
  113. <div><p id="JC3i"></p><p id="JC3l"></p></div>
  114. <div></div>
  115. <div><p id="JD1i"></p><p id="JD1l"></p></div>
  116. <div><p id="JD2i"></p><p id="JD2l"></p></div>
  117. <div><p id="JD3i"></p><p id="JD3l"></p></div>
  118. </body></html>