↓以下HEAD内CSS。
<meta name="robots" content="noindex,nofollow,noarchive" />
<link href='http://fonts.googleapis.com/css?family=Architects+Daughter' rel='stylesheet' type='text/css'>
<style type="text/css">
body{ text-align: center;}
.note{
width: 300px;
margin: 20px auto;
padding: 20px 0;
background-color: #f8f4f1;
background: -webkit-linear-gradient(90deg, #faebd7, #ffffff);
background: -moz-linear-gradient(90deg, #faebd7, #ffffff);
background: linear-gradient(45deg, #faebd7, #ffffff 70%, #ffffff);
color: #666666;
text-align: center;
border: 1px solid #aaaaaa;
border-radius: 10px;}
.title{
font: 24px/1 'Architects Daughter', sans-serif;
color: #666666;
text-align: right;}
.inner{
width: 90%;
margin: 0 auto;
padding: 0 10px;
text-align: left;
line-height: 1.3;
font-family: 'Architects Daughter', sans-serif;}
.note p{
border-bottom:1px dashed #aaaaaa;
dysplay: inline;
padding-top: 2px;
padding-bottom: 2px;
margin-top: 0px;
margin-bottom: 0px;}
.note a{text-decoration: none;}
.note a:hover{
position: relative;
top: 1px;
left: 1px;}
textarea,input,select,option,input[type="text"]{
color: #666666;
background: #ffffff;
border: 1px solid #aaaaaa;
height: auto;
padding: 5px;
font-size: small;
word-break: break-all;
overflow: auto;
-webkit-box-shadow: none;
border-radius: 10px;}
input[type="text"]{
width: 100px;}
input[type="submit"]{
width: auto;
height: auto;
margin: 5px 3px;
padding: 5px;
color: #666666;
border: 1px solid #aaaaaa;
background: #ffffff;
font-size: small;
font-family: sans-serif;
word-break: break-all;
-webkit-box-shadow: none;
border-radius: 10px;}
input[type="submit"]:hover{
background: #d4d4d4;}
</style>
↓タグ
<div class="note"><div class="inner"><div class="title"><p>site title</p></div><p> </p><p>▼Fanfiction HP</p><p>Visitor number 12345</p><p>Last update 2015/5/23</p><p>Site owner なまえ</p><p> </p><p>▼Contents</p><p><a href="URL"> no.1 index</a></p><p><a href="URL"> no.2 main</a></p><p><a href="URL"> no.3 memo</a></p><p><a href="URL"> no.4 clap</a></p><p><a href="URL"> no.5 res</a></p><p> </p><p>▼Ranking links</p><p><a href="URL"> ranking1</a></p><p><a href="URL"> ranking2</a></p><p><a href="URL"> ranking3</a></p><p> </p><p>▼Designed by <a href="http://id35.fm-p.jp/291/western442/">hkgaigai</a></p></div></div>
文字色 ■#666666
背景色 ■#ffffff
リンク色 ■#666666
訪問済み色 ■#666666
アクティブリンク色 ■#aaaaaa
DESIGN TEMPLATEへ/
TOPへ