ユウさま | ナノ

-- information --

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

……おまけで子ページっぽいのも作ってみました。
フォントはLeafscape様から、タイトルは檸檬齧って眠る様よりお借りしました。
「男の子のイラストのトップ」とのことだったので、少年(?)を描いてみました。私の趣味に走りました。ごめんなさい。
タイトルのみ、こころ明朝フォントにしてみました。ただ処理が遅いので表示に時間がかかります…。いらない場合は"こころ明朝"のみ削除していただければ普通の明朝体になります。
スマホ優先とのことだったので、横幅は小さめです。
男の子の目のあたりにある星は移動できます。
企画にご参加いただきありがとうございました。これからも846。をよろしくお願いします。

HEAD(CSS)

@import url(https://fonts.googleapis.com/css?family=Josefin+Sans|Sacramento);

@font-face
{
font-family:"こころ明朝" ;
src: url('https://cdn.leafscape.be/kokoro/Kokoro_web.woff')
     format("woff");
}

body{
 margin:0;
 padding:0;
 font-size: 12px;
line-height:2;
letter-spacing:2px;
font-family:'Josefin Sans',YuGothic,游ゴシック,Meiryo, メイリオ, sans-serif;
background:#3F3A60;
}

.all{
max-width:700px;
height:auto;
padding:15px;
text-align:left;
}

.top{
background:url(#画像URL#) center top no-repeat;
background-size:180px;
width:100%;
height:330px;
}

.star{
font-size:20px;
padding-top:105px;
text-shadow:1px 1px 3px #ddd,
-1px 1px 3px #ddd,
-1px 1px 3px #ddd,
-1px -1px 3px #ddd;
}

.title{
font-size:20px;
color:#fff;
font-family:'Sacramento',"こころ明朝" ,"ヒラギノ明朝 Pro W3" ,'游明朝',MS 明朝,HGP明朝B;
line-height:30px;
letter-spacing:4px;
padding-top:65px;
text-shadow:1px 1px 3px #ccc,
-1px 1px 3px #ccc,
-1px 1px 3px #ccc,
-1px -1px 3px #ccc;
}

.menu a{
font-family:'Sacramento';
font-size:22px;
margin:0 3px;
line-height:1;
letter-spacing:0;
}

.mi{
font-size:30px;
font-family:'Sacramento';
line-height:0.5;
letter-spacing:0;
text-align:center;
text-shadow:1px 1px 3px #ddd,
-1px 1px 3px #ddd,
-1px 1px 3px #ddd,
-1px -1px 3px #ddd;
}

a{
text-decoration:none;
color:#E5FFFC;
transition:0.3s;
-ms-transform:0.3s;
-webkit-transform: 0.3s;
-moz-transform: 0.3s;
-o-transform: 0.3s;
}

a:hover{
color:#fff;
text-shadow:1px 1px 3px #ddd,
-1px 1px 3px #ddd,
-1px 1px 3px #ddd,
-1px -1px 3px #ddd;
}

a:visited{
color:#eee;
}

</style>

BODY(HTML)

素材↓