Information

ここは××を主に扱う○○サイトです。
当サイト内の作品の著作権はすべて管理人ナナシにあります。荒らし・晒し・転載はご遠慮ください。
詳しい規約はmainから。

Master
ナナシ
ビビッドな色が好き。
[mail/res]

Detail

Title+sub:Amatic SC
overall:Didact Gothic
タイトルはLumpさまからお借りしました。

HEAD(CSS)
<style type="text/css"> @import url(https://fonts.googleapis.com/css?family=Amatic+SC|Didact+Gothic); body{ margin:3%; padding:3%; font-size:11px; color:#ccc; line-height:2; letter-spacing:2px; font-family:'Didact Gothic',Meiryo,メイリオ, sans-serif; background:#004466; text-align:center; } .all{ max-width:500px; padding:0 15px; margin:0 auto; text-align:left; } .top{ width:190px; background:#dc143c; font-family:'Amatic SC'; font-size:30px; line-height:30px; padding:80px 0; display:inline-block; border-radius:50%; border:dashed 10px #004466; } p{ margin:0; padding:0; } .sub{ font-family:'Amatic SC'; font-size:20px; border-bottom:dashed 2px #dc143c; line-height:1.5; text-align:center; margin-bottom:15px; } .mi{ color:#dc143c; background:#ccc; padding:2px 4px; font-weight:bold; } a{ text-decoration:none; color:#fff; padding:0 3px; } a:hover{ color:#dc143c; } </style>

BODY(HTML)
http://nanos.jp/yourID/ <div class="top">Site title</div> <a href="">???</a> <a href="">main</a> <a href="">note</a> <a href="">love</a> Thanks 123456. Last up-2016/XX/XX <div class="all"><p class="sub">Information</p>ここは××を主に扱う○○サイトです。 当サイト内の作品の著作権はすべて管理人ナナシにあります。荒らし・晒し・転載はご遠慮ください。 詳しい規約は<a href="">main</a>から。 <span class="mi">Master</span> ナナシ ビビッドな色が好き。 [<a href="">mail</a>/<a href="">res</a>]</div>