Wed, 31 Dec 2014 06:09:35 +0100
Cloned upstream origin tor-browser at tor-browser-31.3.0esr-4.5-1-build1
revision ID fc1c9ff7c1b2defdbc039f12214767608f46423f for hacking purpose.
michael@0 | 1 | <html> |
michael@0 | 2 | <head> |
michael@0 | 3 | <title>Example 0</title> |
michael@0 | 4 | <style> |
michael@0 | 5 | a#id.foo:visited:first-line { color: red; } |
michael@0 | 6 | a#id.foo:first-line { color: red; } |
michael@0 | 7 | a#id.foo:visited { color: red; } |
michael@0 | 8 | a#id:first-line { color: red; } |
michael@0 | 9 | a#id:visited { color: red; } |
michael@0 | 10 | a:first-line { color: red; } |
michael@0 | 11 | a:visited { color: red; } |
michael@0 | 12 | a:visited:first-line { color: red; } |
michael@0 | 13 | a:visited:visited { color: red; } |
michael@0 | 14 | a:first-line:visited { color: red; } |
michael@0 | 15 | :active { color: blue; } |
michael@0 | 16 | :first-letter { color: green; } |
michael@0 | 17 | </style> |
michael@0 | 18 | </head> |
michael@0 | 19 | |
michael@0 | 20 | <body bgcolor="#FFFFFF" text="#000000"> |
michael@0 | 21 | <table border=4> |
michael@0 | 22 | <tr> |
michael@0 | 23 | <td> |
michael@0 | 24 | <h1>Example 0: Basic HTML Text Styles</h1> |
michael@0 | 25 | </td> |
michael@0 | 26 | <td> |
michael@0 | 27 | more table cell |
michael@0 | 28 | </td> |
michael@0 | 29 | </tr> |
michael@0 | 30 | <tr> |
michael@0 | 31 | <td>second row</td> |
michael@0 | 32 | <td>second row</td> |
michael@0 | 33 | </tr> |
michael@0 | 34 | </table> |
michael@0 | 35 | <p><br></p> |
michael@0 | 36 | <h2>Formatted Text</h2> |
michael@0 | 37 | <p>This is a basic paragraph with <b>bold</b>, <i>italic</i> and <i>bold-italic |
michael@0 | 38 | </i> text. It also includes <font color="#FF0000">red</font>, <font color="#00FF00">green</font> |
michael@0 | 39 | and <font color="#0000FF">blue</font> text. It has <s>strikethru</s> and <u>underline</u>. |
michael@0 | 40 | <u> </u></p> |
michael@0 | 41 | <p>This is a paragraph with font variations: <b><font face="Arial, Helvetica, sans-serif">Arial,</font></b><font face="Arial, Helvetica, sans-serif"> |
michael@0 | 42 | <i><font face="Verdana, Arial, Helvetica, sans-serif">Verdana</font>,</i> <font face="co">COURIER, |
michael@0 | 43 | <font face="Times New Roman, Times, serif">Times New Roman.</font></font></font></p> |
michael@0 | 44 | <p><font size=7>Font size=7, </font><font size=6>Font size=6, </font><font size=5>Font |
michael@0 | 45 | size=5, </font><font size=4>Font size=4, </font><font size=3>Font size=3, </font><font size=2>Font |
michael@0 | 46 | size=2, </font><font size=1>Font size=1, </font><font point-size=24 font-weight=700>Font |
michael@0 | 47 | point-size=24 font-weight=700</font></p> |
michael@0 | 48 | <p><THREED>3D Text. 3D Text. 3D Text. 3D Text. 3D Text. </THREED><br> |
michael@0 | 49 | <h2><br> |
michael@0 | 50 | </h2> |
michael@0 | 51 | <h2>Listings</h2> |
michael@0 | 52 | <h3>Bulleted List </h3> |
michael@0 | 53 | <ul> |
michael@0 | 54 | <li>One</li> |
michael@0 | 55 | <li>Two |
michael@0 | 56 | <ul> |
michael@0 | 57 | <li>Apples</li> |
michael@0 | 58 | <li>Oranges</li> |
michael@0 | 59 | <li>Bananas</li> |
michael@0 | 60 | </ul> |
michael@0 | 61 | </li> |
michael@0 | 62 | <li>Three</li> |
michael@0 | 63 | </ul> |
michael@0 | 64 | <br> |
michael@0 | 65 | <h3>Numbered List </h3> |
michael@0 | 66 | <ol> |
michael@0 | 67 | <li>One</li> |
michael@0 | 68 | <li>Two |
michael@0 | 69 | <ol> |
michael@0 | 70 | <li>Apples</li> |
michael@0 | 71 | <li>Oranges</li> |
michael@0 | 72 | <li>Bananas</li> |
michael@0 | 73 | </ol> |
michael@0 | 74 | </li> |
michael@0 | 75 | <li>Three</li> |
michael@0 | 76 | </ol> |
michael@0 | 77 | <h2>Justified Text</h2> |
michael@0 | 78 | <p>This paragraph is aligned <b>left</b>. This paragraph is aligned <b>left</b>. |
michael@0 | 79 | This paragraph is aligned <b>left</b>. This paragraph is aligned <b>left</b>. |
michael@0 | 80 | This paragraph is aligned <b>left</b>. This paragraph is aligned <b>left</b>. |
michael@0 | 81 | This paragraph is aligned <b>left</b>. </p> |
michael@0 | 82 | <p align="RIGHT">This paragarph is aligned <b>right. </b>This paragarph is aligned |
michael@0 | 83 | <b>right. </b>This paragarph is aligned <b>right. </b>This paragarph is aligned |
michael@0 | 84 | <b>right. </b>This paragarph is aligned <b>right. </b>This paragarph is aligned |
michael@0 | 85 | <b>right. </b>This paragarph is aligned <b>right. </b><b> </b>This paragarph |
michael@0 | 86 | is aligned <b>right. </b></p> |
michael@0 | 87 | <p align="CENTER">This paragraph is aligned <b>center</b>. This paragraph is aligned |
michael@0 | 88 | <b>center</b>.This paragraph is aligned <b>center</b>.This paragraph is aligned |
michael@0 | 89 | <b>center</b>.This paragraph is aligned <b>center</b>.This paragraph is aligned |
michael@0 | 90 | <b>center</b>.This paragraph is aligned <b>center</b>.This paragraph is aligned |
michael@0 | 91 | <b>center</b>.This paragraph is aligned <b>center</b>.This paragraph is aligned |
michael@0 | 92 | <b>center</b>.</p> |
michael@0 | 93 | <p></p> |
michael@0 | 94 | <p> </p> |
michael@0 | 95 | <script> |
michael@0 | 96 | var r = 0, g = 0, b = 0; |
michael@0 | 97 | var h = document.documentElement.childNodes[1].childNodes[1].childNodes[0].childNodes[0].childNodes[0].childNodes[1]; |
michael@0 | 98 | h.style.borderStyle = "groove"; |
michael@0 | 99 | |
michael@0 | 100 | function changeColor() { |
michael@0 | 101 | r += 5; |
michael@0 | 102 | g += 2; |
michael@0 | 103 | b += 3; |
michael@0 | 104 | r %= 255; |
michael@0 | 105 | g %= 255; |
michael@0 | 106 | b %= 255; |
michael@0 | 107 | |
michael@0 | 108 | h.style.backgroundColor = "rgb(" + r + "," + g + "," + b + ")"; |
michael@0 | 109 | h.style.color = "rgb(" + (255-r) + "," + (255-g) + "," + (255-b) + ")"; |
michael@0 | 110 | h.style.fontSize = "" + (r/3) + "pt"; |
michael@0 | 111 | h.style.borderWidth = "" + (r/5) + "px"; |
michael@0 | 112 | h.style.borderColor = h.style.color; |
michael@0 | 113 | } |
michael@0 | 114 | |
michael@0 | 115 | setInterval(changeColor, 40); |
michael@0 | 116 | </script> |
michael@0 | 117 | </body> |
michael@0 | 118 | </html> |