デイドリーム・シネマ

Information

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

Master
▽▽
宇宙と青が好きです
(mail/res)

Description

個人的にとっても好きな感じになりました。
自分にしては珍しい色合いな気がします。あと、暗い背景の時は文字は白よりグレーのほうが見やすいことを知りました。
トップはメニュー以外の文章が４行以上になるときは.top{}でline-heightや文字の大きさを小さくするなどして調節してください。(４行以上になると下に回り込んでいってしまいます)
ちなみに＜span class="ma"＞＜/span＞で囲むとこんな感じになります。
素材はMaterialのstar tearの2つめです。
タイトルは星食さまからお借りしました。

HEAD(CSS)

@import url(https://fonts.googleapis.com/css?family=Cabin|Hammersmith+One);

body{
margin:3% 0;
padding:3% 0;
font-size:11px;
color:#ccc;
line-height:2;
letter-spacing:2px;
font-family:'Cabin',Meiryo,メイリオ, sans-serif;
background:#004466;
text-align:center;
}

.top{
max-width:280px;
padding:15px;
padding-top:0;
margin:0 auto;
text-align:left;
font-size:10px;
}

.top a{
color:#AC4685;
background:#000;
padding:3px 5px;
font-size:13px;
border:solid 3px #002F49;
line-height:32px;
}

.top a:hover{
color:#ddd;
background:#2B6E92;
border-color:#0E5276;
}

.boy{
float:left;
width:120px;
height:auto;
padding-right:10px;
margin-right:15px;
border-right:dotted 3px #345B70;
}

.title{
color:#ddd;
font-size:30px;
line-height:1.5;
letter-spacing:0;
margin-bottom:15px;
font-family:'Hammersmith One';
text-shadow:1px 1px #2B6E92,
1px -1px #2B6E92,
-1px 1px #2B6E92,
-1px -1px #2B6E92;
}

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

p{
color:#ddd;
font-size:20px;
line-height:1.5;
margin-bottom:15px;
border-bottom:dotted 3px #345B70;
font-family:'Hammersmith One';
text-shadow:1px 1px #2B6E92,
1px -1px #2B6E92,
-1px 1px #2B6E92,
-1px -1px #2B6E92;
}

.ma{
color:#AC4685;
background:#000;
padding:2px 3px;
margin:0 2px;
}

a{
text-decoration:none;
color:#fff;
border-bottom:solid 2px #2B6E92;
}

a:hover{
color:#B14274;
border-color:#004466;
}

</style>

BODY(HTML)