<header>\r
\r
<section id="title">\r
- <img class="tama1" src="image/tama.gif" alt="tama">\r
- <img class="tama2" src="image/tama.gif" alt="tama">\r
- <img class="tama3" src="image/tama.gif" alt="tama">\r
- <img class="tama4" src="image/tama.gif" alt="tama">\r
- <img id="hengTitle" src="image/hengband_title.png" alt="変愚蛮怒 Hengband">\r
- <img class="tama4" src="image/tama.gif" alt="tama">\r
- <img class="tama3" src="image/tama.gif" alt="tama">\r
- <img class="tama2" src="image/tama.gif" alt="tama">\r
- <img class="tama1" src="image/tama.gif" alt="tama">\r
+ <img class="tama1" src="/image/tama.gif" alt="tama">\r
+ <img class="tama2" src="/image/tama.gif" alt="tama">\r
+ <img class="tama3" src="/image/tama.gif" alt="tama">\r
+ <img class="tama4" src="/image/tama.gif" alt="tama">\r
+ <img id="hengTitle" src="/image/hengband_title.png" alt="変愚蛮怒 Hengband">\r
+ <img class="tama4" src="/image/tama.gif" alt="tama">\r
+ <img class="tama3" src="/image/tama.gif" alt="tama">\r
+ <img class="tama2" src="/image/tama.gif" alt="tama">\r
+ <img class="tama1" src="/image/tama.gif" alt="tama">\r
</section>\r
\r
<section id="mainMenu">\r
- <a href="index.html">トップ</a>\r
- <a href="download.html">ダウンロード</a>\r
- <a href="score.html">スコア</a>\r
- <a href="lists.html">コミュニティ</a>\r
- <a href="history.html">バージョン履歴</a>\r
- <a href="link.html">関連リンク</a>\r
- <a href="jlicense.html">著作権表記</a>\r
+ <a href="/index.html">トップ</a>\r
+ <a href="/download.html">ダウンロード</a>\r
+ <a href="/score.html">スコア</a>\r
+ <a href="/lists.html">コミュニティ</a>\r
+ <a href="/history.html">バージョン履歴</a>\r
+ <a href="/link.html">関連リンク</a>\r
+ <a href="/jlicense.html">著作権表記</a>\r
<span>English (Coming Soon)</span>\r
</section>\r
\r
\r
display: flex;\r
flex-direction: column;\r
+ flex: 1 0 auto;\r
}\r
\r
.paragraph > p\r
{\r
- margin: 1rem 0.5rem;\r
+ margin: 1rem 1.5rem;\r
padding: 0.2rem 0.2rem;\r
}\r
\r
margin: 30px 5px;\r
}\r
\r
-\r
ul{\r
- padding: 0px;\r
border: 0px;\r
- margin: 0px 1.0rem;\r
+ margin: 0px 1.6rem;\r
padding: 0px;\r
}\r
\r
padding: 10px;\r
}\r
\r
-H2{\r
- padding: 10px 10px 6px 10px;\r
- border: 3px #554433 solid;\r
+h2{\r
+ padding: 1.1rem;\r
+ margin: 1.5rem 0 0.7rem 0;\r
+ border: 0.5rem #775540 solid;\r
background-color: #000000;\r
+ border-radius: 0.8rem;\r
}\r
\r
-H3{\r
- padding: 5px 5px;\r
- margin: 0px 5px;\r
- border: 1px #554433 solid;\r
- background-color: #000000;\r
+h3{\r
+ padding: 0.7rem;\r
+ margin: 0.6rem;\r
+ border: 0.3rem #554433 solid;\r
+ border-radius: 0.9rem;\r
+ background-color: #100800;\r
}\r
\r
-H4{\r
- padding: 5px 5px;\r
- margin: 2px 2px;\r
- background-color: #000000;\r
+h4{\r
+ padding: 0.5rem;\r
+ margin: 0.5rem 1.0rem;\r
+ border: 0.2rem #332010 solid;\r
+ border-radius: 1.0rem;\r
+ background-color: #201000;\r
}\r
\r
.strong\r