|
1 <html> |
|
2 <!-- This Source Code Form is subject to the terms of the Mozilla Public |
|
3 - License, v. 2.0. If a copy of the MPL was not distributed with this |
|
4 - file, You can obtain one at http://mozilla.org/MPL/2.0/. --> |
|
5 <head> |
|
6 <style> |
|
7 #el0 { |
|
8 height: 200px ! important; |
|
9 height: 1em; |
|
10 width: 1em; |
|
11 padding: 5px; |
|
12 display: table; |
|
13 -moz-transform:translate3d(0, 80px, 0); |
|
14 } |
|
15 #el0:before { |
|
16 display: -moz-grid; |
|
17 content: counter(c, hiragana) attr(id); |
|
18 counter-increment: c 694; |
|
19 } |
|
20 #el0:after { |
|
21 counter-reset: c 694; |
|
22 content: counter(c, cjk-ideographic) attr(id); |
|
23 } |
|
24 #el1 { |
|
25 text-shadow: 0px 20px 0px, 0px -20px 10px; |
|
26 line-height: 4px; |
|
27 transform: translate3d(0px, -300px, 0px); |
|
28 display: table-row-group; |
|
29 border-spacing: 7px; |
|
30 } |
|
31 #el1:after { |
|
32 counter-reset: c; |
|
33 display: -moz-box; |
|
34 content: counter(c, cjk-ideographic) attr(id); |
|
35 counter-increment: c 694; |
|
36 } |
|
37 #el2 { |
|
38 display: table-row-group; |
|
39 -moz-transform:translate3d(0, 80px, 0); |
|
40 } |
|
41 #el2:after { |
|
42 content: counter(c, cjk-ideographic) attr(id); |
|
43 } |
|
44 </style> |
|
45 <script> |
|
46 onload = function() { |
|
47 el0=document.createElement('div') |
|
48 el0.setAttribute('id','el0') |
|
49 document.body.appendChild(el0) |
|
50 el1=document.createElement('div') |
|
51 el1.setAttribute('id','el1') |
|
52 el0.appendChild(el1) |
|
53 el2=document.createElement('q') |
|
54 el2.setAttribute('id','el2') |
|
55 el1.appendChild(el2) |
|
56 el0.appendChild(document.createTextNode('A')) |
|
57 setTimeout("location.reload()", 100) |
|
58 } |
|
59 </script> |
|
60 </head> |
|
61 <body> |
|
62 </body> |
|
63 </html> |