Ephemeral | ナノ

説明当サイトの過去デザインです。
ずらずら書いてあった方が見映えはいいような気がします。
上の蝶のところのリンクはトップページのURLを入れてください。その際には｢トップに戻るときはサイト名をクリック｣などの言葉を入れた方が良いです。
上部の部分は常時表示させた方が可愛いと思います。

色の設定はすべてHEAD・HTML詳細より設定していますので、変更の際はそちらから。
リンク文字はこんな感じabcで自由の翼フォントで表示されます。マーカーはこんな感じabcです。見出しはこんな感じabcです。

上の画像を差し替えるときは400px×220pxのものを用意するか、background-size:400px;とheight:画像の縦の大きさ;を書き加えるなどして調節してください。(横は400pxくらいがいちばんきれいだと思うので)
色や素材を変えるだけで印象が変わるので、カスタマイズしてみてください。このまま使っても構いません。

素材(透過済)↓

HEAD

body{margin:0;
 padding:0;
 font-size: 13px;
color:#000;
 overflow-y:scroll;
line-height:2;
font-family: 'Julius Sans One','游ゴシック体','Yu Gothic','YuGothic','Lucida Grande','Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',Meiryo, メイリオ, sans-serif;}

@font-face
{font-family: 自由の翼;
src: url('http://cdn.leafscape.be/JiyunoTsubasa/JiyunoTsubasa_web.woff')
     format("woff");}

p2{border-bottom:dotted 1px #ccc;
padding:3px;}

a {font-size:10px;
color:#fff;
font-family: 自由の翼;
padding:8px;
text-decoration: none;
background:#000;
transition: 0.5s;
 -ms-transform: 0.5s;
 -webkit-transform: 0.5s;
 -moz-transform: 0.5s;
 -o-transform: 0.5s;
}

a:hover {color:#9370db;
background:#fff;
padding:10px;}

a:visited{color:#ddd;}

.title{padding:40px 0px 0px 0px;}

.title a{background:none;
 color:#000;
 font-size:50px;
font-weight:bold;
line-height:2;
text-shadow:2px 2px 6px #e6e6fa,
2px -2px 6px #e6e6fa,
-2px 2px 6px #e6e6fa,
-2px -2px 6px #e6e6fa;}

.title a:hover{color:#fff;}

.sub{color:#000;
background: #e6e6fa;
font-family: 自由の翼;
font-size: 20px;
border-radius:7px;
display: inline-block;
position: relative;
bottom:20px;
padding:0px 10px 0px 10px;}

.waku{background:#fff;
padding:0px 20px 20px 20px;
border-radius:10px;
max-width:800px;
height:auto;
margin:30px 10px 10px 10px;
text-align:left;}

.ma{background:linear-gradient(transparent 40%,#e6e6fa 0%);
padding:3px 10px 3px 10px;}

.top{height:220px;
width:100%;
margin-bottom:20px;
position:center top;
text-align:center;
background:url(#蝶の画像URL#);
background-repeat:no-repeat;
background-position:center top;}

.st{font-size:17px;
color:#330066;}
</style>

BODY