summaryrefslogtreecommitdiffstats
path: root/dom/tests/js/style2.html
diff options
context:
space:
mode:
authorMatt A. Tobin <mattatobin@localhost.localdomain>2018-02-02 04:16:08 -0500
committerMatt A. Tobin <mattatobin@localhost.localdomain>2018-02-02 04:16:08 -0500
commit5f8de423f190bbb79a62f804151bc24824fa32d8 (patch)
tree10027f336435511475e392454359edea8e25895d /dom/tests/js/style2.html
parent49ee0794b5d912db1f95dce6eb52d781dc210db5 (diff)
downloadUXP-5f8de423f190bbb79a62f804151bc24824fa32d8.tar
UXP-5f8de423f190bbb79a62f804151bc24824fa32d8.tar.gz
UXP-5f8de423f190bbb79a62f804151bc24824fa32d8.tar.lz
UXP-5f8de423f190bbb79a62f804151bc24824fa32d8.tar.xz
UXP-5f8de423f190bbb79a62f804151bc24824fa32d8.zip
Add m-esr52 at 52.6.0
Diffstat (limited to 'dom/tests/js/style2.html')
-rw-r--r--dom/tests/js/style2.html118
1 files changed, 118 insertions, 0 deletions
diff --git a/dom/tests/js/style2.html b/dom/tests/js/style2.html
new file mode 100644
index 000000000..cc4231414
--- /dev/null
+++ b/dom/tests/js/style2.html
@@ -0,0 +1,118 @@
+<html>
+<head>
+<title>Example 0</title>
+<style>
+ a#id.foo:visited:first-line { color: red; }
+ a#id.foo:first-line { color: red; }
+ a#id.foo:visited { color: red; }
+ a#id:first-line { color: red; }
+ a#id:visited { color: red; }
+ a:first-line { color: red; }
+ a:visited { color: red; }
+ a:visited:first-line { color: red; }
+ a:visited:visited { color: red; }
+ a:first-line:visited { color: red; }
+ :active { color: blue; }
+ :first-letter { color: green; }
+</style>
+</head>
+
+<body bgcolor="#FFFFFF" text="#000000">
+<table border=4>
+<tr>
+<td>
+<h1>Example 0: Basic HTML Text Styles</h1>
+</td>
+<td>
+more table cell
+</td>
+</tr>
+<tr>
+<td>second row</td>
+<td>second row</td>
+</tr>
+</table>
+<p><br></p>
+<h2>Formatted Text</h2>
+<p>This is a basic paragraph with <b>bold</b>, <i>italic</i> and <i>bold-italic
+ </i> text. It also includes <font color="#FF0000">red</font>, <font color="#00FF00">green</font>
+ and <font color="#0000FF">blue</font> text. It has <s>strikethru</s> and <u>underline</u>.
+ <u> </u></p>
+<p>This is a paragraph with font variations: <b><font face="Arial, Helvetica, sans-serif">Arial,</font></b><font face="Arial, Helvetica, sans-serif">
+ <i><font face="Verdana, Arial, Helvetica, sans-serif">Verdana</font>,</i> <font face="co">COURIER,
+ <font face="Times New Roman, Times, serif">Times New Roman.</font></font></font></p>
+<p><font size=7>Font size=7, </font><font size=6>Font size=6, </font><font size=5>Font
+ size=5, </font><font size=4>Font size=4, </font><font size=3>Font size=3, </font><font size=2>Font
+ size=2, </font><font size=1>Font size=1, </font><font point-size=24 font-weight=700>Font
+ point-size=24 font-weight=700</font></p>
+<p><THREED>3D Text. 3D Text. 3D Text. 3D Text. 3D Text. </THREED><br>
+<h2><br>
+</h2>
+<h2>Listings</h2>
+<h3>Bulleted List </h3>
+<ul>
+ <li>One</li>
+ <li>Two
+ <ul>
+ <li>Apples</li>
+ <li>Oranges</li>
+ <li>Bananas</li>
+ </ul>
+ </li>
+ <li>Three</li>
+</ul>
+<br>
+<h3>Numbered List </h3>
+<ol>
+ <li>One</li>
+ <li>Two
+ <ol>
+ <li>Apples</li>
+ <li>Oranges</li>
+ <li>Bananas</li>
+ </ol>
+ </li>
+ <li>Three</li>
+</ol>
+<h2>Justified Text</h2>
+<p>This paragraph is aligned <b>left</b>. This paragraph is aligned <b>left</b>.
+ This paragraph is aligned <b>left</b>. This paragraph is aligned <b>left</b>.
+ This paragraph is aligned <b>left</b>. This paragraph is aligned <b>left</b>.
+ This paragraph is aligned <b>left</b>. </p>
+<p align="RIGHT">This paragarph is aligned <b>right. </b>This paragarph is aligned
+ <b>right. </b>This paragarph is aligned <b>right. </b>This paragarph is aligned
+ <b>right. </b>This paragarph is aligned <b>right. </b>This paragarph is aligned
+ <b>right. </b>This paragarph is aligned <b>right. </b><b> </b>This paragarph
+ is aligned <b>right. </b></p>
+<p align="CENTER">This paragraph is aligned <b>center</b>. This paragraph is aligned
+ <b>center</b>.This paragraph is aligned <b>center</b>.This paragraph is aligned
+ <b>center</b>.This paragraph is aligned <b>center</b>.This paragraph is aligned
+ <b>center</b>.This paragraph is aligned <b>center</b>.This paragraph is aligned
+ <b>center</b>.This paragraph is aligned <b>center</b>.This paragraph is aligned
+ <b>center</b>.</p>
+<p></p>
+<p>&nbsp;</p>
+<script>
+var r = 0, g = 0, b = 0;
+var h = document.documentElement.childNodes[1].childNodes[1].childNodes[0].childNodes[0].childNodes[0].childNodes[1];
+h.style.borderStyle = "groove";
+
+function changeColor() {
+ r += 5;
+ g += 2;
+ b += 3;
+ r %= 255;
+ g %= 255;
+ b %= 255;
+
+ h.style.backgroundColor = "rgb(" + r + "," + g + "," + b + ")";
+ h.style.color = "rgb(" + (255-r) + "," + (255-g) + "," + (255-b) + ")";
+ h.style.fontSize = "" + (r/3) + "pt";
+ h.style.borderWidth = "" + (r/5) + "px";
+ h.style.borderColor = h.style.color;
+}
+
+setInterval(changeColor, 40);
+</script>
+</body>
+</html>