48 lines
3.1 KiB
HTML
48 lines
3.1 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="UTF-8"/>
|
|
<style>
|
|
@font-face {
|
|
font-family: 'Litherum';
|
|
src: url("resources/ruby-expansion.svg#Litherum") format(svg);
|
|
}
|
|
</style>
|
|
</head>
|
|
<body style="text-align: justify; font-size: 40px; margin: 0px; -webkit-font-smoothing: none;">
|
|
<div>èà<ruby><rb>ぎ</rb><rt>aaaaaaaaaaaaaaaaaaaa</rt></ruby>èà <span style="font-family: Litherum;">aaaaaaaaaaaaaaaaaaaa</span></div>
|
|
<div style="font-family: Litherum;">
|
|
<div style="position: absolute; left: 0px; top: 130px; width: 100%;">
|
|
<div style="position: absolute; width: 400px; height: 20px; left: 199px; top: 0px; background: black;"></div>
|
|
<div style="position: absolute; width: 40px; height: 40px; left: 0px; top: 20px; background: black;"></div>
|
|
<div style="position: absolute; width: 40px; height: 40px; left: 40px; top: 20px; background: green;"></div>
|
|
<div style="position: absolute; width: 40px; height: 40px; left: 166px; top: 20px; background: green;"></div>
|
|
<div style="position: absolute; width: 40px; height: 40px; right: 167px; top: 20px; background: black;"></div>
|
|
<div style="position: absolute; width: 40px; height: 40px; right: 40px; top: 20px; background: black;"></div>
|
|
<div style="position: absolute; width: 40px; height: 40px; right: 0px; top: 20px; background: green;"></div>
|
|
<div style="position: absolute; width: 800px; height: 40px; left: 0px; top: 64px; background: black;"></div>
|
|
</div>
|
|
|
|
<div style="position: absolute; left: 0px; top: 236px; width: 100%;">
|
|
<div style="position: absolute; width: 400px; height: 20px; left: 200px; top: 0px; background: black;"></div>
|
|
<div style="position: absolute; width: 400px; height: 20px; left: 199px; top: 21px; background: black;"></div>
|
|
<div style="position: absolute; width: 40px; height: 40px; left: 0px; top: 41px; background: black;"></div>
|
|
<div style="position: absolute; width: 40px; height: 40px; left: 120px; top: 41px; background: black;"></div>
|
|
<div style="position: absolute; width: 40px; height: 40px; left: 193px; top: 41px; background: black;"></div>
|
|
<div style="position: absolute; width: 40px; height: 40px; right: 194px; top: 41px; background: black;"></div>
|
|
<div style="position: absolute; width: 40px; height: 40px; right: 120px; top: 41px; background: black;"></div>
|
|
<div style="position: absolute; width: 40px; height: 40px; right: 0px; top: 41px; background: black;"></div>
|
|
<div style="position: absolute; width: 800px; height: 40px; left: 0px; top: 91px; background: black;"></div>
|
|
</div>
|
|
|
|
<div style="position: absolute; left: 0px; top: 369px; width: 100%;">
|
|
<div style="position: absolute; width: 400px; height: 20px; left: 100px; top: 0px; background: black;"></div>
|
|
<div style="position: absolute; width: 100px; height: 50px; left: 0px; top: 10px; background: rgb(0, 255, 0);"></div>
|
|
<div style="position: absolute; width: 40px; height: 40px; right: 480px; top: 20px; background: black;"></div>
|
|
<div style="position: absolute; width: 40px; height: 40px; right: 0px; top: 20px; background: black;"></div>
|
|
<div style="position: absolute; width: 800px; height: 40px; left: 0px; top: 70px; background: black;"></div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|