Index: trunk/extensions/wikihiero/test.html |
— | — | @@ -1,164 +0,0 @@ |
2 | | -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> |
3 | | -<html> |
4 | | -<head> |
5 | | - <title>Wikihiero XHTML/CSS test page</title> |
6 | | - <style type="text/css"> |
7 | | - span.hiero { |
8 | | - white-space: nowrap; |
9 | | - text-align: center; |
10 | | - display: block; |
11 | | - height: 46px; |
12 | | - } |
13 | | - span.hiero span, |
14 | | - span.hiero span span, |
15 | | - span.hiero span span span { |
16 | | - margin: 0; |
17 | | - padding: 0; |
18 | | - background-position: center; |
19 | | - background-repeat:no-repeat; |
20 | | - text-align: center; |
21 | | - vertical-align: center; |
22 | | - display: block; |
23 | | - float: left; |
24 | | - } |
25 | | - span.hiero span { |
26 | | - height: 38px; |
27 | | - width: 29px; |
28 | | - } |
29 | | - span.hiero span span { |
30 | | - height: 20px; |
31 | | - width:20px; |
32 | | - } |
33 | | - span.hiero span span span { |
34 | | - height: 12px; |
35 | | - width:14px; |
36 | | - } |
37 | | - |
38 | | - /* be nice to bad screenreaders, display: none nodes aren't |
39 | | - ** read by some, most notably claws. |
40 | | - */ |
41 | | - span.hiero * code { |
42 | | - display: block; |
43 | | - width: 0; |
44 | | - height: 0; |
45 | | - overflow: hidden; |
46 | | - } |
47 | | - |
48 | | - /* debugging */ |
49 | | - /*span.hiero span span { |
50 | | - border: 1px solid Red; |
51 | | - }*/ |
52 | | - |
53 | | - /* |
54 | | - ** Alternate version |
55 | | - */ |
56 | | - span.imghiero * { |
57 | | - float: left; |
58 | | - display: block; |
59 | | - text-align: center; |
60 | | - vertical-align: middle; |
61 | | - } |
62 | | - </style> |
63 | | -</head> |
64 | | -<body> |
65 | | - |
66 | | -<h3>ROW:</h3> |
67 | | - |
68 | | -<tt><hiero>A1-A2-Aa1*Aa2:Aa3-A3-A4</hiero></tt> |
69 | | - |
70 | | -<hr /> |
71 | | -<h3>TABLE:</h3> |
72 | | - |
73 | | -<table border="0" cellspacing="0" cellpadding="0"> |
74 | | -<tr> |
75 | | - <td><img src="img/hiero_A1.png" alt="A1" /></td> |
76 | | - <td><img src="img/hiero_A2.png" alt="A2" /></td> |
77 | | - <td> |
78 | | - <table cellspacing="0" cellpadding="0"> |
79 | | - <tr><td><img src="img/hiero_Aa1.png" alt="Aa1" /><img src="img/hiero_Aa2.png" alt="Aa2" /></td></tr> |
80 | | - </table> |
81 | | - <center><img src="img/hiero_Aa3.png" alt="Aa3" /></center> |
82 | | - </td> |
83 | | - <td><img src="img/hiero_A3.png" alt="A3" /></td> |
84 | | - <td><img src="img/hiero_A4.png" alt="A4" /></td> |
85 | | -</tr> |
86 | | -</table> |
87 | | - |
88 | | -<hr /> |
89 | | -<h3>SPAN:</h3> |
90 | | - |
91 | | -<span class="hiero hiero-row-s"> |
92 | | - <span style='background-image: url("img/hiero_A1.png");'><code>- H -</code></span> |
93 | | - <span style='background-image: url("img/hiero_A2.png");width:27px;'><code>- H -</code></span> |
94 | | -<span style="width:40px;"> |
95 | | - <span style='background-image:url("img/hiero_Aa1.png"); width:20px;'><code>a</code></span> |
96 | | - <span style='background-image:url("img/hiero_Aa2.png"); width:20px;'><code>b</code></span> |
97 | | - <span style='background-image:url("img/hiero_Aa3.png"); width:40px;clear:left;'><code>c</code></span> |
98 | | -</span> |
99 | | - <span style='background-image:url("img/hiero_A3.png");width:28px;'><code>- h -</code></span> |
100 | | - <span style='background-image:url("img/hiero_A4.png");'><code>- h -</code></span> |
101 | | -</span> |
102 | | - |
103 | | -<hr /> |
104 | | -<h3>ROW:</h3> |
105 | | - |
106 | | -<tt><hiero>A1-A2-(Aa1-Aa2:Aa3):Aa4-A3-A4</hiero></tt> |
107 | | - |
108 | | -<hr /> |
109 | | -<h3>TABLE:</h3> |
110 | | - |
111 | | -<table border='0' cellspacing='0' cellpadding='0'> |
112 | | - <tr> |
113 | | -<td><img src='img/hiero_A1.png' alt="A1" /></td> |
114 | | -<td><img src='img/hiero_A2.png' alt="A2" /></td> |
115 | | -<td> |
116 | | - <table cellspacing='0' cellpadding='0'> |
117 | | - <tr> |
118 | | - <td><img src="img/hiero_Aa1.png" alt="Aa1" height="12" /></td> |
119 | | - <td><center><img src="img/hiero_Aa2.png" alt="Aa2" height="12" /><br /><img src="img/hiero_Aa3.png" alt="Aa3" height="12" /></center></td> |
120 | | - </tr> |
121 | | - </table> |
122 | | - <center><img src="img/hiero_Aa4.png" alt="Aa4" height="12" /></center> |
123 | | - </td> |
124 | | - <td><img src="img/hiero_A3.png" alt="A3" /></td> |
125 | | - <td><img src="img/hiero_A4.png" alt="A4" /></td> |
126 | | - </tr> |
127 | | -</table> |
128 | | - |
129 | | -<hr/> |
130 | | -<h3>SPAN:</h3> |
131 | | - |
132 | | -<span class="hiero hiero-row-s"> |
133 | | - <span style='background-image:url("img/hiero_A1.png");'><code>- H -</code></span> |
134 | | - <span style='background-image:url("img/hiero_A2.png");width:27px;'><code>- H -</code></span> |
135 | | - <span> |
136 | | - <span style='background-image:url("img/hiero_Aa1.png");width:12px;'><code>b</code></span> |
137 | | - <span style="width:12px"> |
138 | | - <span style='background-image:url("img/hiero_Aa2.png");'><code>d</code></span> |
139 | | - <span style='background-image:url("img/hiero_Aa3.png");clear:left;'><code>d</code></span> |
140 | | - </span> |
141 | | - <span style='background-image:url("img/hiero_Aa4.png");clear:left;width:29px;'><code>a</code></span> |
142 | | - </span> |
143 | | - <span style='background-image:url("img/hiero_A3.png");width:28px;'><code>- H -</code></span> |
144 | | - <span style='background-image:url("img/hiero_A4.png");'><code>- H -</code></span> |
145 | | -</span> |
146 | | - |
147 | | -<h3>Span with images:</h3> |
148 | | - |
149 | | -<span class="imghiero"> |
150 | | - <img src='img/hiero_A1.png' alt="H"/> |
151 | | - <img src='img/hiero_A2.png' alt="H"/> |
152 | | - <span> |
153 | | - <img src='img/hiero_Aa1.png' style="margin-top:6px;height:12px;" alt="b"/> |
154 | | - <span> |
155 | | - <img src='img/hiero_Aa2.png' style="margin-left:3px;height:12px;" alt="d"/> |
156 | | - <img src='img/hiero_Aa3.png' style="height:12px;clear:left;" alt="d"/> |
157 | | - </span> |
158 | | - <img src='img/hiero_Aa4.png' style="height:12px;clear:left;" alt="a"/> |
159 | | - </span> |
160 | | - <img src='img/hiero_A3.png' alt="H"/> |
161 | | - <img src='img/hiero_A4.png' alt="H"/> |
162 | | -</span> |
163 | | - |
164 | | -</body> |
165 | | -</html> |
Index: trunk/extensions/wikihiero/favicon.ico |
Cannot display: file marked as a binary type. |
svn:mime-type = image/vnd.microsoft.icon |