彗星つんざく君の遺影

source

自動改行“しない”で作成しています。
画像はこちらからお持ち帰りください。

HEAD

@import url('https://fonts.googleapis.com/css?family=Antic');

@font-face
{
font-family: IPAex明朝;
src: url('https://cdn.leafscape.be/IPAexfont/ipaexm_web.woff2')
     format("woff2");
}

body{
font-family:"Antic","メイリオ", sans-serif;
font-size:12px;
letter-spacing:1px;
line-height:150%;
color:#333;
background:#fff;
margin:0;
padding:0;}

@media screen and (min-width: 501px){
.wrp{
width:500px;
margin:0 auto;}
}

@media screen and (max-width:500px){
.wrp{
width:100%;
margin:0;}
}

.top{
width:100%;
height:150px;
background:url(##八角形画像URL##) no-repeat;
background-size:150px;
background-position:right;
display:table;
}

.ft{
margin:0;
position:relative;
bottom:20px;
text-shadow:0 0 3px #fff,0 0 5px #fff,0 0 10px #fff,0 0 10px #fff,0 0 15px #fff,0 0 15px #fff;}

.con{margin:20px;}

.box{
font-size:11px;
color:#888;
margin:10px;
padding:10px;
border:solid 1px #ddd;
border-radius:5px;
box-shadow:2px 2px 3px #ddd;}

header{
max-width:290px;
margin:50px auto 0;
padding:0;}

strong{
font-weight:normal;
border-bottom:solid 1px #867ba9;}

h1{
font-family:"Antic","IPAex明朝","メイリオ", sans-serif;
font-size:20px;
line-height:160%;
font-weight:normal;
margin:0 auto;
padding:0;
text-shadow:0 0 3px #fff,0 0 5px #fff,0 0 10px #fff,0 0 10px #fff,0 0 15px #fff,0 0 15px #fff;
text-align:center;
vertical-align:middle;
display:table-cell;}

h1 a{
font-size:12px;
color:#333;
margin:3px;
padding:1px 3px;
background:rgba(255,255,255,.8);
text-shadow:none;}

h1 a:hover{color:#84a2d4;}

h2{
font-family:"Antic","IPAex明朝","メイリオ", sans-serif;
font-weight:normal;
font-size:16px;
background:url(##四角い画像URL##) no-repeat;
background-size:200px;
margin:5px;
padding:2px 8px;
display:inline-block;
text-shadow:0 0 3px #fff,0 0 5px #fff,0 0 10px #fff,0 0 10px #fff,0 0 15px #fff,0 0 15px #fff;}

h3{
font-family:"Antic","IPAex明朝","メイリオ", sans-serif;
font-weight:normal;
font-size:13px;
border:solid 1px #84a2d4;
margin:5px;
padding:0 5px;
display:inline-block;}

h4{
font-family:"Antic","IPAex明朝","メイリオ", sans-serif;
font-weight:normal;
font-size:13px;
border:solid 1px #84a2d4;
background:#84a2d4;
color:#fff;
margin:5px;
padding:0 5px;
display:inline-block;}

a{
color:#84a2d4;
text-decoration:none;
padding:0 3px;}

a:hover{color:#333;}

</style>

本文

彗星つんざく君の遺影
info 00/00 main

information

midashi

midashi2

source