<!
DOCTYPE html PUBLIC
"-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<
html lang=
"en-US" class=
"reftest-wait">
<
head>
<
title>Testcase, bug
174470</
title>
<
meta http-equiv=
"Content-Type" content=
"text/html; charset=UTF-8">
<
meta http-equiv=
"Content-Style-Type" content=
"text/css">
<
style type=
"text/css">
table {
border-collapse: collapse;
margin:
1em;
border: thick solid;
border-color: #f0f #c0c #
909 #
606; /* purple */
}
colgroup:first-child +
colgroup {
border: thick solid;
border-color: #f66 #f00 #a00 #
600; /* red */
}
colgroup:first-child +
colgroup +
colgroup >
col:first-child +
col {
border: thick solid;
border-color: #ff0 #cc0 #
990 #
660; /* yellow */
}
colgroup +
tbody +
tbody {
border: thick solid;
border-color: #
6f6 #
0f0 #
0a0 #
060; /* green */
}
colgroup +
tbody >
tr:first-child +
tr {
border: thick solid;
border-color: #
0ff #
0cc #
099 #
066; /* aqua */
}
colgroup +
tbody +
tbody +
tbody >
tr:first-child +
tr >
td:first-child +
td {
border: thick solid;
border-color: #
66f #
00f #
00a #
006; /* blue */
}
</
style>
<
script>
function doTest() {
var s1 = document.getElementById(
"screen");
s1.remove();
document.documentElement.removeAttribute(
'class');
}
document.addEventListener(
"MozReftestInvalidate", doTest);
</
script>
</
head>
<
body>
<
div id=
"screen" style=
"position: fixed; left:50px; height:200px; width: 200px; background-color:white; border:1px solid green;"></
div>
<p>The following two tables should be mirrors of each other, except that
(
1) the digits should still be normal left-to-right digits and (
2) the
color changes for each of the
6 colors should, in both, be lightest on top
clockwise to darkest on the left.</p>
<
table dir=
"ltr" >
<
colgroup>
<
col>
</
colgroup>
<
colgroup>
<
col>
<
col>
</
colgroup>
<
colgroup>
<
col>
<
col>
<
col>
</
colgroup>
<
tbody>
<
tr><
td>
1</
td><
td>
22</
td><
td>
333</
td><
td>
4444</
td><
td>
55555</
td><
td>
666666</
td></
tr>
<
tr><
td>
1</
td><
td>
22</
td><
td>
333</
td><
td>
4444</
td><
td>
55555</
td><
td>
666666</
td></
tr>
<
tr><
td>
1</
td><
td>
22</
td><
td>
333</
td><
td>
4444</
td><
td>
55555</
td><
td>
666666</
td></
tr>
</
tbody>
<
tbody>
<
tr><
td>
1</
td><
td>
22</
td><
td>
333</
td><
td>
4444</
td><
td>
55555</
td><
td>
666666</
td></
tr>
<
tr><
td>
1</
td><
td>
22</
td><
td>
333</
td><
td>
4444</
td><
td>
55555</
td><
td>
666666</
td></
tr>
<
tr><
td>
1</
td><
td>
22</
td><
td>
333</
td><
td>
4444</
td><
td>
55555</
td><
td>
666666</
td></
tr>
</
tbody>
<
tbody>
<
tr><
td>
1</
td><
td>
22</
td><
td>
333</
td><
td>
4444</
td><
td>
55555</
td><
td>
666666</
td></
tr>
<
tr><
td>
1</
td><
td>
22</
td><
td>
333</
td><
td>
4444</
td><
td>
55555</
td><
td>
666666</
td></
tr>
<
tr><
td>
1</
td><
td>
22</
td><
td>
333</
td><
td>
4444</
td><
td>
55555</
td><
td>
666666</
td></
tr>
</
tbody>
</
table>
<
table dir=
"rtl">
<
colgroup>
<
col>
</
colgroup>
<
colgroup>
<
col>
<
col>
</
colgroup>
<
colgroup>
<
col>
<
col>
<
col>
</
colgroup>
<
tbody>
<
tr><
td>
1</
td><
td>
22</
td><
td>
333</
td><
td>
4444</
td><
td>
55555</
td><
td>
666666</
td></
tr>
<
tr><
td>
1</
td><
td>
22</
td><
td>
333</
td><
td>
4444</
td><
td>
55555</
td><
td>
666666</
td></
tr>
<
tr><
td>
1</
td><
td>
22</
td><
td>
333</
td><
td>
4444</
td><
td>
55555</
td><
td>
666666</
td></
tr>
</
tbody>
<
tbody>
<
tr><
td>
1</
td><
td>
22</
td><
td>
333</
td><
td>
4444</
td><
td>
55555</
td><
td>
666666</
td></
tr>
<
tr><
td>
1</
td><
td>
22</
td><
td>
333</
td><
td>
4444</
td><
td>
55555</
td><
td>
666666</
td></
tr>
<
tr><
td>
1</
td><
td>
22</
td><
td>
333</
td><
td>
4444</
td><
td>
55555</
td><
td>
666666</
td></
tr>
</
tbody>
<
tbody>
<
tr><
td>
1</
td><
td>
22</
td><
td>
333</
td><
td>
4444</
td><
td>
55555</
td><
td>
666666</
td></
tr>
<
tr><
td>
1</
td><
td>
22</
td><
td>
333</
td><
td>
4444</
td><
td>
55555</
td><
td>
666666</
td></
tr>
<
tr><
td>
1</
td><
td>
22</
td><
td>
333</
td><
td>
4444</
td><
td>
55555</
td><
td>
666666</
td></
tr>
</
tbody>
</
table>
</
body>
</
html>