example11 | ナノ

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

Master
ナナシ
食べることが大好きです

Detail
和文フォント:はんなり明朝
欧文フォント:Mallanna,Dancing Script

HEAD(CSS)

@import url(https://fonts.googleapis.com/css?family=Mallanna|Dancing+Script);

@font-face{
font-family:はんなり明朝;
src:url('https://cdn.leafscape.be/hannari/hannari_web.woff')
format("woff");
}

body{
margin:0;
padding:0;
font-size:13px;
color:#dfab1b;
line-height:2;
letter-spacing:2px;
font-family:'Mallanna',はんなり明朝,Meiryo,メイリオ, sans-serif;
background:#921a1a;
text-align:center;
}

.top{
font-size:20px;
font-family:'Dancing Script',はんなり明朝;
background:linear-gradient(-135deg, #140e3c 15px, transparent 0) 0 15px,
linear-gradient(135deg, #140e3c 15px, #921a1a 0) 0 15px;
background-color:#140e3c;
background-size:30px 30px;
background-repeat:repeat-x;
background-position:center bottom;
line-height:1.2;
padding:20px 0 40px 0;
}

.top i{
font-size:30px;
}

.top a{
font-size:15px;
letter-spacing:0;
background:none;
}

.top a:hover{
color:#dfab1b;
border-bottom:solid 2px #02507a;
}

.all{
max-width:500px;
padding:20px 15px 0 15px;
margin:0 auto;
text-align:left;
}

.mi{
border-left:double 7px #140e3c;
font-size:15px;
padding-left:5px;
}

a{
text-decoration:none;
color:#dfab1b;
background:#02507a;
}

a:hover{
color:#02507a;
background:none;
}

</style>

BODY(HTML)