40.ティナさま

Source

Title:Panie
タイトルは３行以上になると不格好ですので、行間や文字を小さくするなどして適宜調整してください。また、文章ページのタイトルは左上に固定になります。表紙ページのお話へのリンクはマウスを乗せたときに水色になります。

HEAD

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

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

body{
margin:0;
padding:0;
font-size:11px;
color:#333;
line-height:2;
letter-spacing:2px;
font-family:Josefin Sans,YuGothic,游ゴシック,Meiryo,メイリオ, sans-serif;
background:#fff;
text-align:center;
}

.top{
background:url(#画像URL#) center center no-repeat;
background-size:250px;
max-width:250px;
height:307px;
}

.ttl{
font-family:こころ明朝;
font-size:30px;
color:rgba(0,0,0,0.4);
text-align:left;
text-shadow:0 0 3px rgba(255,0,128,0.3);
padding-top:80px;
}

.top_menu{
text-align:right;
padding-right:20px;
}

.top_menu a{
color:#000;
text-shadow:0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff;
}

.txt_ttl{
padding:10px;
color:#F9DEF9;
font-family:Josefin Sans,"こころ明朝" ;
font-size:25px;
text-align:left;
position:fixed;
top:0;
left:0;
right: 0;
z-index:-1;
}

.txt{
max-width:400px;
margin:15px;
margin-top:40px;
text-align:left;
}

.menu{
max-width:400px;
margin:15px;
background:repeating-linear-gradient(45deg,#FFEDF9 0,#FFEDF9 1px,#fff 1px,#fff 3px);
}

.menu a{
color:#000;
font-size:15px;
padding:0 5px;
}

.list{
max-width:400px;
margin:15px;
text-align:left;
border:solid 1px #F389C3;
}

.list a{
border:none;
background:#FFEEF7;
padding:3px;
font-size:13px;
}

.list a:hover{
background:#EEFFFF;
color:#95C8F5;
}

.list_in{
padding:10px;
}

.mi{
background:repeating-linear-gradient(45deg,#FFEDF9 0,#FFEDF9 1px,#fff 1px,#fff 3px);
border-bottom:solid 1px #F389C3;
color:rgba(0,0,0,0.4);
text-shadow:0 0 3px rgba(255,0,128,0.8);
font-size:12px;
text-align:left;
letter-spacing:5px;
padding:5px 10px;
margin:0;
font-family:Josefin Sans,"こころ明朝" ;
}

a{
text-decoration:none;
color:#F069AF;
}

a:hover{
color:#95C8F5;
}
</style>

BODY

Sozai