tureusaのデザイン:セピア

このデザインについて

tureusa サンプル
カテゴリー:シンプルベーステーマ:なしヘッダー:セピア(太)
登録日:2006/11/11更新日:2006/11/11利用数:61
セピアのヘッダに合わせたデザインです。いろんなヘッダ色に応用できるかと。

ヘッダの<p class="free">〜</p>の中はフリースペースなので、アンテナの説明などご自由に。必要なければ消しちゃってください。(フッタに入れても良いかと。)

ヘッダ/フッタ/スタイルシート

ページのヘッダ

<h1><hatena name="title"></h1>
<p class="free">
フリースペースです。アンテナの説明などご自由に。リンクはこうなるヨ→<a href="http://www.hatena.ne.jp/">はてな</a>
</p>

ページのフッタ


スタイルシート

body {
 margin:0px;padding:0px;
 text-align:left;
 font-family:Arial,sans-serif;
 font-size:100%;
 background-color:#BB8743;
 color:#BB8743;
 letter-spacing:1px;
}

a {
 color:#9E5C33;
}

a:hover {
 color:#B58135;
}

div.hatena-body {
 margin:0px auto;
 padding:0px 0px 5px 0px;
}

h1 {
 margin:5px 0px;
 padding-right:7px;
 font-size:120%;
 letter-spacing:5px;
 text-align:right;
 color:#ffffff;
}

/* Free Space */

p.free {
 margin:0px;
 padding:3px 0px 3px 7px;
 background-color:#DFB86F;
 color:#B58135;
 font-size:80%;
 border-top:1px solid #9E5C33;
 border-bottom:1px solid #9E5C33;
}

p.free a {
 color:#9E5C33;
}

p.pager {
 margin:7px 0px 0px 0px;
 padding:0px 1em;
 font-size:70%;
 color:#ffffff;
}

p.pager a  {
 color:#EFD7AF;
}

p.pager a:hover {
 color:#DFB86F;
}

#pager_top,#pager_bottom {
 text-align:right;
}

ol {
 color:#666666;
}

li {
 margin:0px 0px 10px 0px;
 padding:3px 0px 0px 0px;
 background-color:#EFD7AF;
 color:#FFFFFF;
 font-size:80%;
 border-top:1px solid #9E5C33;
}

a.screenshot img {
 border:1px solid #ffffff !important;
}

/* Update Day */

li span.modified {
 text-indent:7px;
 color:#B58135;
}

/* Author */

li span.author {
 color:#B58135;
}

/* Update Contents */

p.diff {
 margin:3px 0px 0px 0px;
 padding:7px 7px 0px 0px;
 background-color:#BB8743;
 border-top:1px solid #9E5C33;
 color:#fffffff;
}

p.diff img {
 border:1px solid #ffffff;
 margin-right:1em;
}

div.footer {
 color:#EFD7AF;
 font-size:80%;
 text-align:center;
}

#toggle_visited {
 margin:5px 7px 0px 0px;
 padding:0px;
}

#navi_toggle {
 width:100px;
}

/* Private Message */

table td center {
 color:#9E5C33;
}