mozuさま | ナノ

No.6
オルゴールの旋律は誰かの泣き声に似ていた

No.5
無邪気という文字は捨ててください

No.4
綱を渡る彼女は震えながら笑う

No.3
生きている人間のほうがよっぽど残酷だから

No.2
それは何か、不透明なものを噛み締めるようで

No.1
この感情に、とびきり美しい言葉をちょうだい

Description

修正させていただきました。
以前と少しデザインも変わっていますが、使いやすくなっていると思います。
「#d1ffee #ead1ffの２色、可愛いかつミステリアスな雰囲気」ということでしたので女の子の部屋をイメージして作ってみました。雰囲気だけで部屋っぽい要素はありませんが……。素材ページでの使用を考えているとおっしゃっていたので、字の読みやすさは考えずに素材が目立つようにしてみました。
写真は正方形でなければ多少の伸縮があります。気になる場合は正方形の画像を用意するか、div要素で表示するなどしてみれば解消されると思います。

素材は自作です。MaterialのBackground2より保存してください。
また、お題は檸檬齧って眠るさまよりお借りしました。ありがとうございます。

リクエストありがとうございました。これからも846。をよろしくお願いしますね。

HEAD(CSS)

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

body{
margin:0;
padding:0;
font-size:11px;
line-height:2;
color:#000;
letter-spacing:2px;
font-family:'Quicksand',Meiryo, メイリオ, sans-serif;
background:url(#画像URL#);
}

#all{
max-width:440px;
height:auto;
text-align:left;
}

h1{
font-family:'Sacramento';
font-size:40px;
letter-spacing:0;
font-weight:normal;
padding:0;
margin:0;
}

h2{
font-family:'Sacramento';
background:rgba(255,255,255,0.8);
line-height:1;
letter-spacing:0;
color:#000;
font-size:30px;
font-weight:normal;
text-align:center;
}

.title {width:200px;
height:70px;
background: rgba(255,255,255,0.9);
text-align:center;
position: relative;}

.title:after {content: "";
position: absolute;
bottom: -50px;
left: 0;
width: 0;
height: 0;
border-left: 100px solid transparent;
border-right: 100px solid transparent;
border-top: 50px solid rgba(255,255,255,0.9);}

.pict{
display:inline-block;
vertical-align:top;
width:92px;
height:92px;
margin:5px;
border-radius:50%;
border:solid 4px #fff;}

.link{
display:inline-block;
vertical-align:top;
width:80px;
height:90px;
padding:5px 10px;
margin:5px 5px 5px 0;
background:rgba(255,255,255,0.7);
border-radius:3px;
border:solid 2px #c8f8ec;
text-align:left;
font-size:9px;
}

.link:hover{
background:rgba(255,255,255,0.3);
transition: 0.5s;
 -ms-transform: 0.5s;
 -webkit-transform: 0.5s;
 -moz-transform: 0.5s;
 -o-transform: 0.5s;
}

.link a:hover{
border-color:#fff;
}

.ma{
background:rgba(255,255,255,0.5);
}

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

a:hover{
border-color:#c8f8ec;
}

a:visited{
color:#444;
}

</style>

BODY(HTML)

「#エロ」のBL小説を読む
BL小説 BLove

- ナノ -

Lady's room

Description