Import original dillo.org website into old/

author: Rodrigo Arias Mallo <rodarima@gmail.com> 2024-01-01 23:40:52 +0100
committer: Rodrigo Arias Mallo <rodarima@gmail.com> 2024-01-01 23:40:52 +0100
commit: 5ea943a5e789222472e45864e119cf786498bfcd (patch)
tree: ea307589de0fdb202474ad4d07c0bef7fe1c53e8 /old/css_compat
115 files changed, 2693 insertions, 0 deletions
diff --git a/old/css_compat/index.html b/old/css_compat/index.html
new file mode 100644
index 0000000..bd5eb8d
--- /dev/null
+++ b/old/css_compat/index.html
@@ -0,0 +1,129 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
+ "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+
+<html>
+<head>
+<style type="text/css">
+a {color: black}
+ul {margin: 0}
+li {padding: 0.5em; border-bottom: 1px solid black}
+.ok {background-color: green}
+.partly {background-color: yellow}
+.no {background-color: red}
+</style>
+</head>
+<body>
+<ul>
+<li><a class="ok" href="tests/background.html">background</a></li>
+<li><a class="no" href="tests/background-attachment.html">background-attachment</a></li>
+<li><a class="ok" href="tests/background-color.html">background-color</a></li>
+<li><a class="no" href="tests/background-image.html">background-image</a></li>
+<li><a class="no" href="tests/background-position.html">background-position</a></li>
+<li><a class="no" href="tests/background-repeat.html">background-repeat</a></li>
+<li><a class="ok" href="tests/border.html">border</a></li>
+<li><a class="ok" href="tests/border-bottom.html">border-bottom</a></li>
+<li><a class="ok" href="tests/border-bottom-color.html">border-bottom-color</a></li>
+<li><a class="ok" href="tests/border-bottom-style.html">border-bottom-style</a></li>
+<li><a class="ok" href="tests/border-bottom-width.html">border-bottom-width</a></li>
+<li><a class="partly" href="tests/border-collapse.html">border-collapse</a></li>
+<li><a class="ok" href="tests/border-color.html">border-color</a></li>
+<li><a class="ok" href="tests/border-left.html">border-left</a></li>
+<li><a class="ok" href="tests/border-left-color.html">border-left-color</a></li>
+<li><a class="ok" href="tests/border-left-style.html">border-left-style</a></li>
+<li><a class="ok" href="tests/border-left-width.html">border-left-width</a></li>
+<li><a class="ok" href="tests/border-right.html">border-right</a></li>
+<li><a class="ok" href="tests/border-right-color.html">border-right-color</a></li>
+<li><a class="ok" href="tests/border-right-style.html">border-right-style</a></li>
+<li><a class="ok" href="tests/border-right-width.html">border-right-width</a></li>
+<li><a class="ok" href="tests/border-style.html">border-style</a></li>
+<li><a class="ok" href="tests/border-top.html">border-top</a></li>
+<li><a class="ok" href="tests/border-top-color.html">border-top-color</a></li>
+<li><a class="ok" href="tests/border-top-style.html">border-top-style</a></li>
+<li><a class="ok" href="tests/border-top-width.html">border-top-width</a></li>
+<li><a class="ok" href="tests/border-width.html">border-width</a></li>
+<li><a class="no" href="tests/bottom.html">bottom</a></li>
+<li><a class="no" href="tests/caption-side.html">caption-side</a></li>
+<li><a class="no" href="tests/clear.html">clear</a></li>
+<li><a class="no" href="tests/clip.html">clip</a></li>
+<li><a class="ok" href="tests/color.html">color</a></li>
+<li><a class="no" href="tests/content.html">content</a></li>
+<li><a class="no" href="tests/counter-increment.html">counter-increment</a></li>
+<li><a class="no" href="tests/counter-reset.html">counter-reset</a></li>
+<li><a class="ok" href="tests/cursor.html">cursor</a></li>
+<li><a class="no" href="tests/direction.html">direction</a></li>
+<li><a class="partly" href="tests/display.html">display</a></li>
+<li><a class="no" href="tests/empty-cells.html">empty-cells</a></li>
+<li><a class="no" href="tests/float.html">float</a></li>
+<li><a class="ok" href="tests/font.html">font</a></li>
+<li><a class="ok" href="tests/font-family.html">font-family</a></li>
+<li><a class="ok" href="tests/font-size.html">font-size</a></li>
+<li><a class="ok" href="tests/font-style.html">font-style</a></li>
+<li><a class="ok" href="tests/font-variant.html">font-variant</a></li>
+<li><a class="ok" href="tests/font-weight.html">font-weight</a></li>
+<li><a class="no" href="tests/height.html">height</a></li>
+<li><a class="no" href="tests/left.html">left</a></li>
+<li><a class="ok" href="tests/letter-spacing.html">letter-spacing</a></li>
+<li><a class="ok" href="tests/line-height.html">line-height</a></li>
+<li><a class="ok" href="tests/list-style.html">list-style</a></li>
+<li><a class="no" href="tests/list-style-image.html">list-style-image</a></li>
+<li><a class="partly" href="tests/list-style-position.html">list-style-position</a></li>
+<li><a class="partly" href="tests/list-style-type.html">list-style-type</a> armenian, and georgian not working</li>
+<li><a class="partly" href="tests/margin.html">margin</a>margins given as percentage are not working</li>
+<li><a class="partly" href="tests/margin-bottom.html">margin-bottom</a></li>
+<li><a class="partly" href="tests/margin-left.html">margin-left</a></li>
+<li><a class="partly" href="tests/margin-right.html">margin-right</a></li>
+<li><a class="partly" href="tests/margin-top.html">margin-top</a></li>
+<li><a class="no" href="tests/max-height.html">max-height</a></li>
+<li><a class="no" href="tests/max-width.html">max-width</a></li>
+<li><a class="no" href="tests/min-height.html">min-height</a></li>
+<li><a class="no" href="tests/min-width.html">min-width</a></li>
+<li><a class="no" href="tests/orphans.html">orphans</a></li>
+<li><a class="no" href="tests/outline.html">outline</a></li>
+<li><a class="no" href="tests/outline-color.html">outline-color</a></li>
+<li><a class="no" href="tests/outline-style.html">outline-style</a></li>
+<li><a class="no" href="tests/outline-width.html">outline-width</a></li>
+<li><a class="no" href="tests/overflow.html">overflow</a></li>
+<li><a class="ok" href="tests/padding.html">padding</a></li>
+<li><a class="ok" href="tests/padding-bottom.html">padding-bottom</a></li>
+<li><a class="ok" href="tests/padding-left.html">padding-left</a></li>
+<li><a class="ok" href="tests/padding-right.html">padding-right</a></li>
+<li><a class="ok" href="tests/padding-top.html">padding-top</a></li>
+<li><a class="no" href="tests/page-break-after.html">page-break-after</a></li>
+<li><a class="no" href="tests/page-break-before.html">page-break-before</a></li>
+<li><a class="no" href="tests/page-break-inside.html">page-break-inside</a></li>
+<li><a class="no" href="tests/position.html">position</a></li>
+<li><a class="no" href="tests/quotes.html">quotes</a></li>
+<li><a class="no" href="tests/right.html">right</a></li>
+<li><a class="no" href="tests/table-layout.html">table-layout</a></li>
+<li><a class="ok" href="tests/text-align.html">text-align</a></li>
+<li><a class="partly" href="tests/text-decoration.html">text-decoration</a> blink not working</li>
+<li><a class="ok" href="tests/text-indent.html">text-indent</a></li>
+<li><a class="ok" href="tests/text-transform.html">text-transform</a></li>
+<li><a class="no" href="tests/top.html">top</a></li>
+<li><a class="no" href="tests/unicode-bidi.html">unicode-bidi</a></li>
+<li><a class="partly" href="tests/vertical-align.html">vertical-align</a> only sub and super are working</li>
+<li><a class="no" href="tests/visibility.html">visibility</a></li>
+<li><a class="ok" href="tests/white-space.html">white-space</a></li>
+<li><a class="no" href="tests/widows.html">widows</a></li>
+<li><a class="ok" href="tests/width.html">width</a></li>
+<li><a class="ok" href="tests/word-spacing.html">word-spacing</a></li>
+<li><a class="no" href="tests/z-index.html">z-index</a></li>
+</ul>
+<h2>Other tests:</h2>
+<ul>
+<li><a class="ok" href="tests/us_thickness.html">underline/strike/overline
+    line thickness</a>
+<li><a class="no" href="tests/discard-syntax-errors.html">discard
+    syntax errors</a></li>
+<li><a class="ok" href="tests/css-on-html-element.html">
+CSS on HTML element</a></li>
+<li><a class="ok" href="tests/body-background-color.html">
+BODY background color</a></li>
+<li><a class="ok" href="tests/important.html">!important</a></li>
+<li><a class="ok" href="tests/border_background_margin.html">border, background, and margin</a></li>
+<li><a class="ok" href="tests/adjacent_sibling.html">adjacent sibling selectors</a></li>
+<li><a class="partly" href="tests/margin_collapse.html">collapsing margins</a></li>
+
+</ul>
+</body>
+</html>
diff --git a/old/css_compat/tests/Red.png b/old/css_compat/tests/Red.png
new file mode 100644
index 0000000..39df4b0
--- /dev/null
+++ b/old/css_compat/tests/Red.png
diff --git a/old/css_compat/tests/adjacent_sibling.html b/old/css_compat/tests/adjacent_sibling.html
new file mode 100644
index 0000000..9085599
--- /dev/null
+++ b/old/css_compat/tests/adjacent_sibling.html
@@ -0,0 +1,19 @@
+<html>
+<head>
+<title>adjacent sibling selectors</title>
+<style type=text/css>
+li, li + li + li { text-decoration: none }
+li + li  { text-decoration: underline }
+</style>
+</head>
+<body>
+<ul>
+<li>foo bar</li>
+<li>this and only this should be underlined</li>
+<li>foo bar</li>
+<li>foo bar</li>
+<li>foo bar</li>
+<li>foo bar</li>
+</ul>
+</body>
+</html>
diff --git a/old/css_compat/tests/background-attachment.html b/old/css_compat/tests/background-attachment.html
new file mode 100644
index 0000000..5a98b66
--- /dev/null
+++ b/old/css_compat/tests/background-attachment.html
@@ -0,0 +1,10 @@
+<html>
+<head>
+<style type="text/css">
+
+</style>
+</head>
+<body>
+
+</body>
+</html>
diff --git a/old/css_compat/tests/background-color.html b/old/css_compat/tests/background-color.html
new file mode 100644
index 0000000..7bdccaa
--- /dev/null
+++ b/old/css_compat/tests/background-color.html
@@ -0,0 +1,10 @@
+<html>
+<head>
+<style type="text/css">
+div {background-color: green}
+</style>
+</head>
+<body>
+<div>dillo</div>
+</body>
+</html>
diff --git a/old/css_compat/tests/background-image.html b/old/css_compat/tests/background-image.html
new file mode 100644
index 0000000..5a98b66
--- /dev/null
+++ b/old/css_compat/tests/background-image.html
@@ -0,0 +1,10 @@
+<html>
+<head>
+<style type="text/css">
+
+</style>
+</head>
+<body>
+
+</body>
+</html>
diff --git a/old/css_compat/tests/background-position.html b/old/css_compat/tests/background-position.html
new file mode 100644
index 0000000..5a98b66
--- /dev/null
+++ b/old/css_compat/tests/background-position.html
@@ -0,0 +1,10 @@
+<html>
+<head>
+<style type="text/css">
+
+</style>
+</head>
+<body>
+
+</body>
+</html>
diff --git a/old/css_compat/tests/background-repeat.html b/old/css_compat/tests/background-repeat.html
new file mode 100644
index 0000000..5a98b66
--- /dev/null
+++ b/old/css_compat/tests/background-repeat.html
@@ -0,0 +1,10 @@
+<html>
+<head>
+<style type="text/css">
+
+</style>
+</head>
+<body>
+
+</body>
+</html>
diff --git a/old/css_compat/tests/background.html b/old/css_compat/tests/background.html
new file mode 100644
index 0000000..5a98b66
--- /dev/null
+++ b/old/css_compat/tests/background.html
@@ -0,0 +1,10 @@
+<html>
+<head>
+<style type="text/css">
+
+</style>
+</head>
+<body>
+
+</body>
+</html>
diff --git a/old/css_compat/tests/body-background-color.html b/old/css_compat/tests/body-background-color.html
new file mode 100644
index 0000000..f2d2938
--- /dev/null
+++ b/old/css_compat/tests/body-background-color.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
+<head>
+<title>BODY background color</title>
+
+<style type="text/css" media="all">
+
+body {
+ background-color: green; color: white;
+}
+</style>
+</head>
+
+<body>
+
+<h3>This text should render white on a green canvas</h3>
+
+</body>
+</html>
diff --git a/old/css_compat/tests/border-bottom-color.html b/old/css_compat/tests/border-bottom-color.html
new file mode 100644
index 0000000..5c42c59
--- /dev/null
+++ b/old/css_compat/tests/border-bottom-color.html
@@ -0,0 +1,10 @@
+<html>
+<head>
+<style type="text/css">
+div {border-bottom-color: green; border-bottom-style: solid; border-bottom-width: 2px}
+</style>
+</head>
+<body>
+<div>dillo</div>
+</body>
+</html>
diff --git a/old/css_compat/tests/border-bottom-style.html b/old/css_compat/tests/border-bottom-style.html
new file mode 100644
index 0000000..5c42c59
--- /dev/null
+++ b/old/css_compat/tests/border-bottom-style.html
@@ -0,0 +1,10 @@
+<html>
+<head>
+<style type="text/css">
+div {border-bottom-color: green; border-bottom-style: solid; border-bottom-width: 2px}
+</style>
+</head>
+<body>
+<div>dillo</div>
+</body>
+</html>
diff --git a/old/css_compat/tests/border-bottom-width.html b/old/css_compat/tests/border-bottom-width.html
new file mode 100644
index 0000000..5c42c59
--- /dev/null
+++ b/old/css_compat/tests/border-bottom-width.html
@@ -0,0 +1,10 @@
+<html>
+<head>
+<style type="text/css">
+div {border-bottom-color: green; border-bottom-style: solid; border-bottom-width: 2px}
+</style>
+</head>
+<body>
+<div>dillo</div>
+</body>
+</html>
diff --git a/old/css_compat/tests/border-bottom.html b/old/css_compat/tests/border-bottom.html
new file mode 100644
index 0000000..7423884
--- /dev/null
+++ b/old/css_compat/tests/border-bottom.html
@@ -0,0 +1,10 @@
+<html>
+<head>
+<style type="text/css">
+div {border-bottom: 2px solid green}
+</style>
+</head>
+<body>
+<div>dillo</div>
+</body>
+</html>
diff --git a/old/css_compat/tests/border-collapse.html b/old/css_compat/tests/border-collapse.html
new file mode 100644
index 0000000..6dcc12c
--- /dev/null
+++ b/old/css_compat/tests/border-collapse.html
@@ -0,0 +1,233 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
+<head>
+<title>Border Collapsing</title>
+
+<style type="text/css" media="all">
+
+.word {background-color: orange}
+
+
+table.separate {
+ border-collapse: separate;
+ margin: 10px;
+ border: 20px solid sienna;
+ padding: 40px;
+}
+table.collapse {
+ border-collapse: collapse;
+ margin: 15px;
+ border: 10px solid teal;
+ padding: 40px;
+}
+table.separate td {
+  margin: 40px;
+  border: 5px solid gray;
+  padding: 20px;
+}
+table.collapse td {
+  margin: 40px;
+  border: 5px solid gray;
+  padding: 20px;
+}
+
+
+table.coll1px {
+ border-collapse: collapse;
+ margin: 4px;
+}
+table.coll1px td {
+  border: 1px solid teal;
+  padding: 5px;
+}
+table.coll2px {
+ border-collapse: collapse;
+ margin: 4px;
+}
+table.coll2px td {
+  border: 2px solid teal;
+  padding: 5px;
+}
+table.coll3px {
+ border-collapse: collapse;
+ margin: 4px;
+}
+table.coll3px td {
+  border: 3px solid teal;
+  padding: 5px;
+}
+table.coll4px {
+ border-collapse: collapse;
+ margin: 4px;
+}
+table.coll4px td {
+  border: 4px solid teal;
+  padding: 5px;
+}
+table.coll10px {
+ border-collapse: collapse;
+ margin: 10px;
+}
+table.coll10px td {
+  border: 10px solid teal;
+  padding: 5px;
+}
+
+
+table.collapse2 {
+ border-collapse: collapse;
+ border: 1px solid sienna;
+ margin-bottom: 2em;
+}
+table.collapse2 td {
+  padding: 0.1em 1em;
+  border: 10px solid #aaa;
+}
+table.collapse2 th {
+  padding: 0.1em 1em;
+  border: 10px solid #aaa;
+}
+
+</style>
+</head>
+
+<body bgcolor="Thistle" _bgcolor="#F0F8FF">
+<big>
+1.- Margin, border and padding test for separate and collapse border models:
+</big>
+<h4>Separate:</h4>
+ <table class="separate" cellpadding=0>
+ <tr><td>Carnivores<td><i class="word">Primates</i>
+ <tr><td>Tiger<td>Sifaka
+ </table>
+<h4>Collapse:</h4>
+ <table class="collapse">
+ <tr><td><i class="word">Carnivores</i><td>Primates
+ <tr><td>Tiger<td>Sifaka
+ </table>
+
+
+<hr border=4>
+<p><big>
+2.- Test for different border widths in collapsing border model:
+</big>
+
+<table class="coll1px">
+<tr><td rowspan="2">1px</td><td>1<td>2<tr><td>3<td>4
+</table>
+
+<table class="coll2px">
+<tr><td rowspan="2">2px</td><td>1<td>2<tr><td>3<td>4
+</table>
+
+<table class="coll3px">
+<tr><td rowspan="2">3px</td><td>1<td>2<tr><td>3<td>4
+</table>
+
+<table class="coll4px">
+<tr><td rowspan="2">4px</td><td>1<td>2<tr><td>3<td>4
+</table>
+
+<table class="coll10px">
+<tr><td rowspan="2">10px</td><td>1<td>2<tr><td>3<td>4
+</table>
+
+
+<hr border=4>
+<p><big>
+3.- A sample wide-border table in both modes:
+</big>
+<h4>Separate:</h4>
+ <table class="collapse2" style="border-collapse: separate;">
+ <tr>
+ <th colspan="2">Carnivores</th>
+ <th>Primates</th>
+ </tr>
+ <tr>
+ <td>Tiger</td>
+ <td>Grey Wolf</td>
+ <td>Indri</td>
+ </tr>
+ <tr>
+ <td rowspan="2">Cheetah</td>
+ <td>Cape hunting dog</td>
+ <td rowspan="2">Sifaka</td>
+ </tr>
+ <tr>
+ <td>Red fox</td>
+ </tr>
+ <tr>
+ <td>Wildcat</td>
+ <td>Fennec</td>
+ <td>Dwarf lemur</td>
+ </tr>
+ </table>
+
+<h4>Collapse:</h4>
+ <table class="collapse2">
+ <tr>
+ <th colspan="2">Carnivores</th>
+ <th>Primates</th>
+ </tr>
+ <tr>
+ <td>Tiger</td>
+ <td>Grey Wolf</td>
+ <td>Indri</td>
+ </tr>
+ <tr>
+ <td rowspan="2">Cheetah</td>
+ <td>Cape hunting dog</td>
+ <td rowspan="2">Sifaka</td>
+ <tr>
+ <td>Red fox</td>
+ </tr>
+ <tr>
+ <td>Wildcat</td>
+ <td>Fennec</td>
+ <td>Dwarf lemur</td>
+ </tr>
+ </table>
+
+<hr border=4>
+<p><big>
+4.- <code>collapse</code> should overrule <code>cellspacing</code>
+</big>
+<h4>These tables should look the same:</h4>
+<br>
+<pre>
+&lt;table style="border-collapse: collapse;"&gt;
+</pre>
+
+<table class="collapse2">
+<tr>
+  <td>First TD of first TR</td>
+  <td>Second TD of first TR</td>
+  <td>Third TD of first TR</td>
+</tr>
+<tr>
+  <td>First TD of second TR</td>
+  <td></td>
+  <td>Third TD of second TR</td>
+</tr>
+</table>
+
+<pre>
+&lt;table style="border-collapse: collapse;" cellspacing="10"&gt;
+</pre>
+
+<table class="collapse2" cellspacing="10">
+<tr>
+  <td>First TD of first TR</td>
+  <td>Second TD of first TR</td>
+  <td>Third TD of first TR</td>
+</tr>
+<tr>
+  <td>First TD of second TR</td>
+  <td></td>
+  <td>Third TD of second TR</td>
+</tr>
+</table>
+
+</body>
+</html>
diff --git a/old/css_compat/tests/border-color.html b/old/css_compat/tests/border-color.html
new file mode 100644
index 0000000..441bb21
--- /dev/null
+++ b/old/css_compat/tests/border-color.html
@@ -0,0 +1,19 @@
+<html>
+<head>
+<style type="text/css">
+div {border-color: red green blue yellow; border-width: 4px}
+</style>
+</head>
+<body>
+
+<div style="border-style: solid"> solid </div><br>
+<div style="border-style: dotted"> dotted </div><br>
+<div style="border-style: dashed"> dashed </div><br>
+<div style="border-style: double"> double </div><br>
+<div style="border-style: groove"> groove </div><br>
+<div style="border-style: ridge"> ridge </div><br>
+<div style="border-style: inset"> inset </div><br>
+<div style="border-style: outset"> outset </div><br>
+
+</body>
+</html>
diff --git a/old/css_compat/tests/border-left-color.html b/old/css_compat/tests/border-left-color.html
new file mode 100644
index 0000000..5a98b66
--- /dev/null
+++ b/old/css_compat/tests/border-left-color.html
@@ -0,0 +1,10 @@
+<html>
+<head>
+<style type="text/css">
+
+</style>
+</head>
+<body>
+
+</body>
+</html>
diff --git a/old/css_compat/tests/border-left-style.html b/old/css_compat/tests/border-left-style.html
new file mode 100644
index 0000000..5a98b66
--- /dev/null
+++ b/old/css_compat/tests/border-left-style.html
@@ -0,0 +1,10 @@
+<html>
+<head>
+<style type="text/css">
+
+</style>
+</head>
+<body>
+
+</body>
+</html>
diff --git a/old/css_compat/tests/border-left-width.html b/old/css_compat/tests/border-left-width.html
new file mode 100644
index 0000000..5a98b66
--- /dev/null
+++ b/old/css_compat/tests/border-left-width.html
@@ -0,0 +1,10 @@
+<html>
+<head>
+<style type="text/css">
+
+</style>
+</head>
+<body>
+
+</body>
+</html>
diff --git a/old/css_compat/tests/border-left.html b/old/css_compat/tests/border-left.html
new file mode 100644
index 0000000..7423884
--- /dev/null
+++ b/old/css_compat/tests/border-left.html
@@ -0,0 +1,10 @@
+<html>
+<head>
+<style type="text/css">
+div {border-bottom: 2px solid green}
+</style>
+</head>
+<body>
+<div>dillo</div>
+</body>
+</html>
diff --git a/old/css_compat/tests/border-right-color.html b/old/css_compat/tests/border-right-color.html
new file mode 100644
index 0000000..5a98b66
--- /dev/null
+++ b/old/css_compat/tests/border-right-color.html
@@ -0,0 +1,10 @@
+<html>
+<head>
+<style type="text/css">
+
+</style>
+</head>
+<body>
+
+</body>
+</html>
diff --git a/old/css_compat/tests/border-right-style.html b/old/css_compat/tests/border-right-style.html
new file mode 100644
index 0000000..5a98b66
--- /dev/null
+++ b/old/css_compat/tests/border-right-style.html
@@ -0,0 +1,10 @@
+<html>
+<head>
+<style type="text/css">
+
+</style>
+</head>
+<body>
+
+</body>
+</html>
diff --git a/old/css_compat/tests/border-right-width.html b/old/css_compat/tests/border-right-width.html
new file mode 100644
index 0000000..5a98b66
--- /dev/null
+++ b/old/css_compat/tests/border-right-width.html
@@ -0,0 +1,10 @@
+<html>
+<head>
+<style type="text/css">
+
+</style>
+</head>
+<body>
+
+</body>
+</html>
diff --git a/old/css_compat/tests/border-right.html b/old/css_compat/tests/border-right.html
new file mode 100644
index 0000000..7423884
--- /dev/null
+++ b/old/css_compat/tests/border-right.html
@@ -0,0 +1,10 @@
+<html>
+<head>
+<style type="text/css">
+div {border-bottom: 2px solid green}
+</style>
+</head>
+<body>
+<div>dillo</div>
+</body>
+</html>
diff --git a/old/css_compat/tests/border-style.html b/old/css_compat/tests/border-style.html
new file mode 100644
index 0000000..53b1201
--- /dev/null
+++ b/old/css_compat/tests/border-style.html
@@ -0,0 +1,640 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
+<head>
+<title>Border Styles</title>
+
+<style type="text/css" media="all">
+.t1t { border: 1px solid purple; padding: 0px;}
+.t2t { border: 2px solid purple; padding: 0px;}
+.t3t { border: 3px solid purple; padding: 0px;}
+.t4t { border: 4px solid purple; padding: 0px;}
+.t5t { border: 5px solid purple; padding: 0px;}
+
+.t1s { border: 1px solid olive; padding: 0px;}
+.t2s { border: 2px solid olive; padding: 0px;}
+.t3s { border: 3px solid olive; padding: 0px;}
+.t4s { border: 4px solid olive; padding: 0px;}
+.t5s { border: 5px solid olive; padding: 0px;}
+
+.t1u { border: 1px double brown; padding: 0px; }
+.t2u { border: 2px double brown; padding: 0px; }
+.t3u { border: 3px double brown; padding: 0px; }
+.t4u { border: 4px double brown; padding: 0px; }
+.t5u { border: 5px double brown; padding: 0px; }
+
+.t1i { border: 1px inset green; padding: 0px; }
+.t2i { border: 2px inset green; padding: 0px; }
+.t3i { border: 3px inset green; padding: 0px; }
+.t4i { border: 4px inset green; padding: 0px; }
+.t5i { border: 5px inset green; padding: 0px; }
+
+.t1o { border: 1px outset green; padding: 0px; }
+.t2o { border: 2px outset green; padding: 0px; }
+.t3o { border: 3px outset green; padding: 0px; }
+.t4o { border: 4px outset green; padding: 0px; }
+.t5o { border: 5px outset green; padding: 0px; }
+
+.t1r { border: 1px ridge sienna; padding: 0px;}
+.t2r { border: 2px ridge sienna; padding: 0px;}
+.t3r { border: 3px ridge sienna; padding: 0px;}
+.t4r { border: 4px ridge sienna; padding: 0px;}
+.t5r { border: 5px ridge sienna; padding: 0px;}
+
+.t1g { border: 1px groove sienna; padding: 0px;}
+.t2g { border: 2px groove sienna; padding: 0px;}
+.t3g { border: 3px groove sienna; padding: 0px;}
+.t4g { border: 4px groove sienna; padding: 0px;}
+.t5g { border: 5px groove sienna; padding: 0px;}
+
+.t1d { border: 1px dotted navy; padding: 0px;}
+.t2d { border: 2px dotted navy; padding: 0px;}
+.t3d { border: 3px dotted navy; padding: 0px;}
+.t4d { border: 4px dotted navy; padding: 0px;}
+.t5d { border: 5px dotted navy; padding: 0px;}
+
+.t1a { border: 1px dashed navy; padding: 0px;}
+.t2a { border: 2px dashed navy; padding: 0px;}
+.t3a { border: 3px dashed navy; padding: 0px;}
+.t4a { border: 4px dashed navy; padding: 0px;}
+.t5a { border: 5px dashed navy; padding: 0px;}
+
+.cell {
+ margin: 0px;
+ border: 0px;
+ padding: 0px;
+}
+
+.bds {
+ border-style: solid;
+ border-top: 10px solid green;
+ border-right: 20px solid red;
+ border-left: 5px solid red;
+ border-bottom: 30px solid green;
+}
+.bdu {
+ border-style: double;
+ border-top: 10px double green;
+ border-right: 20px double red;
+ border-left: 5px double red;
+ border-bottom: 30px double green;
+}
+.bdi {
+ border-style: inset;
+ border-top: 10px inset green;
+ border-right: 20px inset red;
+ border-left: 5px inset red;
+ border-bottom: 30px inset green;
+}
+.bdo {
+ border-style: outset;
+ border-top: 10px outset green;
+ border-right: 20px outset red;
+ border-left: 5px outset red;
+ border-bottom: 30px outset green;
+}
+.bdr {
+ border-style: ridge;
+ border-top: 10px ridge green;
+ border-right: 20px ridge red;
+ border-left: 5px ridge red;
+ border-bottom: 30px ridge green;
+}
+.bdg {
+ border-style: groove;
+ border-top: 10px groove green;
+ border-right: 20px groove red;
+ border-left: 5px groove red;
+ border-bottom: 30px groove green;
+}
+.bdd {
+ border-style: dotted;
+ border-top: 10px dotted green;
+ border-right: 20px dotted red;
+ border-left: 5px dotted red;
+ border-bottom: 30px dotted green;
+}
+.bda {
+ border-style: dashed;
+ border-top: 10px dashed green;
+ border-right: 20px dashed red;
+ border-left: 5px dashed red;
+ border-bottom: 30px dashed green;
+}
+
+.one {border: 20px; border-style:dotted solid dashed double;}
+.two {border: 20px; border-style:dotted solid dashed;}
+.three {border: 20px; border-style:dotted solid;}
+.four {border: 20px; border-style:dotted;}
+.five {border: 20px; border-style:solid dotted;}
+.e {border:20px none;}
+.f {border:20px hidden;}
+.g {border:20px groove;}
+.h {border:20px double;}
+.i {border:20px ridge;}
+.j {border:20px inset teal;}
+.k {border:20px outset;}
+.l {border: 20px; border-style:double ridge;}
+.m {border: 20px; border-style:groove double;}
+
+</style>
+</head>
+
+<body>
+<big>1. Different border-styles in varying widths:</big>
+<br><br>
+<table style="border: 2px solid maroon;">
+<tr>
+
+<td>solid
+
+ <table>
+ <tr>
+ <td>
+  <table class="t1s"><tr><td class="cell"><img src="gray1x1.png"></table>
+  <table class="t1s"><tr><td class="cell"><img src="gray2x2.png"></table>
+  <table class="t1s"><tr><td class="cell"><img src="gray3x3.png"></table>
+  <table class="t1s"><tr><td class="cell"><img src="gray4x4.png"></table>
+  <table class="t1s"><tr><td class="cell"><img src="gray5x5.png"></table>
+  <table class="t1t"><tr><td class="cell"><img src="gray5x5.png"></table>
+  <br><table class="t1s"><tr><td class="cell"><img src="gray10x10.png"></table>
+ <td>
+  <table class="t2s"><tr><td class="cell"><img src="gray1x1.png"></table>
+  <table class="t2s"><tr><td class="cell"><img src="gray2x2.png"></table>
+  <table class="t2s"><tr><td class="cell"><img src="gray3x3.png"></table>
+  <table class="t2s"><tr><td class="cell"><img src="gray4x4.png"></table>
+  <table class="t2s"><tr><td class="cell"><img src="gray5x5.png"></table>
+  <table class="t2t"><tr><td class="cell"><img src="gray5x5.png"></table>
+  <br><table class="t2s"><tr><td class="cell"><img src="gray10x10.png"></table>
+ <td>
+  <table class="t3s"><tr><td class="cell"><img src="gray1x1.png"></table>
+  <table class="t3s"><tr><td class="cell"><img src="gray2x2.png"></table>
+  <table class="t3s"><tr><td class="cell"><img src="gray3x3.png"></table>
+  <table class="t3s"><tr><td class="cell"><img src="gray4x4.png"></table>
+  <table class="t3s"><tr><td class="cell"><img src="gray5x5.png"></table>
+  <table class="t3t"><tr><td class="cell"><img src="gray5x5.png"></table>
+  <br><table class="t3s"><tr><td class="cell"><img src="gray10x10.png"></table>
+ <td>
+  <table class="t4s"><tr><td class="cell"><img src="gray1x1.png"></table>
+  <table class="t4s"><tr><td class="cell"><img src="gray2x2.png"></table>
+  <table class="t4s"><tr><td class="cell"><img src="gray3x3.png"></table>
+  <table class="t4s"><tr><td class="cell"><img src="gray4x4.png"></table>
+  <table class="t4s"><tr><td class="cell"><img src="gray5x5.png"></table>
+  <table class="t4t"><tr><td class="cell"><img src="gray5x5.png"></table>
+  <br><table class="t4s"><tr><td class="cell"><img src="gray10x10.png"></table>
+ <td>
+  <table class="t5s"><tr><td class="cell"><img src="gray1x1.png"></table>
+  <table class="t5s"><tr><td class="cell"><img src="gray2x2.png"></table>
+  <table class="t5s"><tr><td class="cell"><img src="gray3x3.png"></table>
+  <table class="t5s"><tr><td class="cell"><img src="gray4x4.png"></table>
+  <table class="t5s"><tr><td class="cell"><img src="gray5x5.png"></table>
+  <table class="t5t"><tr><td class="cell"><img src="gray5x5.png"></table>
+  <br><table class="t5s"><tr><td class="cell"><img src="gray10x10.png"></table>
+ </table>
+
+<td>double
+
+ <table>
+ <tr>
+ <td>
+  <table class="t1u"><tr><td class="cell"><img src="gray1x1.png"></table>
+  <table class="t1u"><tr><td class="cell"><img src="gray2x2.png"></table>
+  <table class="t1u"><tr><td class="cell"><img src="gray3x3.png"></table>
+  <table class="t1u"><tr><td class="cell"><img src="gray4x4.png"></table>
+  <table class="t1u"><tr><td class="cell"><img src="gray5x5.png"></table>
+  <table class="t1t"><tr><td class="cell"><img src="gray5x5.png"></table>
+  <br><table class="t1u"><tr><td class="cell"><img src="gray10x10.png"></table>
+ <td>
+  <table class="t2u"><tr><td class="cell"><img src="gray1x1.png"></table>
+  <table class="t2u"><tr><td class="cell"><img src="gray2x2.png"></table>
+  <table class="t2u"><tr><td class="cell"><img src="gray3x3.png"></table>
+  <table class="t2u"><tr><td class="cell"><img src="gray4x4.png"></table>
+  <table class="t2u"><tr><td class="cell"><img src="gray5x5.png"></table>
+  <table class="t2t"><tr><td class="cell"><img src="gray5x5.png"></table>
+  <br><table class="t2u"><tr><td class="cell"><img src="gray10x10.png"></table>
+ <td>
+  <table class="t3u"><tr><td class="cell"><img src="gray1x1.png"></table>
+  <table class="t3u"><tr><td class="cell"><img src="gray2x2.png"></table>
+  <table class="t3u"><tr><td class="cell"><img src="gray3x3.png"></table>
+  <table class="t3u"><tr><td class="cell"><img src="gray4x4.png"></table>
+  <table class="t3u"><tr><td class="cell"><img src="gray5x5.png"></table>
+  <table class="t3t"><tr><td class="cell"><img src="gray5x5.png"></table>
+  <br><table class="t3u"><tr><td class="cell"><img src="gray10x10.png"></table>
+ <td>
+  <table class="t4u"><tr><td class="cell"><img src="gray1x1.png"></table>
+  <table class="t4u"><tr><td class="cell"><img src="gray2x2.png"></table>
+  <table class="t4u"><tr><td class="cell"><img src="gray3x3.png"></table>
+  <table class="t4u"><tr><td class="cell"><img src="gray4x4.png"></table>
+  <table class="t4u"><tr><td class="cell"><img src="gray5x5.png"></table>
+  <table class="t4t"><tr><td class="cell"><img src="gray5x5.png"></table>
+  <br><table class="t4u"><tr><td class="cell"><img src="gray10x10.png"></table>
+ <td>
+  <table class="t5u"><tr><td class="cell"><img src="gray1x1.png"></table>
+  <table class="t5u"><tr><td class="cell"><img src="gray2x2.png"></table>
+  <table class="t5u"><tr><td class="cell"><img src="gray3x3.png"></table>
+  <table class="t5u"><tr><td class="cell"><img src="gray4x4.png"></table>
+  <table class="t5u"><tr><td class="cell"><img src="gray5x5.png"></table>
+  <table class="t5t"><tr><td class="cell"><img src="gray5x5.png"></table>
+  <br><table class="t5u"><tr><td class="cell"><img src="gray10x10.png"></table>
+ </table>
+
+<td>inset
+
+ <table>
+ <tr>
+ <td>
+  <table class="t1i"><tr><td class="cell"><img src="gray1x1.png"></table>
+  <table class="t1i"><tr><td class="cell"><img src="gray2x2.png"></table>
+  <table class="t1i"><tr><td class="cell"><img src="gray3x3.png"></table>
+  <table class="t1i"><tr><td class="cell"><img src="gray4x4.png"></table>
+  <table class="t1i"><tr><td class="cell"><img src="gray5x5.png"></table>
+  <table class="t1t"><tr><td class="cell"><img src="gray5x5.png"></table>
+  <br><table class="t1i"><tr><td class="cell"><img src="gray10x10.png"></table>
+ <td>
+  <table class="t2i"><tr><td class="cell"><img src="gray1x1.png"></table>
+  <table class="t2i"><tr><td class="cell"><img src="gray2x2.png"></table>
+  <table class="t2i"><tr><td class="cell"><img src="gray3x3.png"></table>
+  <table class="t2i"><tr><td class="cell"><img src="gray4x4.png"></table>
+  <table class="t2i"><tr><td class="cell"><img src="gray5x5.png"></table>
+  <table class="t2t"><tr><td class="cell"><img src="gray5x5.png"></table>
+  <br><table class="t2i"><tr><td class="cell"><img src="gray10x10.png"></table>
+ <td>
+  <table class="t3i"><tr><td class="cell"><img src="gray1x1.png"></table>
+  <table class="t3i"><tr><td class="cell"><img src="gray2x2.png"></table>
+  <table class="t3i"><tr><td class="cell"><img src="gray3x3.png"></table>
+  <table class="t3i"><tr><td class="cell"><img src="gray4x4.png"></table>
+  <table class="t3i"><tr><td class="cell"><img src="gray5x5.png"></table>
+  <table class="t3t"><tr><td class="cell"><img src="gray5x5.png"></table>
+  <br><table class="t3i"><tr><td class="cell"><img src="gray10x10.png"></table>
+ <td>
+  <table class="t4i"><tr><td class="cell"><img src="gray1x1.png"></table>
+  <table class="t4i"><tr><td class="cell"><img src="gray2x2.png"></table>
+  <table class="t4i"><tr><td class="cell"><img src="gray3x3.png"></table>
+  <table class="t4i"><tr><td class="cell"><img src="gray4x4.png"></table>
+  <table class="t4i"><tr><td class="cell"><img src="gray5x5.png"></table>
+  <table class="t4t"><tr><td class="cell"><img src="gray5x5.png"></table>
+  <br><table class="t4i"><tr><td class="cell"><img src="gray10x10.png"></table>
+ <td>
+  <table class="t5i"><tr><td class="cell"><img src="gray1x1.png"></table>
+  <table class="t5i"><tr><td class="cell"><img src="gray2x2.png"></table>
+  <table class="t5i"><tr><td class="cell"><img src="gray3x3.png"></table>
+  <table class="t5i"><tr><td class="cell"><img src="gray4x4.png"></table>
+  <table class="t5i"><tr><td class="cell"><img src="gray5x5.png"></table>
+  <table class="t5t"><tr><td class="cell"><img src="gray5x5.png"></table>
+  <br><table class="t5i"><tr><td class="cell"><img src="gray10x10.png"></table>
+ </table>
+
+<td>outset
+
+ <table>
+ <tr>
+ <td>
+  <table class="t1o"><tr><td class="cell"><img src="gray1x1.png"></table>
+  <table class="t1o"><tr><td class="cell"><img src="gray2x2.png"></table>
+  <table class="t1o"><tr><td class="cell"><img src="gray3x3.png"></table>
+  <table class="t1o"><tr><td class="cell"><img src="gray4x4.png"></table>
+  <table class="t1o"><tr><td class="cell"><img src="gray5x5.png"></table>
+  <table class="t1t"><tr><td class="cell"><img src="gray5x5.png"></table>
+  <br><table class="t1o"><tr><td class="cell"><img src="gray10x10.png"></table>
+ <td>
+  <table class="t2o"><tr><td class="cell"><img src="gray1x1.png"></table>
+  <table class="t2o"><tr><td class="cell"><img src="gray2x2.png"></table>
+  <table class="t2o"><tr><td class="cell"><img src="gray3x3.png"></table>
+  <table class="t2o"><tr><td class="cell"><img src="gray4x4.png"></table>
+  <table class="t2o"><tr><td class="cell"><img src="gray5x5.png"></table>
+  <table class="t2t"><tr><td class="cell"><img src="gray5x5.png"></table>
+  <br><table class="t2o"><tr><td class="cell"><img src="gray10x10.png"></table>
+ <td>
+  <table class="t3o"><tr><td class="cell"><img src="gray1x1.png"></table>
+  <table class="t3o"><tr><td class="cell"><img src="gray2x2.png"></table>
+  <table class="t3o"><tr><td class="cell"><img src="gray3x3.png"></table>
+  <table class="t3o"><tr><td class="cell"><img src="gray4x4.png"></table>
+  <table class="t3o"><tr><td class="cell"><img src="gray5x5.png"></table>
+  <table class="t3t"><tr><td class="cell"><img src="gray5x5.png"></table>
+  <br><table class="t3o"><tr><td class="cell"><img src="gray10x10.png"></table>
+ <td>
+  <table class="t4o"><tr><td class="cell"><img src="gray1x1.png"></table>
+  <table class="t4o"><tr><td class="cell"><img src="gray2x2.png"></table>
+  <table class="t4o"><tr><td class="cell"><img src="gray3x3.png"></table>
+  <table class="t4o"><tr><td class="cell"><img src="gray4x4.png"></table>
+  <table class="t4o"><tr><td class="cell"><img src="gray5x5.png"></table>
+  <table class="t4t"><tr><td class="cell"><img src="gray5x5.png"></table>
+  <br><table class="t4o"><tr><td class="cell"><img src="gray10x10.png"></table>
+ <td>
+  <table class="t5o"><tr><td class="cell"><img src="gray1x1.png"></table>
+  <table class="t5o"><tr><td class="cell"><img src="gray2x2.png"></table>
+  <table class="t5o"><tr><td class="cell"><img src="gray3x3.png"></table>
+  <table class="t5o"><tr><td class="cell"><img src="gray4x4.png"></table>
+  <table class="t5o"><tr><td class="cell"><img src="gray5x5.png"></table>
+  <table class="t5t"><tr><td class="cell"><img src="gray5x5.png"></table>
+  <br><table class="t5o"><tr><td class="cell"><img src="gray10x10.png"></table>
+ </table>
+
+<td>ridge
+
+ <table>
+ <tr>
+ <td>
+  <table class="t1r"><tr><td class="cell"><img src="gray1x1.png"></table>
+  <table class="t1r"><tr><td class="cell"><img src="gray2x2.png"></table>
+  <table class="t1r"><tr><td class="cell"><img src="gray3x3.png"></table>
+  <table class="t1r"><tr><td class="cell"><img src="gray4x4.png"></table>
+  <table class="t1r"><tr><td class="cell"><img src="gray5x5.png"></table>
+  <table class="t1t"><tr><td class="cell"><img src="gray5x5.png"></table>
+  <br><table class="t1r"><tr><td class="cell"><img src="gray10x10.png"></table>
+ <td>
+  <table class="t2r"><tr><td class="cell"><img src="gray1x1.png"></table>
+  <table class="t2r"><tr><td class="cell"><img src="gray2x2.png"></table>
+  <table class="t2r"><tr><td class="cell"><img src="gray3x3.png"></table>
+  <table class="t2r"><tr><td class="cell"><img src="gray4x4.png"></table>
+  <table class="t2r"><tr><td class="cell"><img src="gray5x5.png"></table>
+  <table class="t2t"><tr><td class="cell"><img src="gray5x5.png"></table>
+  <br><table class="t2r"><tr><td class="cell"><img src="gray10x10.png"></table>
+ <td>
+  <table class="t3r"><tr><td class="cell"><img src="gray1x1.png"></table>
+  <table class="t3r"><tr><td class="cell"><img src="gray2x2.png"></table>
+  <table class="t3r"><tr><td class="cell"><img src="gray3x3.png"></table>
+  <table class="t3r"><tr><td class="cell"><img src="gray4x4.png"></table>
+  <table class="t3r"><tr><td class="cell"><img src="gray5x5.png"></table>
+  <table class="t3t"><tr><td class="cell"><img src="gray5x5.png"></table>
+  <br><table class="t3r"><tr><td class="cell"><img src="gray10x10.png"></table>
+ <td>
+  <table class="t4r"><tr><td class="cell"><img src="gray1x1.png"></table>
+  <table class="t4r"><tr><td class="cell"><img src="gray2x2.png"></table>
+  <table class="t4r"><tr><td class="cell"><img src="gray3x3.png"></table>
+  <table class="t4r"><tr><td class="cell"><img src="gray4x4.png"></table>
+  <table class="t4r"><tr><td class="cell"><img src="gray5x5.png"></table>
+  <table class="t4t"><tr><td class="cell"><img src="gray5x5.png"></table>
+  <br><table class="t4r"><tr><td class="cell"><img src="gray10x10.png"></table>
+ <td>
+  <table class="t5r"><tr><td class="cell"><img src="gray1x1.png"></table>
+  <table class="t5r"><tr><td class="cell"><img src="gray2x2.png"></table>
+  <table class="t5r"><tr><td class="cell"><img src="gray3x3.png"></table>
+  <table class="t5r"><tr><td class="cell"><img src="gray4x4.png"></table>
+  <table class="t5r"><tr><td class="cell"><img src="gray5x5.png"></table>
+  <table class="t5t"><tr><td class="cell"><img src="gray5x5.png"></table>
+  <br><table class="t5r"><tr><td class="cell"><img src="gray10x10.png"></table>
+ </table>
+
+<td>groove
+
+ <table>
+ <tr>
+ <td>
+  <table class="t1g"><tr><td class="cell"><img src="gray1x1.png"></table>
+  <table class="t1g"><tr><td class="cell"><img src="gray2x2.png"></table>
+  <table class="t1g"><tr><td class="cell"><img src="gray3x3.png"></table>
+  <table class="t1g"><tr><td class="cell"><img src="gray4x4.png"></table>
+  <table class="t1g"><tr><td class="cell"><img src="gray5x5.png"></table>
+  <table class="t1t"><tr><td class="cell"><img src="gray5x5.png"></table>
+  <br><table class="t1g"><tr><td class="cell"><img src="gray10x10.png"></table>
+ <td>
+  <table class="t2g"><tr><td class="cell"><img src="gray1x1.png"></table>
+  <table class="t2g"><tr><td class="cell"><img src="gray2x2.png"></table>
+  <table class="t2g"><tr><td class="cell"><img src="gray3x3.png"></table>
+  <table class="t2g"><tr><td class="cell"><img src="gray4x4.png"></table>
+  <table class="t2g"><tr><td class="cell"><img src="gray5x5.png"></table>
+  <table class="t2t"><tr><td class="cell"><img src="gray5x5.png"></table>
+  <br><table class="t2g"><tr><td class="cell"><img src="gray10x10.png"></table>
+ <td>
+  <table class="t3g"><tr><td class="cell"><img src="gray1x1.png"></table>
+  <table class="t3g"><tr><td class="cell"><img src="gray2x2.png"></table>
+  <table class="t3g"><tr><td class="cell"><img src="gray3x3.png"></table>
+  <table class="t3g"><tr><td class="cell"><img src="gray4x4.png"></table>
+  <table class="t3g"><tr><td class="cell"><img src="gray5x5.png"></table>
+  <table class="t3t"><tr><td class="cell"><img src="gray5x5.png"></table>
+  <br><table class="t3g"><tr><td class="cell"><img src="gray10x10.png"></table>
+ <td>
+  <table class="t4g"><tr><td class="cell"><img src="gray1x1.png"></table>
+  <table class="t4g"><tr><td class="cell"><img src="gray2x2.png"></table>
+  <table class="t4g"><tr><td class="cell"><img src="gray3x3.png"></table>
+  <table class="t4g"><tr><td class="cell"><img src="gray4x4.png"></table>
+  <table class="t4g"><tr><td class="cell"><img src="gray5x5.png"></table>
+  <table class="t4t"><tr><td class="cell"><img src="gray5x5.png"></table>
+  <br><table class="t4g"><tr><td class="cell"><img src="gray10x10.png"></table>
+ <td>
+  <table class="t5g"><tr><td class="cell"><img src="gray1x1.png"></table>
+  <table class="t5g"><tr><td class="cell"><img src="gray2x2.png"></table>
+  <table class="t5g"><tr><td class="cell"><img src="gray3x3.png"></table>
+  <table class="t5g"><tr><td class="cell"><img src="gray4x4.png"></table>
+  <table class="t5g"><tr><td class="cell"><img src="gray5x5.png"></table>
+  <table class="t5t"><tr><td class="cell"><img src="gray5x5.png"></table>
+  <br><table class="t5g"><tr><td class="cell"><img src="gray10x10.png"></table>
+ </table>
+
+<td>dotted
+
+ <table>
+ <tr>
+ <td>
+  <table class="t1d"><tr><td class="cell"><img src="gray1x1.png"></table>
+  <table class="t1d"><tr><td class="cell"><img src="gray2x2.png"></table>
+  <table class="t1d"><tr><td class="cell"><img src="gray3x3.png"></table>
+  <table class="t1d"><tr><td class="cell"><img src="gray4x4.png"></table>
+  <table class="t1d"><tr><td class="cell"><img src="gray5x5.png"></table>
+  <table class="t1t"><tr><td class="cell"><img src="gray5x5.png"></table>
+  <br><table class="t1d"><tr><td class="cell"><img src="gray10x10.png"></table>
+ <td>
+  <table class="t2d"><tr><td class="cell"><img src="gray1x1.png"></table>
+  <table class="t2d"><tr><td class="cell"><img src="gray2x2.png"></table>
+  <table class="t2d"><tr><td class="cell"><img src="gray3x3.png"></table>
+  <table class="t2d"><tr><td class="cell"><img src="gray4x4.png"></table>
+  <table class="t2d"><tr><td class="cell"><img src="gray5x5.png"></table>
+  <table class="t2t"><tr><td class="cell"><img src="gray5x5.png"></table>
+  <br><table class="t2d"><tr><td class="cell"><img src="gray10x10.png"></table>
+ <td>
+  <table class="t3d"><tr><td class="cell"><img src="gray1x1.png"></table>
+  <table class="t3d"><tr><td class="cell"><img src="gray2x2.png"></table>
+  <table class="t3d"><tr><td class="cell"><img src="gray3x3.png"></table>
+  <table class="t3d"><tr><td class="cell"><img src="gray4x4.png"></table>
+  <table class="t3d"><tr><td class="cell"><img src="gray5x5.png"></table>
+  <table class="t3t"><tr><td class="cell"><img src="gray5x5.png"></table>
+  <br><table class="t3d"><tr><td class="cell"><img src="gray10x10.png"></table>
+ <td>
+  <table class="t4d"><tr><td class="cell"><img src="gray1x1.png"></table>
+  <table class="t4d"><tr><td class="cell"><img src="gray2x2.png"></table>
+  <table class="t4d"><tr><td class="cell"><img src="gray3x3.png"></table>
+  <table class="t4d"><tr><td class="cell"><img src="gray4x4.png"></table>
+  <table class="t4d"><tr><td class="cell"><img src="gray5x5.png"></table>
+  <table class="t4t"><tr><td class="cell"><img src="gray5x5.png"></table>
+  <br><table class="t4d"><tr><td class="cell"><img src="gray10x10.png"></table>
+ <td>
+  <table class="t5d"><tr><td class="cell"><img src="gray1x1.png"></table>
+  <table class="t5d"><tr><td class="cell"><img src="gray2x2.png"></table>
+  <table class="t5d"><tr><td class="cell"><img src="gray3x3.png"></table>
+  <table class="t5d"><tr><td class="cell"><img src="gray4x4.png"></table>
+  <table class="t5d"><tr><td class="cell"><img src="gray5x5.png"></table>
+  <table class="t5t"><tr><td class="cell"><img src="gray5x5.png"></table>
+  <br><table class="t5d"><tr><td class="cell"><img src="gray10x10.png"></table>
+ </table>
+
+<td>dashed
+
+ <table>
+ <tr>
+ <td>
+  <table class="t1a"><tr><td class="cell"><img src="gray1x1.png"></table>
+  <table class="t1a"><tr><td class="cell"><img src="gray2x2.png"></table>
+  <table class="t1a"><tr><td class="cell"><img src="gray3x3.png"></table>
+  <table class="t1a"><tr><td class="cell"><img src="gray4x4.png"></table>
+  <table class="t1a"><tr><td class="cell"><img src="gray5x5.png"></table>
+  <table class="t1t"><tr><td class="cell"><img src="gray5x5.png"></table>
+  <br><table class="t1a"><tr><td class="cell"><img src="gray10x10.png"></table>
+ <td>
+  <table class="t2a"><tr><td class="cell"><img src="gray1x1.png"></table>
+  <table class="t2a"><tr><td class="cell"><img src="gray2x2.png"></table>
+  <table class="t2a"><tr><td class="cell"><img src="gray3x3.png"></table>
+  <table class="t2a"><tr><td class="cell"><img src="gray4x4.png"></table>
+  <table class="t2a"><tr><td class="cell"><img src="gray5x5.png"></table>
+  <table class="t2t"><tr><td class="cell"><img src="gray5x5.png"></table>
+  <br><table class="t2a"><tr><td class="cell"><img src="gray10x10.png"></table>
+ <td>
+  <table class="t3a"><tr><td class="cell"><img src="gray1x1.png"></table>
+  <table class="t3a"><tr><td class="cell"><img src="gray2x2.png"></table>
+  <table class="t3a"><tr><td class="cell"><img src="gray3x3.png"></table>
+  <table class="t3a"><tr><td class="cell"><img src="gray4x4.png"></table>
+  <table class="t3a"><tr><td class="cell"><img src="gray5x5.png"></table>
+  <table class="t3t"><tr><td class="cell"><img src="gray5x5.png"></table>
+  <br><table class="t3a"><tr><td class="cell"><img src="gray10x10.png"></table>
+ <td>
+  <table class="t4a"><tr><td class="cell"><img src="gray1x1.png"></table>
+  <table class="t4a"><tr><td class="cell"><img src="gray2x2.png"></table>
+  <table class="t4a"><tr><td class="cell"><img src="gray3x3.png"></table>
+  <table class="t4a"><tr><td class="cell"><img src="gray4x4.png"></table>
+  <table class="t4a"><tr><td class="cell"><img src="gray5x5.png"></table>
+  <table class="t4t"><tr><td class="cell"><img src="gray5x5.png"></table>
+  <br><table class="t4a"><tr><td class="cell"><img src="gray10x10.png"></table>
+ <td>
+  <table class="t5a"><tr><td class="cell"><img src="gray1x1.png"></table>
+  <table class="t5a"><tr><td class="cell"><img src="gray2x2.png"></table>
+  <table class="t5a"><tr><td class="cell"><img src="gray3x3.png"></table>
+  <table class="t5a"><tr><td class="cell"><img src="gray4x4.png"></table>
+  <table class="t5a"><tr><td class="cell"><img src="gray5x5.png"></table>
+  <table class="t5t"><tr><td class="cell"><img src="gray5x5.png"></table>
+  <br><table class="t5a"><tr><td class="cell"><img src="gray10x10.png"></table>
+ </table>
+
+
+</table>
+
+<br><br>
+<table cellpadding="20">
+<tr>
+<td>
+ <table class="bds">
+   <tr><td class="cell"><img src="Red.png"></table>
+<td>
+ <table class="bdu">
+   <tr><td class="cell"><img src="Red.png"></table>
+<td>
+ <table class="bdi">
+   <tr><td class="cell"><img src="Red.png"></table>
+<td>
+ <table class="bdo">
+   <tr><td class="cell"><img src="Red.png"></table>
+<td>
+ <table class="bdr">
+   <tr><td class="cell"><img src="Red.png"></table>
+<td>
+ <table class="bdg">
+   <tr><td class="cell"><img src="Red.png"></table>
+<td>
+ <table class="bdd">
+   <tr><td class="cell"><img src="Red.png"></table>
+<td>
+ <table class="bda">
+   <tr><td class="cell"><img src="Red.png"></table>
+</table>
+
+
+<br><br>
+<hr border="4">
+<big>2.- Mixed styles and single-style progressive width:</big>
+<br><br>
+<table border="0" cellspacing="10">
+<tr>
+<td style="border:1px solid firebrick;"><img src="sq.gif"><br>solid 1px
+<td class="one"><img src="sq.gif"><br>dotted solid dashed double
+<td class="two"><img src="sq.gif"><br>dotted solid dashed
+<td class="three"><img src="sq.gif"><br>dotted solid
+<td class="four"><img src="sq.gif"><br>dotted
+<td class="five"><img src="sq.gif"><br>solid dotted
+<td class="e"><img src="sq.gif"><br>none
+<td class="f"><img src="sq.gif"><br>hidden
+<tr>
+<td style="border:1px solid firebrick;"><img src="sq.gif"><br>solid 1px
+<td class="g"><img src="sq.gif"><br>groove
+<td class="h"><img src="sq.gif"><br>double
+<td class="i"><img src="sq.gif"><br>ridge
+<td class="j"><img src="sq.gif"><br>inset
+<td class="k"><img src="sq.gif"><br>outset
+<td class="l"><img src="sq.gif"><br>double ridge
+<td class="m"><img src="sq.gif"><br>groove double
+<tr>
+<td style="border:1px solid firebrick;"><img src="sq.gif"><br>solid 1px
+<td style="border:1px inset chocolate;"><img src="sq.gif"><br>inset 1px
+<td style="border:2px inset chocolate;"><img src="sq.gif"><br>inset 2px
+<td style="border:3px inset chocolate;"><img src="sq.gif"><br>inset 3px
+<td style="border:4px inset chocolate;"><img src="sq.gif"><br>inset 4px
+<td style="border:5px inset chocolate;"><img src="sq.gif"><br>inset 5px
+<td style="border:6px inset chocolate;"><img src="sq.gif"><br>inset 6px
+<td style="border:7px inset chocolate;"><img src="sq.gif"><br>inset 7px
+<tr>
+<td style="border:1px solid firebrick;"><img src="sq.gif"><br>solid 1px
+<td style="border:1px double;"><img src="sq.gif"><br>double 1px
+<td style="border:2px double;"><img src="sq.gif"><br>double 2px
+<td style="border:3px double;"><img src="sq.gif"><br>double 3px
+<td style="border:4px double;"><img src="sq.gif"><br>double 4px
+<td style="border:5px double;"><img src="sq.gif"><br>double 5px
+<td style="border:6px double;"><img src="sq.gif"><br>double 6px
+<td style="border:7px double;"><img src="sq.gif"><br>double 7px
+<tr>
+<td style="border:1px solid firebrick;"><img src="sq.gif"><br>solid 1px
+<td style="border:1px dotted;"><img src="sq.gif"><br>dotted 1px
+<td style="border:2px dotted;"><img src="sq.gif"><br>dotted 2px
+<td style="border:3px dotted;"><img src="sq.gif"><br>dotted 3px
+<td style="border:4px dotted;"><img src="sq.gif"><br>dotted 4px
+<td style="border:5px dotted;"><img src="sq.gif"><br>dotted 5px
+<td style="border:6px dotted;"><img src="sq.gif"><br>dotted 6px
+<td style="border:7px dotted;"><img src="sq.gif"><br>dotted 7px
+<tr>
+<td style="border:1px solid firebrick;"><img src="sq.gif"><br>solid 1px
+<td style="border:1px dashed;"><img src="sq.gif"><br>dashed 1px
+<td style="border:2px dashed;"><img src="sq.gif"><br>dashed 2px
+<td style="border:3px dashed;"><img src="sq.gif"><br>dashed 3px
+<td style="border:4px dashed;"><img src="sq.gif"><br>dashed 4px
+<td style="border:5px dashed;"><img src="sq.gif"><br>dashed 5px
+<td style="border:6px dashed;"><img src="sq.gif"><br>dashed 6px
+<td style="border:7px dashed;"><img src="sq.gif"><br>dashed 7px
+<tr>
+<td style="border:1px solid firebrick;"><img src="sq.gif"><br>solid 1px
+<td style="border:1px ridge;"><img src="sq.gif"><br>ridge 1px
+<td style="border:2px ridge;"><img src="sq.gif"><br>ridge 2px
+<td style="border:3px ridge;"><img src="sq.gif"><br>ridge 3px
+<td style="border:4px ridge;"><img src="sq.gif"><br>ridge 4px
+<td style="border:5px ridge;"><img src="sq.gif"><br>ridge 5px
+<td style="border:6px ridge;"><img src="sq.gif"><br>ridge 6px
+<td style="border:7px ridge;"><img src="sq.gif"><br>ridge 7px
+<tr>
+<td style="border:1px solid firebrick;"><img src="sq.gif"><br>solid 1px
+<td style="border:1px groove;"><img src="sq.gif"><br>groove 1px
+<td style="border:2px groove;"><img src="sq.gif"><br>groove 2px
+<td style="border:3px groove;"><img src="sq.gif"><br>groove 3px
+<td style="border:4px groove;"><img src="sq.gif"><br>groove 4px
+<td style="border:5px groove;"><img src="sq.gif"><br>groove 5px
+<td style="border:6px groove;"><img src="sq.gif"><br>groove 6px
+<td style="border:7px groove;"><img src="sq.gif"><br>groove 7px
+<tr>
+<td style="border:1px solid firebrick;"><img src="sq.gif"><br>solid 1px
+<td style="border:1px solid;"><img src="sq.gif"><br>solid 1px
+<td style="border:2px solid;"><img src="sq.gif"><br>solid 2px
+<td style="border:3px solid;"><img src="sq.gif"><br>solid 3px
+<td style="border:4px solid;"><img src="sq.gif"><br>solid 4px
+<td style="border:5px solid;"><img src="sq.gif"><br>solid 5px
+<td style="border:6px solid;"><img src="sq.gif"><br>solid 6px
+<td style="border:7px solid;"><img src="sq.gif"><br>solid 7px
+
+</table>
+
+</body>
+</html>
diff --git a/old/css_compat/tests/border-top-color.html b/old/css_compat/tests/border-top-color.html
new file mode 100644
index 0000000..5a98b66
--- /dev/null
+++ b/old/css_compat/tests/border-top-color.html
@@ -0,0 +1,10 @@
+<html>
+<head>
+<style type="text/css">
+
+</style>
+</head>
+<body>
+
+</body>
+</html>
diff --git a/old/css_compat/tests/border-top-style.html b/old/css_compat/tests/border-top-style.html
new file mode 100644
index 0000000..5a98b66
--- /dev/null
+++ b/old/css_compat/tests/border-top-style.html
@@ -0,0 +1,10 @@
+<html>
+<head>
+<style type="text/css">
+
+</style>
+</head>
+<body>
+
+</body>
+</html>
diff --git a/old/css_compat/tests/border-top-width.html b/old/css_compat/tests/border-top-width.html
new file mode 100644
index 0000000..5a98b66
--- /dev/null
+++ b/old/css_compat/tests/border-top-width.html
@@ -0,0 +1,10 @@
+<html>
+<head>
+<style type="text/css">
+
+</style>
+</head>
+<body>
+
+</body>
+</html>
diff --git a/old/css_compat/tests/border-top.html b/old/css_compat/tests/border-top.html
new file mode 100644
index 0000000..7423884
--- /dev/null
+++ b/old/css_compat/tests/border-top.html
@@ -0,0 +1,10 @@
+<html>
+<head>
+<style type="text/css">
+div {border-bottom: 2px solid green}
+</style>
+</head>
+<body>
+<div>dillo</div>
+</body>
+</html>
diff --git a/old/css_compat/tests/border-width.html b/old/css_compat/tests/border-width.html
new file mode 100644
index 0000000..5a98b66
--- /dev/null
+++ b/old/css_compat/tests/border-width.html
@@ -0,0 +1,10 @@
+<html>
+<head>
+<style type="text/css">
+
+</style>
+</head>
+<body>
+
+</body>
+</html>
diff --git a/old/css_compat/tests/border.html b/old/css_compat/tests/border.html
new file mode 100644
index 0000000..a05f97c
--- /dev/null
+++ b/old/css_compat/tests/border.html
@@ -0,0 +1,10 @@
+<html>
+<head>
+<style type="text/css">
+div {border: 2px solid green}
+</style>
+</head>
+<body>
+<div>dillo</div>
+</body>
+</html>
diff --git a/old/css_compat/tests/border_background_margin.html b/old/css_compat/tests/border_background_margin.html
new file mode 100644
index 0000000..7bf6043
--- /dev/null
+++ b/old/css_compat/tests/border_background_margin.html
@@ -0,0 +1,12 @@
+<html>
+<head>
+<title>border, background, and margin</title>
+<style type=text/css>
+.a { background-color: green; margin-top: 1em; border: 1px solid}
+</style>
+</head>
+<body>
+<div></div>
+<div class="a">there should be a green box with a single 1px border</div>
+</body>
+</html>
diff --git a/old/css_compat/tests/bottom.html b/old/css_compat/tests/bottom.html
new file mode 100644
index 0000000..5a98b66
--- /dev/null
+++ b/old/css_compat/tests/bottom.html
@@ -0,0 +1,10 @@
+<html>
+<head>
+<style type="text/css">
+
+</style>
+</head>
+<body>
+
+</body>
+</html>
diff --git a/old/css_compat/tests/caption-side.html b/old/css_compat/tests/caption-side.html
new file mode 100644
index 0000000..5a98b66
--- /dev/null
+++ b/old/css_compat/tests/caption-side.html
@@ -0,0 +1,10 @@
+<html>
+<head>
+<style type="text/css">
+
+</style>
+</head>
+<body>
+
+</body>
+</html>
diff --git a/old/css_compat/tests/clear.html b/old/css_compat/tests/clear.html
new file mode 100644
index 0000000..5a98b66
--- /dev/null
+++ b/old/css_compat/tests/clear.html
@@ -0,0 +1,10 @@
+<html>
+<head>
+<style type="text/css">
+
+</style>
+</head>
+<body>
+
+</body>
+</html>
diff --git a/old/css_compat/tests/clip.html b/old/css_compat/tests/clip.html
new file mode 100644
index 0000000..5a98b66
--- /dev/null
+++ b/old/css_compat/tests/clip.html
@@ -0,0 +1,10 @@
+<html>
+<head>
+<style type="text/css">
+
+</style>
+</head>
+<body>
+
+</body>
+</html>
diff --git a/old/css_compat/tests/color.html b/old/css_compat/tests/color.html
new file mode 100644
index 0000000..cba7876
--- /dev/null
+++ b/old/css_compat/tests/color.html
@@ -0,0 +1,10 @@
+<html>
+<head>
+<style type="text/css">
+div {color: green}
+</style>
+</head>
+<body>
+<div>dillo</div>
+</body>
+</html>
diff --git a/old/css_compat/tests/content.html b/old/css_compat/tests/content.html
new file mode 100644
index 0000000..5a98b66
--- /dev/null
+++ b/old/css_compat/tests/content.html
@@ -0,0 +1,10 @@
+<html>
+<head>
+<style type="text/css">
+
+</style>
+</head>
+<body>
+
+</body>
+</html>
diff --git a/old/css_compat/tests/counter-increment.html b/old/css_compat/tests/counter-increment.html
new file mode 100644
index 0000000..5a98b66
--- /dev/null
+++ b/old/css_compat/tests/counter-increment.html
@@ -0,0 +1,10 @@
+<html>
+<head>
+<style type="text/css">
+
+</style>
+</head>
+<body>
+
+</body>
+</html>
diff --git a/old/css_compat/tests/counter-reset.html b/old/css_compat/tests/counter-reset.html
new file mode 100644
index 0000000..5a98b66
--- /dev/null
+++ b/old/css_compat/tests/counter-reset.html
@@ -0,0 +1,10 @@
+<html>
+<head>
+<style type="text/css">
+
+</style>
+</head>
+<body>
+
+</body>
+</html>
diff --git a/old/css_compat/tests/css-on-html-element.html b/old/css_compat/tests/css-on-html-element.html
new file mode 100644
index 0000000..a7a28e8
--- /dev/null
+++ b/old/css_compat/tests/css-on-html-element.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
+<head>
+<title>CSS on HTML element</title>
+
+<style type="text/css" media="all">
+
+html {
+ background-color: green; color: red;
+}
+
+body {
+ background-color: white
+}
+</style>
+</head>
+
+<body>
+
+<h3>This text should render red in a white background box on a green canvas</h3>
+
+</body>
+</html>
diff --git a/old/css_compat/tests/cursor.html b/old/css_compat/tests/cursor.html
new file mode 100644
index 0000000..207a1a6
--- /dev/null
+++ b/old/css_compat/tests/cursor.html
@@ -0,0 +1,10 @@
+<html>
+<head>
+<style type="text/css">
+div {cursor: crosshair}
+</style>
+</head>
+<body>
+<div>dillo</div>
+</body>
+</html>
diff --git a/old/css_compat/tests/dillo1.png b/old/css_compat/tests/dillo1.png
new file mode 100644
index 0000000..750f900
--- /dev/null
+++ b/old/css_compat/tests/dillo1.png
diff --git a/old/css_compat/tests/dillo2.png b/old/css_compat/tests/dillo2.png
new file mode 100644
index 0000000..61df59b
--- /dev/null
+++ b/old/css_compat/tests/dillo2.png
diff --git a/old/css_compat/tests/dillo3.png b/old/css_compat/tests/dillo3.png
new file mode 100644
index 0000000..8972298
--- /dev/null
+++ b/old/css_compat/tests/dillo3.png
diff --git a/old/css_compat/tests/direction.html b/old/css_compat/tests/direction.html
new file mode 100644
index 0000000..5a98b66
--- /dev/null
+++ b/old/css_compat/tests/direction.html
@@ -0,0 +1,10 @@
+<html>
+<head>
+<style type="text/css">
+
+</style>
+</head>
+<body>
+
+</body>
+</html>
diff --git a/old/css_compat/tests/discard-syntax-errors.html b/old/css_compat/tests/discard-syntax-errors.html
new file mode 100644
index 0000000..cbe148a
--- /dev/null
+++ b/old/css_compat/tests/discard-syntax-errors.html
@@ -0,0 +1,52 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
+<head>
+<title>discard CSS syntax errors</title>
+
+<style type="text/css" media="all">
+
+.word {
+ background-color: orange
+}
+
+table.separate {
+ border-collapse: separate;
+}
+table.separatebogus {
+ border-collapse: separate;
+ margin: 10px foo bar;
+ border: 20px #foo bar;
+ padding: 40px baz;
+}
+
+.tdbogus {
+  margin: 5px baz;
+  border: 10px solido #aaa;
+  padding: 20px 34;
+}
+.tdok {
+  border: 5px solid red;
+}
+</style>
+</head>
+
+<body bgcolor="#F0F8FF">
+
+<h3>Separate:</h3>
+These tables should render equal when CSS syntax errors are discarded:
+<p>
+ <table class="separate" border=1>
+ <tr><td>Carnivores<td><i class="word">Primates</i>
+ <tr><td class="tdok">Tiger<td>Sifaka
+ </table>
+<br>
+ <table class="separatebogus" border=1>
+ <tr><td class="tdbogus">Carnivores<td><i class="word">Primates</i>
+ <tr><td class="tdok">Tiger<td>Sifaka
+ </table>
+<br>
+<hr>
+
+</body>
+</html>
diff --git a/old/css_compat/tests/display.html b/old/css_compat/tests/display.html
new file mode 100644
index 0000000..5a98b66
--- /dev/null
+++ b/old/css_compat/tests/display.html
@@ -0,0 +1,10 @@
+<html>
+<head>
+<style type="text/css">
+
+</style>
+</head>
+<body>
+
+</body>
+</html>
diff --git a/old/css_compat/tests/empty-cells.html b/old/css_compat/tests/empty-cells.html
new file mode 100644
index 0000000..5a98b66
--- /dev/null
+++ b/old/css_compat/tests/empty-cells.html
@@ -0,0 +1,10 @@
+<html>
+<head>
+<style type="text/css">
+
+</style>
+</head>
+<body>
+
+</body>
+</html>
diff --git a/old/css_compat/tests/float.html b/old/css_compat/tests/float.html
new file mode 100644
index 0000000..5a98b66
--- /dev/null
+++ b/old/css_compat/tests/float.html
@@ -0,0 +1,10 @@
+<html>
+<head>
+<style type="text/css">
+
+</style>
+</head>
+<body>
+
+</body>
+</html>
diff --git a/old/css_compat/tests/font-family.html b/old/css_compat/tests/font-family.html
new file mode 100644
index 0000000..3ae2b21
--- /dev/null
+++ b/old/css_compat/tests/font-family.html
@@ -0,0 +1,10 @@
+<html>
+<head>
+<style type="text/css">
+div {font-family: arial}
+</style>
+</head>
+<body>
+<div>dillo</div>
+</body>
+</html>
diff --git a/old/css_compat/tests/font-size.html b/old/css_compat/tests/font-size.html
new file mode 100644
index 0000000..bfa4625
--- /dev/null
+++ b/old/css_compat/tests/font-size.html
@@ -0,0 +1,10 @@
+<html>
+<head>
+<style type="text/css">
+div {font-size: 2em}
+</style>
+</head>
+<body>
+<div>dillo</div>
+</body>
+</html>
diff --git a/old/css_compat/tests/font-style.html b/old/css_compat/tests/font-style.html
new file mode 100644
index 0000000..73839fe
--- /dev/null
+++ b/old/css_compat/tests/font-style.html
@@ -0,0 +1,10 @@
+<html>
+<head>
+<style type="text/css">
+div {font-style: italic}
+</style>
+</head>
+<body>
+<div>dillo</div>
+</body>
+</html>
diff --git a/old/css_compat/tests/font-variant.html b/old/css_compat/tests/font-variant.html
new file mode 100644
index 0000000..b45c50d
--- /dev/null
+++ b/old/css_compat/tests/font-variant.html
@@ -0,0 +1,39 @@
+<!DOCTYPE HTML PUBLIC '-//W3C//DTD HTML 4.01 Transitional//EN'>
+<html>
+<head>
+<title>font-variant test</title>
+<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
+<style type="text/css">
+.title {background-color: orange}
+.sc {font-variant:small-caps;}
+</style>
+</head>
+
+<body>
+<h2 class="title">Small caps test</h2>
+<hr>
+
+<table width="100%">
+<tr style="font-size: 500%;"> <td>Normal, CAPS <td class="sc">Small Caps
+<tr style="font-size: 400%;"> <td>Normal, CAPS <td class="sc"><i>Small Caps</i>
+<tr style="font-size: 300%;"> <td>Normal, CAPS <td class="sc"><b>Small Caps</b>
+<tr style="font-size: 200%;"> <td>Normal, CAPS <td class="sc">Small Caps
+<tr style="font-size: 100%;"> <td>Normal, CAPS <td class="sc">Small Caps
+<tr style="font-size: 50%;" > <td>Normal, CAPS <td class="sc">Small Caps
+</table>
+
+<hr>
+<p>
+Utf8 lowercase: "àáâãäåæçèéêëìíîïðñòóôõöøùúûüßý"<br>
+Utf8 small-caps <span class="sc">"àáâãäåæçèéêëìíîïðñòóôõöøùúûüßý"</span>
+<p>
+<table>
+<tr><td>Normal text:
+    <td>This is a length TEST for the conversion
+<tr><td>Small-caps:
+    <td class="sc">This is a length TEST for the conversion.
+</table>
+</body>
+
+</html>
+
diff --git a/old/css_compat/tests/font-weight.html b/old/css_compat/tests/font-weight.html
new file mode 100644
index 0000000..2b5dadc
--- /dev/null
+++ b/old/css_compat/tests/font-weight.html
@@ -0,0 +1,10 @@
+<html>
+<head>
+<style type="text/css">
+div {font-weight: bolder}
+</style>
+</head>
+<body>
+<div>dillo</div>
+</body>
+</html>
diff --git a/old/css_compat/tests/font.html b/old/css_compat/tests/font.html
new file mode 100644
index 0000000..89de589
--- /dev/null
+++ b/old/css_compat/tests/font.html
@@ -0,0 +1,10 @@
+<html>
+<head>
+<style type="text/css">
+div {font: arial 2em bolder}
+</style>
+</head>
+<body>
+<div>dillo</div>
+</body>
+</html>
diff --git a/old/css_compat/tests/gray10x10.png b/old/css_compat/tests/gray10x10.png
new file mode 100644
index 0000000..5c544d1
--- /dev/null
+++ b/old/css_compat/tests/gray10x10.png
diff --git a/old/css_compat/tests/gray1x1.png b/old/css_compat/tests/gray1x1.png
new file mode 100644
index 0000000..805d238
--- /dev/null
+++ b/old/css_compat/tests/gray1x1.png
diff --git a/old/css_compat/tests/gray2x2.png b/old/css_compat/tests/gray2x2.png
new file mode 100644
index 0000000..8eee816
--- /dev/null
+++ b/old/css_compat/tests/gray2x2.png
diff --git a/old/css_compat/tests/gray3x3.png b/old/css_compat/tests/gray3x3.png
new file mode 100644
index 0000000..e74769d
--- /dev/null
+++ b/old/css_compat/tests/gray3x3.png
diff --git a/old/css_compat/tests/gray4x4.png b/old/css_compat/tests/gray4x4.png
new file mode 100644
index 0000000..3c5838f
--- /dev/null
+++ b/old/css_compat/tests/gray4x4.png
diff --git a/old/css_compat/tests/gray5x5.png b/old/css_compat/tests/gray5x5.png
new file mode 100644
index 0000000..8e42625
--- /dev/null
+++ b/old/css_compat/tests/gray5x5.png
diff --git a/old/css_compat/tests/green.png b/old/css_compat/tests/green.png
new file mode 100644
index 0000000..34cb6f8
--- /dev/null
+++ b/old/css_compat/tests/green.png
diff --git a/old/css_compat/tests/height.html b/old/css_compat/tests/height.html
new file mode 100644
index 0000000..5a98b66
--- /dev/null
+++ b/old/css_compat/tests/height.html
@@ -0,0 +1,10 @@
+<html>
+<head>
+<style type="text/css">
+
+</style>
+</head>
+<body>
+
+</body>
+</html>
diff --git a/old/css_compat/tests/important.html b/old/css_compat/tests/important.html
new file mode 100644
index 0000000..f8297ef
--- /dev/null
+++ b/old/css_compat/tests/important.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>!important handling</title>
+<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
+<style type="text/css">
+div {
+	background-color: red;
+	color: red !important;
+	text-decoration: none !important
+}
+</style>
+</head>
+<body>
+ <div style="background-color: green; color: white !important; text-decoration: strike-through">
+    <h1>Should be white on green and not strike-through</h1>
+    <ul>
+    <li>Style attributes overwrite CSS in style-tags or stylesheets.</li>
+    <li>Important declarations in style-tags or stylesheets overwrite
+        style attributes.</li>
+    <li>Important style attribute declarations overwrite important declarations
+        in style-tags or stylesheets.</li>
+    </ul>
+ </div>
+</body>
+</html>
diff --git a/old/css_compat/tests/left.html b/old/css_compat/tests/left.html
new file mode 100644
index 0000000..5a98b66
--- /dev/null
+++ b/old/css_compat/tests/left.html
@@ -0,0 +1,10 @@
+<html>
+<head>
+<style type="text/css">
+
+</style>
+</head>
+<body>
+
+</body>
+</html>
diff --git a/old/css_compat/tests/letter-spacing.html b/old/css_compat/tests/letter-spacing.html
new file mode 100644
index 0000000..26e5292
--- /dev/null
+++ b/old/css_compat/tests/letter-spacing.html
@@ -0,0 +1,26 @@
+<html>
+<body>
+<span style="letter-spacing: 5px">With a lot of combining characters that
+fltk doesn't really position spectacularly</span>
+<p>
+<span>á áá ááá áááá</span>
+<p>
+<span>Ḿ ḾḾ ḾḾḾ ḾḾḾḾ</span>
+<p>
+<span>í íí ííí íííí</span>
+<p>
+<span style="letter-spacing: 2em">a aa aaa aaaa</span>
+<p>
+<span style="letter-spacing: 2em">á áá ááá áááá</span>
+<p>
+<span style="letter-spacing: 2em"> M̈ M̈M̈ M̈M̈M̈ M̈M̈M̈M̈</span>
+<p>
+<span style="letter-spacing: 2em">í íí ííí íííí</span>
+<p>
+<span style="letter-spacing: 2em">Ḿ ḾḾ ḾḾḾ ḾḾḾḾ</span>
+<p>
+<span style="font-variant: small-caps; letter-spacing: 2em">á áá ááá áááá</span>
+<p>
+<span style="text-transform: uppercase; font-variant: small-caps; letter-spacing: 2em">á áá ááá áááá</span>
+</body>
+</html>
diff --git a/old/css_compat/tests/line-height.html b/old/css_compat/tests/line-height.html
new file mode 100644
index 0000000..83e79c2
--- /dev/null
+++ b/old/css_compat/tests/line-height.html
@@ -0,0 +1,15 @@
+<html>
+<head>
+<style type="text/css">
+div {line-height: 2em}
+</style>
+</head>
+<body>
+<div>
+dillo<br>
+dillo<br>
+dillo<br>
+dillo<br>
+</div>
+</body>
+</html>
diff --git a/old/css_compat/tests/list-style-image.html b/old/css_compat/tests/list-style-image.html
new file mode 100644
index 0000000..5a98b66
--- /dev/null
+++ b/old/css_compat/tests/list-style-image.html
@@ -0,0 +1,10 @@
+<html>
+<head>
+<style type="text/css">
+
+</style>
+</head>
+<body>
+
+</body>
+</html>
diff --git a/old/css_compat/tests/list-style-position.html b/old/css_compat/tests/list-style-position.html
new file mode 100644
index 0000000..e66990e
--- /dev/null
+++ b/old/css_compat/tests/list-style-position.html
@@ -0,0 +1,72 @@
+<html>
+<head>
+<style type="text/css">
+li {border: 1px solid black}
+.a {list-style-position: inside }
+.b {list-style-position: outside }
+</style>
+</head>
+<body>
+<ol class="a">
+<li>
+inside inside inside inside inside inside inside inside
+inside inside inside inside inside inside inside inside
+inside inside inside inside inside inside inside inside
+inside inside inside inside inside inside inside inside
+inside inside inside inside inside inside inside inside
+inside inside inside inside inside inside inside inside
+inside inside inside inside inside inside inside inside
+inside inside inside inside inside inside inside inside
+</li>
+<li>
+inside inside inside inside inside inside inside inside
+inside inside inside inside inside inside inside inside
+inside inside inside inside inside inside inside inside
+inside inside inside inside inside inside inside inside
+inside inside inside inside inside inside inside inside
+inside inside inside inside inside inside inside inside
+inside inside inside inside inside inside inside inside
+inside inside inside inside inside inside inside inside
+</li>
+<li>
+inside inside inside inside inside inside inside inside
+inside inside inside inside inside inside inside inside
+inside inside inside inside inside inside inside inside
+inside inside inside inside inside inside inside inside
+inside inside inside inside inside inside inside inside
+inside inside inside inside inside inside inside inside
+inside inside inside inside inside inside inside inside
+inside inside inside inside inside inside inside inside
+</li>
+</ol>
+<ol class="b">
+<li>
+outside outside outside outside outside outside outside outside
+outside outside outside outside outside outside outside outside
+outside outside outside outside outside outside outside outside
+outside outside outside outside outside outside outside outside
+outside outside outside outside outside outside outside outside
+outside outside outside outside outside outside outside outside
+outside outside outside outside outside outside outside outside
+</li>
+<li>
+outside outside outside outside outside outside outside outside
+outside outside outside outside outside outside outside outside
+outside outside outside outside outside outside outside outside
+outside outside outside outside outside outside outside outside
+outside outside outside outside outside outside outside outside
+outside outside outside outside outside outside outside outside
+outside outside outside outside outside outside outside outside
+</li>
+<li>
+outside outside outside outside outside outside outside outside
+outside outside outside outside outside outside outside outside
+outside outside outside outside outside outside outside outside
+outside outside outside outside outside outside outside outside
+outside outside outside outside outside outside outside outside
+outside outside outside outside outside outside outside outside
+outside outside outside outside outside outside outside outside
+</li>
+</ol>
+</body>
+</html>
diff --git a/old/css_compat/tests/list-style-type.html b/old/css_compat/tests/list-style-type.html
new file mode 100644
index 0000000..65f34c3
--- /dev/null
+++ b/old/css_compat/tests/list-style-type.html
@@ -0,0 +1,86 @@
+<html>
+<head>
+<style type="text/css">
+.a {list-style-type: none }
+.b {list-style-type: circle }
+.c {list-style-type: square }
+.d {list-style-type: disc }
+.e {list-style-type: decimal }
+.f {list-style-type: lower-roman }
+.g {list-style-type: upper-roman }
+.h {list-style-type: decimal-leading-zero }
+.i {list-style-type: lower-greek }
+.j {list-style-type: lower-latin }
+.k {list-style-type: upper-latin }
+.l {list-style-type: armenian }
+.m {list-style-type: georgian }
+</style>
+</head>
+<body>
+<ul class="a">
+<li>dillo</li>
+<li>dillo</li>
+<li>dillo</li>
+</ul>
+<ul class="b">
+<li>dillo</li>
+<li>dillo</li>
+<li>dillo</li>
+</ul>
+<ul class="c">
+<li>dillo</li>
+<li>dillo</li>
+<li>dillo</li>
+</ul>
+<ul class="d">
+<li>dillo</li>
+<li>dillo</li>
+<li>dillo</li>
+</ul>
+<ul class="e">
+<li>dillo</li>
+<li>dillo</li>
+<li>dillo</li>
+</ul>
+<ul class="f">
+<li>dillo</li>
+<li>dillo</li>
+<li>dillo</li>
+</ul>
+<ul class="g">
+<li>dillo</li>
+<li>dillo</li>
+<li>dillo</li>
+</ul>
+<ul class="h">
+<li>dillo</li>
+<li>dillo</li>
+<li>dillo</li>
+</ul>
+<ul class="i">
+<li>dillo</li>
+<li>dillo</li>
+<li>dillo</li>
+</ul>
+<ul class="j">
+<li>dillo</li>
+<li>dillo</li>
+<li>dillo</li>
+</ul>
+<ul class="k">
+<li>dillo</li>
+<li>dillo</li>
+<li>dillo</li>
+</ul>
+<ul class="l">
+<li>dillo</li>
+<li>dillo</li>
+<li>dillo</li>
+</ul>
+<ul class="m">
+<li>dillo</li>
+<li>dillo</li>
+<li>dillo</li>
+</ul>
+</body>
+</html>
diff --git a/old/css_compat/tests/list-style.html b/old/css_compat/tests/list-style.html
new file mode 100644
index 0000000..c4cc881
--- /dev/null
+++ b/old/css_compat/tests/list-style.html
@@ -0,0 +1,30 @@
+<html>
+<head>
+<style type="text/css">
+.a {list-style: none }
+.b {list-style: lower-roman }
+</style>
+</head>
+<body>
+<ol class="a">
+<li>dillo</li>
+<li>dillo</li>
+<li>dillo</li>
+</ol>
+<ol class="b">
+<li>dillo</li>
+<li>dillo</li>
+<li>dillo</li>
+</ol>
+<ul class="3">
+<li>dillo</li>
+<li>dillo</li>
+<li>dillo</li>
+</ul>
+<ul class="4">
+<li>dillo</li>
+<li>dillo</li>
+<li>dillo</li>
+</ul>
+</body>
+</html>
diff --git a/old/css_compat/tests/margin-bottom.html b/old/css_compat/tests/margin-bottom.html
new file mode 100644
index 0000000..5a98b66
--- /dev/null
+++ b/old/css_compat/tests/margin-bottom.html
@@ -0,0 +1,10 @@
+<html>
+<head>
+<style type="text/css">
+
+</style>
+</head>
+<body>
+
+</body>
+</html>
diff --git a/old/css_compat/tests/margin-left.html b/old/css_compat/tests/margin-left.html
new file mode 100644
index 0000000..5a98b66
--- /dev/null
+++ b/old/css_compat/tests/margin-left.html
@@ -0,0 +1,10 @@
+<html>
+<head>
+<style type="text/css">
+
+</style>
+</head>
+<body>
+
+</body>
+</html>
diff --git a/old/css_compat/tests/margin-right.html b/old/css_compat/tests/margin-right.html
new file mode 100644
index 0000000..5a98b66
--- /dev/null
+++ b/old/css_compat/tests/margin-right.html
@@ -0,0 +1,10 @@
+<html>
+<head>
+<style type="text/css">
+
+</style>
+</head>
+<body>
+
+</body>
+</html>
diff --git a/old/css_compat/tests/margin-top.html b/old/css_compat/tests/margin-top.html
new file mode 100644
index 0000000..5a98b66
--- /dev/null
+++ b/old/css_compat/tests/margin-top.html
@@ -0,0 +1,10 @@
+<html>
+<head>
+<style type="text/css">
+
+</style>
+</head>
+<body>
+
+</body>
+</html>
diff --git a/old/css_compat/tests/margin.html b/old/css_compat/tests/margin.html
new file mode 100644
index 0000000..d9c61aa
--- /dev/null
+++ b/old/css_compat/tests/margin.html
@@ -0,0 +1,10 @@
+<html>
+<head>
+<style type="text/css">
+div {margin: 2em; border: 1px solid black}
+</style>
+</head>
+<body>
+<div>dillo</div>
+</body>
+</html>
diff --git a/old/css_compat/tests/margin_collapse.html b/old/css_compat/tests/margin_collapse.html
new file mode 100644
index 0000000..e30ec4c
--- /dev/null
+++ b/old/css_compat/tests/margin_collapse.html
@@ -0,0 +1,18 @@
+<html>
+<head>
+<title>Collapsing margins</title>
+<style type=text/css>
+div { margin-top: 100px; }
+</style>
+</head>
+<body>
+<h1>Collapsing of parent top margin with first child top margin</h1>
+<div>
+  <div>
+    <div style="border: 1px solid black">
+There should be a 100px vertical space above.
+    </div>
+  </div>
+</div>
+</body>
+</html>
diff --git a/old/css_compat/tests/max-height.html b/old/css_compat/tests/max-height.html
new file mode 100644
index 0000000..5a98b66
--- /dev/null
+++ b/old/css_compat/tests/max-height.html
@@ -0,0 +1,10 @@
+<html>
+<head>
+<style type="text/css">
+
+</style>
+</head>
+<body>
+
+</body>
+</html>
diff --git a/old/css_compat/tests/max-width.html b/old/css_compat/tests/max-width.html
new file mode 100644
index 0000000..5a98b66
--- /dev/null
+++ b/old/css_compat/tests/max-width.html
@@ -0,0 +1,10 @@
+<html>
+<head>
+<style type="text/css">
+
+</style>
+</head>
+<body>
+
+</body>
+</html>
diff --git a/old/css_compat/tests/min-height.html b/old/css_compat/tests/min-height.html
new file mode 100644
index 0000000..5a98b66
--- /dev/null
+++ b/old/css_compat/tests/min-height.html
@@ -0,0 +1,10 @@
+<html>
+<head>
+<style type="text/css">
+
+</style>
+</head>
+<body>
+
+</body>
+</html>
diff --git a/old/css_compat/tests/min-width.html b/old/css_compat/tests/min-width.html
new file mode 100644
index 0000000..5a98b66
--- /dev/null
+++ b/old/css_compat/tests/min-width.html
@@ -0,0 +1,10 @@
+<html>
+<head>
+<style type="text/css">
+
+</style>
+</head>
+<body>
+
+</body>
+</html>
diff --git a/old/css_compat/tests/orphans.html b/old/css_compat/tests/orphans.html
new file mode 100644
index 0000000..5a98b66
--- /dev/null
+++ b/old/css_compat/tests/orphans.html
@@ -0,0 +1,10 @@
+<html>
+<head>
+<style type="text/css">
+
+</style>
+</head>
+<body>
+
+</body>
+</html>
diff --git a/old/css_compat/tests/outline-color.html b/old/css_compat/tests/outline-color.html
new file mode 100644
index 0000000..5a98b66
--- /dev/null
+++ b/old/css_compat/tests/outline-color.html
@@ -0,0 +1,10 @@
+<html>
+<head>
+<style type="text/css">
+
+</style>
+</head>
+<body>
+
+</body>
+</html>
diff --git a/old/css_compat/tests/outline-style.html b/old/css_compat/tests/outline-style.html
new file mode 100644
index 0000000..5a98b66
--- /dev/null
+++ b/old/css_compat/tests/outline-style.html
@@ -0,0 +1,10 @@
+<html>
+<head>
+<style type="text/css">
+
+</style>
+</head>
+<body>
+
+</body>
+</html>
diff --git a/old/css_compat/tests/outline-width.html b/old/css_compat/tests/outline-width.html
new file mode 100644
index 0000000..5a98b66
--- /dev/null
+++ b/old/css_compat/tests/outline-width.html
@@ -0,0 +1,10 @@
+<html>
+<head>
+<style type="text/css">
+
+</style>
+</head>
+<body>
+
+</body>
+</html>
diff --git a/old/css_compat/tests/outline.html b/old/css_compat/tests/outline.html
new file mode 100644
index 0000000..5a98b66
--- /dev/null
+++ b/old/css_compat/tests/outline.html
@@ -0,0 +1,10 @@
+<html>
+<head>
+<style type="text/css">
+
+</style>
+</head>
+<body>
+
+</body>
+</html>
diff --git a/old/css_compat/tests/overflow.html b/old/css_compat/tests/overflow.html
new file mode 100644
index 0000000..5a98b66
--- /dev/null
+++ b/old/css_compat/tests/overflow.html
@@ -0,0 +1,10 @@
+<html>
+<head>
+<style type="text/css">
+
+</style>
+</head>
+<body>
+
+</body>
+</html>
diff --git a/old/css_compat/tests/padding-bottom.html b/old/css_compat/tests/padding-bottom.html
new file mode 100644
index 0000000..5a98b66
--- /dev/null
+++ b/old/css_compat/tests/padding-bottom.html
@@ -0,0 +1,10 @@
+<html>
+<head>
+<style type="text/css">
+
+</style>
+</head>
+<body>
+
+</body>
+</html>
diff --git a/old/css_compat/tests/padding-left.html b/old/css_compat/tests/padding-left.html
new file mode 100644
index 0000000..5a98b66
--- /dev/null
+++ b/old/css_compat/tests/padding-left.html
@@ -0,0 +1,10 @@
+<html>
+<head>
+<style type="text/css">
+
+</style>
+</head>
+<body>
+
+</body>
+</html>
diff --git a/old/css_compat/tests/padding-right.html b/old/css_compat/tests/padding-right.html
new file mode 100644
index 0000000..5a98b66
--- /dev/null
+++ b/old/css_compat/tests/padding-right.html
@@ -0,0 +1,10 @@
+<html>
+<head>
+<style type="text/css">
+
+</style>
+</head>
+<body>
+
+</body>
+</html>
diff --git a/old/css_compat/tests/padding-top.html b/old/css_compat/tests/padding-top.html
new file mode 100644
index 0000000..5a98b66
--- /dev/null
+++ b/old/css_compat/tests/padding-top.html
@@ -0,0 +1,10 @@
+<html>
+<head>
+<style type="text/css">
+
+</style>
+</head>
+<body>
+
+</body>
+</html>
diff --git a/old/css_compat/tests/padding.html b/old/css_compat/tests/padding.html
new file mode 100644
index 0000000..c3836e4
--- /dev/null
+++ b/old/css_compat/tests/padding.html
@@ -0,0 +1,10 @@
+<html>
+<head>
+<style type="text/css">
+div {padding: 2em; border: 1px solid black}
+</style>
+</head>
+<body>
+<div>dillo</div>
+</body>
+</html>
diff --git a/old/css_compat/tests/page-break-after.html b/old/css_compat/tests/page-break-after.html
new file mode 100644
index 0000000..5a98b66
--- /dev/null
+++ b/old/css_compat/tests/page-break-after.html
@@ -0,0 +1,10 @@
+<html>
+<head>
+<style type="text/css">
+
+</style>
+</head>
+<body>
+
+</body>
+</html>
diff --git a/old/css_compat/tests/page-break-before.html b/old/css_compat/tests/page-break-before.html
new file mode 100644
index 0000000..5a98b66
--- /dev/null
+++ b/old/css_compat/tests/page-break-before.html
@@ -0,0 +1,10 @@
+<html>
+<head>
+<style type="text/css">
+
+</style>
+</head>
+<body>
+
+</body>
+</html>
diff --git a/old/css_compat/tests/page-break-inside.html b/old/css_compat/tests/page-break-inside.html
new file mode 100644
index 0000000..5a98b66
--- /dev/null
+++ b/old/css_compat/tests/page-break-inside.html
@@ -0,0 +1,10 @@
+<html>
+<head>
+<style type="text/css">
+
+</style>
+</head>
+<body>
+
+</body>
+</html>
diff --git a/old/css_compat/tests/position.html b/old/css_compat/tests/position.html
new file mode 100644
index 0000000..5a98b66
--- /dev/null
+++ b/old/css_compat/tests/position.html
@@ -0,0 +1,10 @@
+<html>
+<head>
+<style type="text/css">
+
+</style>
+</head>
+<body>
+
+</body>
+</html>
diff --git a/old/css_compat/tests/quotes.html b/old/css_compat/tests/quotes.html
new file mode 100644
index 0000000..5a98b66
--- /dev/null
+++ b/old/css_compat/tests/quotes.html
@@ -0,0 +1,10 @@
+<html>
+<head>
+<style type="text/css">
+
+</style>
+</head>
+<body>
+
+</body>
+</html>
diff --git a/old/css_compat/tests/right.html b/old/css_compat/tests/right.html
new file mode 100644
index 0000000..5a98b66
--- /dev/null
+++ b/old/css_compat/tests/right.html
@@ -0,0 +1,10 @@
+<html>
+<head>
+<style type="text/css">
+
+</style>
+</head>
+<body>
+
+</body>
+</html>
diff --git a/old/css_compat/tests/sq.gif b/old/css_compat/tests/sq.gif
new file mode 100644
index 0000000..73e8090
--- /dev/null
+++ b/old/css_compat/tests/sq.gif
diff --git a/old/css_compat/tests/table-layout.html b/old/css_compat/tests/table-layout.html
new file mode 100644
index 0000000..5a98b66
--- /dev/null
+++ b/old/css_compat/tests/table-layout.html
@@ -0,0 +1,10 @@
+<html>
+<head>
+<style type="text/css">
+
+</style>
+</head>
+<body>
+
+</body>
+</html>
diff --git a/old/css_compat/tests/text-align.html b/old/css_compat/tests/text-align.html
new file mode 100644
index 0000000..a37a38f
--- /dev/null
+++ b/old/css_compat/tests/text-align.html
@@ -0,0 +1,41 @@
+<html>
+<head>
+<style type="text/css">
+.a {text-align: left}
+.b {text-align: right}
+.c {text-align: center}
+.d {text-align: justified}
+</style>
+</head>
+<body>
+
+<div class="a">
+left left left left left left left left left left left left left left
+left left left left left left left left left left left left left left
+left left left left left left left left left left left left left left
+left left left left left left left left left left left left left left
+left left left left left left left left left left left left left left
+</div>
+<div class="b">
+right right right right right right right right right right right right
+right right right right right right right right right right right right
+right right right right right right right right right right right right
+right right right right right right right right right right right right
+right right right right right right right right right right right right
+</div>
+<div class="c">
+center center center center center center center center center center center
+center center center center center center center center center center center
+center center center center center center center center center center center
+center center center center center center center center center center center
+center center center center center center center center center center center
+</div>
+<div class="d">
+justified justified justified justified justified justified justified justified
+justified justified justified justified justified justified justified justified
+justified justified justified justified justified justified justified justified
+justified justified justified justified justified justified justified justified
+justified justified justified justified justified justified justified justified
+</div>
+</body>
+</html>
diff --git a/old/css_compat/tests/text-decoration.html b/old/css_compat/tests/text-decoration.html
new file mode 100644
index 0000000..904fd36
--- /dev/null
+++ b/old/css_compat/tests/text-decoration.html
@@ -0,0 +1,18 @@
+<html>
+<head>
+<style type="text/css">
+.a {text-decoration: none}
+.b {text-decoration: underline}
+.c {text-decoration: overline}
+.d {text-decoration: line-through}
+.e {text-decoration: blink}
+</style>
+</head>
+<body>
+<div class="a">dillo</div>
+<div class="b">dillo</div>
+<div class="c">dillo</div>
+<div class="d">dillo</div>
+<div class="e">dillo</div>
+</body>
+</html>
diff --git a/old/css_compat/tests/text-indent.html b/old/css_compat/tests/text-indent.html
new file mode 100644
index 0000000..19fd5a4
--- /dev/null
+++ b/old/css_compat/tests/text-indent.html
@@ -0,0 +1,107 @@
+<head>
+ordinary text
+
+<div style="text-indent: 0">zero indent</div>
+
+<div style="text-indent: 90%">indent 90%</div>
+
+<div style="text-indent: 20px">indent 20px</div>
+
+<div style="text-indent: 2000px">indent 2000 px</div>
+
+<div style="text-indent: -2000px">indent -2000 px</div>
+
+<div style="text-indent: 2000000px">indent two million px</div>
+
+<div style="text-indent: -2000000px">indent negative two million px</div>
+
+<div style="text-indent: -20px">indent -20px</div>
+
+<div style="text-indent: 0%">indent 0%</div>
+
+<div style="text-indent: 50%">indent 50%</div>
+
+<div style="text-indent: -50%">indent -50%</div>
+
+<div style="text-indent: -50000%">indent -50000%</div>
+
+<div style="text-indent: 50000%">indent 50000%</div>
+
+<div style="text-indent: 90%">indent 90%</div>
+
+
+
+
+<table border=1>
+<tr><td>
+ordinary text
+<tr><td>
+<div style="text-indent: 0">zero indent</div>
+<tr><td>
+<div style="text-indent: 90%">indent 90%</div>
+<tr><td>
+<div style="text-indent: 20px">indent 20px</div>
+<tr><td>
+<div style="text-indent: 2000px">indent 2000 px</div>
+<tr><td>
+<div style="text-indent: -2000px">indent -2000 px</div>
+<tr><td>
+<div style="text-indent: 2000000px">indent two million px</div>
+<tr><td>
+<div style="text-indent: -2000000px">indent negative two million px</div>
+<tr><td>
+<div style="text-indent: -20px">indent -20px</div>
+<tr><td>
+<div style="text-indent: 0%">indent 0%</div>
+<tr><td>
+<div style="text-indent: 50%">indent 50%</div>
+<tr><td>
+<div style="text-indent: -50%">indent -50%</div>
+<tr><td>
+<div style="text-indent: -50000%">indent -50000%</div>
+<tr><td>
+<div style="text-indent: 50000%">indent 50000%</div>
+<tr><td>
+<div style="text-indent: 90%">indent 90%</div>
+</table>
+
+<table border=1 style="text-indent: 1em">
+<tr><td>text-indent<td>on<td>table
+</table>
+<p>
+
+<div style="text-indent: 1em">
+<table border=1>
+<tr><td>text-indent<td>on<td>div<td>surrounding<td>table
+</table>
+<p>
+
+<div style="text-indent: 3em; border: 1px solid">
+<div style="text-indent: 3em; border: 1px solid">
+<img src="http://www.dillo.org/SOME_IMAGE" alt="[IMG]" width=20>
+image inline widget
+</div>
+word
+</div>
+<p>
+
+<div style="text-indent: 3em; border: 1px solid">
+<div style="text-indent: 3em; border: 1px solid">
+nested div itself is not indented
+</div>
+word
+</div>
+<p>
+
+<div style="text-indent: 3em; border: 1px solid">
+<hr>
+ruler block
+</div>
+<p>
+
+<div style="text-indent: 3em; border: 1px solid">
+<table border=1>
+ <tr><td>table<td>itself<td>is<td>not<td>indented
+</table>
+table block
+</div>
diff --git a/old/css_compat/tests/text-transform.html b/old/css_compat/tests/text-transform.html
new file mode 100644
index 0000000..fe2f32d
--- /dev/null
+++ b/old/css_compat/tests/text-transform.html
@@ -0,0 +1,161 @@
+<html>
+<head>
+<title>text-transform</title>
+<style type="text/css">
+.cap {text-transform: capitalize}
+.low {text-transform: lowercase}
+.up {text-transform: uppercase}
+</style>
+</head>
+<body>
+<table border=1>
+<tr><th>none<th>capitalize<th>lowercase<th>uppercase</tr>
+<tr style="text-decoration: line-through">
+<td>Line through
+<td class=cap>Line through
+<td class=low>Line through
+<td class=up>Line through
+<tr>
+<td>One initial capital
+<td class=cap>One initial capital
+<td class=low>One initial capital
+<td class=up>One initial capital
+<tr>
+<td>all in lower
+<td class=cap>all in lower
+<td class=low>all in lower
+<td class=up>all in lower
+<tr>
+<td>ALL IN UPPER
+<td class=cap>ALL IN UPPER
+<td class=low>ALL IN UPPER
+<td class=up>ALL IN UPPER
+<tr>
+<td>?all in lower
+<td class=cap>?all in lower
+<td class=low>?all in lower
+<td class=up>?all in lower
+<tr>
+<td>?ALL IN UPPER
+<td class=cap>?ALL IN UPPER
+<td class=low>?ALL IN UPPER
+<td class=up>?ALL IN UPPER
+<tr>
+<td>?
+<td class=cap>?
+<td class=low>?
+<td class=up>?
+<tr>
+<td>M
+<td class=cap>M
+<td class=low>M
+<td class=up>M
+<tr>
+<td>m
+<td class=cap>m
+<td class=low>m
+<td class=up>m
+<tr>
+<td>ß
+<td class=cap>ß
+<td class=low>ß
+<td class=up>ß
+<tr>
+<td>ßaß
+<td class=cap>ßaß
+<td class=low>ßaß
+<td class=up>ßaß
+<tr>
+<td>Σßaß
+<td class=cap>Σßaß
+<td class=low>Σßaß
+<td class=up>Σßaß
+<tr>
+<td>Σ
+<td class=cap>Σ
+<td class=low>Σ
+<td class=up>Σ
+<tr>
+<td>öö
+<td class=cap>öö
+<td class=low>öö
+<td class=up>öö
+<tr>
+<td>"öö"
+<td class=cap>"öö"
+<td class=low>"öö"
+<td class=up>"öö"
+</table>
+
+<span>One initial capital</span>
+<span class=cap>One initial capital</span>
+<span class=low>One initial capital</span>
+<span class=up>One initial capital</span>
+<p>
+
+<span>all in lower</span>
+<span class=cap>all in lower</span>
+<span class=low>all in lower</span>
+<span class=up>all in lower</span>
+<p>
+<span>ALL IN UPPER</span>
+<span class=cap>ALL IN UPPER</span>
+<span class=low>ALL IN UPPER</span>
+<span class=up>ALL IN UPPER</span>
+<p>
+<span>?all in lower</span>
+<span class=cap>?all in lower</span>
+<span class=low>?all in lower</span>
+<span class=up>?all in lower</span>
+<p>
+<span>?ALL IN UPPER</span>
+<span class=cap>?ALL IN UPPER</span>
+<span class=low>?ALL IN UPPER</span>
+<span class=up>?ALL IN UPPER</span>
+<p>
+<span>?</span>
+<span class=cap>?</span>
+<span class=low>?</span>
+<span class=up>?</span>
+<p>
+<span>M</span>
+<span class=cap>M</span>
+<span class=low>M</span>
+<span class=up>M</span>
+<p>
+<span>m</span>
+<span class=cap>m</span>
+<span class=low>m</span>
+<span class=up>m</span>
+<p>
+<span>ß</span>
+<span class=cap>ß</span>
+<span class=low>ß</span>
+<span class=up>ß</span>
+<p>
+<span>ßaß</span>
+<span class=cap>ßaß</span>
+<span class=low>ßaß</span>
+<span class=up>ßaß</span>
+<p>
+<span>Σßaß</span>
+<span class=cap>Σßaß</span>
+<span class=low>Σßaß</span>
+<span class=up>Σßaß</span>
+<p>
+<span>Σ</span>
+<span class=cap>Σ</span>
+<span class=low>Σ</span>
+<span class=up>Σ</span>
+<p>
+<span>öö</span>
+<span class=cap>öö</span>
+<span class=low>öö</span>
+<span class=up>öö</span>
+<p>
+<span>"öö"</span>
+<span class=cap>"öö"</span>
+<span class=low>"öö"</span>
+<span class=up>"öö"</span>
+</body>
+</html>
diff --git a/old/css_compat/tests/top.html b/old/css_compat/tests/top.html
new file mode 100644
index 0000000..5a98b66
--- /dev/null
+++ b/old/css_compat/tests/top.html
@@ -0,0 +1,10 @@
+<html>
+<head>
+<style type="text/css">
+
+</style>
+</head>
+<body>
+
+</body>
+</html>
diff --git a/old/css_compat/tests/unicode-bidi.html b/old/css_compat/tests/unicode-bidi.html
new file mode 100644
index 0000000..5a98b66
--- /dev/null
+++ b/old/css_compat/tests/unicode-bidi.html
@@ -0,0 +1,10 @@
+<html>
+<head>
+<style type="text/css">
+
+</style>
+</head>
+<body>
+
+</body>
+</html>
diff --git a/old/css_compat/tests/us_thickness.html b/old/css_compat/tests/us_thickness.html
new file mode 100644
index 0000000..51c634f
--- /dev/null
+++ b/old/css_compat/tests/us_thickness.html
@@ -0,0 +1,37 @@
+<html>
+<head> <title> Site update note </title>
+<style type="text/css">
+.title {background-color: orange}
+</style>
+</head>
+
+<body>
+
+<hr>
+<h3 class="title">Check for underline, overline and strike line thickness:</h3>
+
+<hr>
+<p style="font-size: 500%;">
+ <s>project</s> <u>moved</u> <span style="text-decoration: overline;">Here!</span>
+<p style="font-size: 400%;">
+ <s>project</s> <u>moved</u> <span style="text-decoration: overline;">Here!</span>
+<p style="font-size: 300%;">
+ <s>project</s> <u>moved</u> <span style="text-decoration: overline;">Here!</span>
+<p style="font-size: 200%;">
+ <s>project</s> <u>moved</u> <span style="text-decoration: overline;">Here!</span>
+<p style="font-size: 100%;">
+ <s>project</s> <u>moved</u> <span style="text-decoration: overline;">Here!</span>
+<p style="font-size: 50%;">
+ <s>project</s> <u>moved</u> <span style="text-decoration: overline;">Here!</span>
+<hr>
+
+<p><h1><u><s>project has</s></u> <s>moved</s> <u>here!</u></h1>
+<p><h2><u><s>project has</s></u> <s>moved</s> <u>here!</u></h2>
+<p><h3><u><s>project has</s></u> <s>moved</s> <u>here!</u></h3>
+<p><h4><u><s>project has</s></u> <s>moved</s> <u>here!</u></h4>
+<p><h5><u><s>project has</s></u> <s>moved</s> <u>here!</u></h5>
+<p><h6><u><s>project has</s></u> <s>moved</s> <u>here!</u></h6>
+<hr>
+
+</body>
+</html>
diff --git a/old/css_compat/tests/vertical-align.html b/old/css_compat/tests/vertical-align.html
new file mode 100644
index 0000000..4ed3a30
--- /dev/null
+++ b/old/css_compat/tests/vertical-align.html
@@ -0,0 +1,69 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>Vertical Align example</title>
+<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
+<style type="text/css">
+* {margin:0;padding:0}
+
+</style>
+</head>
+
+<body>
+<hr>
+<h1>Vertical align
+ <img style="vertical-align:top;" src="dillo1.png" />
+ <img style="vertical-align:top;" src="dillo2.png" />
+ <img style="vertical-align:top;" src="dillo3.png" />
+ - top</h1>
+<hr>
+<h1>Vertical align
+ <img style="vertical-align:middle;" src="dillo1.png" />
+ <img style="vertical-align:middle;" src="dillo2.png" />
+ <img style="vertical-align:middle;" src="dillo3.png" />
+ - middle</h1>
+<hr>
+<h1>Vertical align
+ <img style="vertical-align:baseline;" src="dillo1.png" />
+ <img style="vertical-align:baseline;" src="dillo2.png" />
+ <img style="vertical-align:baseline;" src="dillo3.png" />
+ - baseline</h1>
+<hr>
+<h1>Vertical align
+ <img style="vertical-align:sub;" src="dillo1.png" />
+ <img style="vertical-align:sub;" src="dillo2.png" />
+ <img style="vertical-align:sub;" src="dillo3.png" />
+ - sub</h1>
+<hr>
+<h1>Vertical align
+ <img style="vertical-align:super;" src="dillo1.png" />
+ <img style="vertical-align:super;" src="dillo2.png" />
+ <img style="vertical-align:super;" src="dillo3.png" />
+ - super</h1>
+<hr>
+<h1>Vertical align
+ <img style="vertical-align:text-top;" src="green.png" />
+ <img style="vertical-align:bottom;" src="dillo1.png" />
+ <img style="vertical-align:bottom;" src="dillo2.png" />
+ <img style="vertical-align:bottom;" src="dillo3.png" />
+ - bottom</h1>
+<hr>
+<hr>
+<h1>Vertical align
+ <img style="vertical-align:text-top;" src="green.png" />
+ <img style="vertical-align:text-bottom;" src="dillo1.png" />
+ <img style="vertical-align:text-bottom;" src="dillo2.png" />
+ <img style="vertical-align:text-bottom;" src="dillo3.png" />
+ - text-bottom</h1>
+<hr>
+<h1>Vertical align
+ <img style="vertical-align:super;" src="green.png" />
+ <img style="vertical-align:text-top;" src="dillo1.png" />
+ <img style="vertical-align:text-top;" src="dillo2.png" />
+ <img style="vertical-align:text-top;" src="dillo3.png" />
+ - text-top</h1>
+<hr>
+
+
+</body>
+</html>
diff --git a/old/css_compat/tests/visibility.html b/old/css_compat/tests/visibility.html
new file mode 100644
index 0000000..5a98b66
--- /dev/null
+++ b/old/css_compat/tests/visibility.html
@@ -0,0 +1,10 @@
+<html>
+<head>
+<style type="text/css">
+
+</style>
+</head>
+<body>
+
+</body>
+</html>
diff --git a/old/css_compat/tests/white-space.html b/old/css_compat/tests/white-space.html
new file mode 100644
index 0000000..5a98b66
--- /dev/null
+++ b/old/css_compat/tests/white-space.html
@@ -0,0 +1,10 @@
+<html>
+<head>
+<style type="text/css">
+
+</style>
+</head>
+<body>
+
+</body>
+</html>
diff --git a/old/css_compat/tests/widows.html b/old/css_compat/tests/widows.html
new file mode 100644
index 0000000..5a98b66
--- /dev/null
+++ b/old/css_compat/tests/widows.html
@@ -0,0 +1,10 @@
+<html>
+<head>
+<style type="text/css">
+
+</style>
+</head>
+<body>
+
+</body>
+</html>
diff --git a/old/css_compat/tests/width.html b/old/css_compat/tests/width.html
new file mode 100644
index 0000000..5a98b66
--- /dev/null
+++ b/old/css_compat/tests/width.html
@@ -0,0 +1,10 @@
+<html>
+<head>
+<style type="text/css">
+
+</style>
+</head>
+<body>
+
+</body>
+</html>
diff --git a/old/css_compat/tests/word-spacing.html b/old/css_compat/tests/word-spacing.html
new file mode 100644
index 0000000..92e2ef6
--- /dev/null
+++ b/old/css_compat/tests/word-spacing.html
@@ -0,0 +1,10 @@
+<html>
+<head>
+<style type="text/css">
+div {word-spacing: 2em}
+</style>
+</head>
+<body>
+<div>dillo dillo dillo dillo</div>
+</body>
+</html>
diff --git a/old/css_compat/tests/z-index.html b/old/css_compat/tests/z-index.html
new file mode 100644
index 0000000..5a98b66
--- /dev/null
+++ b/old/css_compat/tests/z-index.html
@@ -0,0 +1,10 @@
+<html>
+<head>
+<style type="text/css">
+
+</style>
+</head>
+<body>
+
+</body>
+</html>
author	Rodrigo Arias Mallo <rodarima@gmail.com>	2024-01-01 23:40:52 +0100
committer	Rodrigo Arias Mallo <rodarima@gmail.com>	2024-01-01 23:40:52 +0100
commit	5ea943a5e789222472e45864e119cf786498bfcd (patch)
tree	ea307589de0fdb202474ad4d07c0bef7fe1c53e8 /old/css_compat