1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000
1.2 +++ b/dom/tests/js/style2.html Wed Dec 31 06:09:35 2014 +0100
1.3 @@ -0,0 +1,118 @@
1.4 +<html>
1.5 +<head>
1.6 +<title>Example 0</title>
1.7 +<style>
1.8 + a#id.foo:visited:first-line { color: red; }
1.9 + a#id.foo:first-line { color: red; }
1.10 + a#id.foo:visited { color: red; }
1.11 + a#id:first-line { color: red; }
1.12 + a#id:visited { color: red; }
1.13 + a:first-line { color: red; }
1.14 + a:visited { color: red; }
1.15 + a:visited:first-line { color: red; }
1.16 + a:visited:visited { color: red; }
1.17 + a:first-line:visited { color: red; }
1.18 + :active { color: blue; }
1.19 + :first-letter { color: green; }
1.20 +</style>
1.21 +</head>
1.22 +
1.23 +<body bgcolor="#FFFFFF" text="#000000">
1.24 +<table border=4>
1.25 +<tr>
1.26 +<td>
1.27 +<h1>Example 0: Basic HTML Text Styles</h1>
1.28 +</td>
1.29 +<td>
1.30 +more table cell
1.31 +</td>
1.32 +</tr>
1.33 +<tr>
1.34 +<td>second row</td>
1.35 +<td>second row</td>
1.36 +</tr>
1.37 +</table>
1.38 +<p><br></p>
1.39 +<h2>Formatted Text</h2>
1.40 +<p>This is a basic paragraph with <b>bold</b>, <i>italic</i> and <i>bold-italic
1.41 + </i> text. It also includes <font color="#FF0000">red</font>, <font color="#00FF00">green</font>
1.42 + and <font color="#0000FF">blue</font> text. It has <s>strikethru</s> and <u>underline</u>.
1.43 + <u> </u></p>
1.44 +<p>This is a paragraph with font variations: <b><font face="Arial, Helvetica, sans-serif">Arial,</font></b><font face="Arial, Helvetica, sans-serif">
1.45 + <i><font face="Verdana, Arial, Helvetica, sans-serif">Verdana</font>,</i> <font face="co">COURIER,
1.46 + <font face="Times New Roman, Times, serif">Times New Roman.</font></font></font></p>
1.47 +<p><font size=7>Font size=7, </font><font size=6>Font size=6, </font><font size=5>Font
1.48 + size=5, </font><font size=4>Font size=4, </font><font size=3>Font size=3, </font><font size=2>Font
1.49 + size=2, </font><font size=1>Font size=1, </font><font point-size=24 font-weight=700>Font
1.50 + point-size=24 font-weight=700</font></p>
1.51 +<p><THREED>3D Text. 3D Text. 3D Text. 3D Text. 3D Text. </THREED><br>
1.52 +<h2><br>
1.53 +</h2>
1.54 +<h2>Listings</h2>
1.55 +<h3>Bulleted List </h3>
1.56 +<ul>
1.57 + <li>One</li>
1.58 + <li>Two
1.59 + <ul>
1.60 + <li>Apples</li>
1.61 + <li>Oranges</li>
1.62 + <li>Bananas</li>
1.63 + </ul>
1.64 + </li>
1.65 + <li>Three</li>
1.66 +</ul>
1.67 +<br>
1.68 +<h3>Numbered List </h3>
1.69 +<ol>
1.70 + <li>One</li>
1.71 + <li>Two
1.72 + <ol>
1.73 + <li>Apples</li>
1.74 + <li>Oranges</li>
1.75 + <li>Bananas</li>
1.76 + </ol>
1.77 + </li>
1.78 + <li>Three</li>
1.79 +</ol>
1.80 +<h2>Justified Text</h2>
1.81 +<p>This paragraph is aligned <b>left</b>. This paragraph is aligned <b>left</b>.
1.82 + This paragraph is aligned <b>left</b>. This paragraph is aligned <b>left</b>.
1.83 + This paragraph is aligned <b>left</b>. This paragraph is aligned <b>left</b>.
1.84 + This paragraph is aligned <b>left</b>. </p>
1.85 +<p align="RIGHT">This paragarph is aligned <b>right. </b>This paragarph is aligned
1.86 + <b>right. </b>This paragarph is aligned <b>right. </b>This paragarph is aligned
1.87 + <b>right. </b>This paragarph is aligned <b>right. </b>This paragarph is aligned
1.88 + <b>right. </b>This paragarph is aligned <b>right. </b><b> </b>This paragarph
1.89 + is aligned <b>right. </b></p>
1.90 +<p align="CENTER">This paragraph is aligned <b>center</b>. This paragraph is aligned
1.91 + <b>center</b>.This paragraph is aligned <b>center</b>.This paragraph is aligned
1.92 + <b>center</b>.This paragraph is aligned <b>center</b>.This paragraph is aligned
1.93 + <b>center</b>.This paragraph is aligned <b>center</b>.This paragraph is aligned
1.94 + <b>center</b>.This paragraph is aligned <b>center</b>.This paragraph is aligned
1.95 + <b>center</b>.</p>
1.96 +<p></p>
1.97 +<p> </p>
1.98 +<script>
1.99 +var r = 0, g = 0, b = 0;
1.100 +var h = document.documentElement.childNodes[1].childNodes[1].childNodes[0].childNodes[0].childNodes[0].childNodes[1];
1.101 +h.style.borderStyle = "groove";
1.102 +
1.103 +function changeColor() {
1.104 + r += 5;
1.105 + g += 2;
1.106 + b += 3;
1.107 + r %= 255;
1.108 + g %= 255;
1.109 + b %= 255;
1.110 +
1.111 + h.style.backgroundColor = "rgb(" + r + "," + g + "," + b + ")";
1.112 + h.style.color = "rgb(" + (255-r) + "," + (255-g) + "," + (255-b) + ")";
1.113 + h.style.fontSize = "" + (r/3) + "pt";
1.114 + h.style.borderWidth = "" + (r/5) + "px";
1.115 + h.style.borderColor = h.style.color;
1.116 +}
1.117 +
1.118 +setInterval(changeColor, 40);
1.119 +</script>
1.120 +</body>
1.121 +</html>
