格子

このデザインについて

engle サンプル
カテゴリー:クールベーステーマ:なしヘッダー:ライトブルー(太)
登録日:2007/06/10更新日:2007/06/10利用数:20

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

ページのヘッダ

<h1 class="diff" id="top">
<hatena name="title">
</h1>

<hr color="#ADB2FF" width="60%" align="center" size="2">
<hr color="#BDBfF0" width="40%" align="center" size="2">
<hr color="#CFCDEA" width="30%" align="center" size="2">
<hr color="#DFDFDA" width="10%" align="center" size="1">

ページのフッタ


スタイルシート

/* タイトル部分 */
h1#top {
  text-align: right;
  font-weight: bold;
  margin: 15px 5% 5px 5%;
  padding: 4px 4px 4px 4px;
}

/* ページ全体 */
body {
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 6em;
  margin-right: 4em;
  padding: 0;
  font-size:10px;
  color:#101030;
  background-color: #b0dafa;
}

/* リンク */
a {
  font-weight: bold;
}

a:link,a:visited{
  color: #00a0d0;
}

a:hover{
  color: #00d0d0;
}

/* メニュ */
.pager {
  text-align:right;
  font-size: 9pt;
  margin:3px 5% 3px;
}

p.pager b , p.pager a{
  text-align:right;
  font-size: 11px; 
  padding:3px 6px;
  margin:0 1px;
  border-top:1px #0000d0 solid;
  border-right:1px #0000d0 solid;
  border-left:1px #0000d0 solid;
  position: relative;
}

p.pager b{
  color:#000000; 
  border-bottom:2px #dcdcdc solid;
}

p.pager a{
  border-bottom:1px #0000f0 solid;
  text-decoration:none;
}

p.pager a:hover{
  color:#00d0d0;
  background-color:#e0d051;
}

/* あれ */
li {
  font-size: 10pt;
  margin-top:10px;
  margin-bottom:10px;
  padding-bottom: 6px;
  border-bottom:1px dotted #1020a0
}

/* あれ */
ol {
  padding-top:4px;
  margin:7px 50px 5px 5%;
  border-top:1px #0000d0 solid;
}

/* 本文 */
.diff {
  font-size: 10pt;
  margin-top: 3px;
  margin-bottom: 3px;
  padding: 4px 4px 4px 7px;
  background:url(http://f.hatena.ne.jp/images/fotolife/e/engle/20070610/20070610085611.png) repeat fixed;
}

/* 日時 */
.modified {
  font-size:12px;
  color:red;
}

/* 作者・コメント */
.author {
  font-size:11px;
  background-color:#a0c0d0;
}

/* わかんね */
div.adminmenu {
  font-size: 90%;
  margin: 2% 5% 0% 0%;
  text-align: right;
}

span.adminmenu {}

div.footer {
  color: #909090;
  margin: 5px;
  font-size: 80%;
  text-align:center;
}

form.hatena-searchform {
  text-align: right;
  margin-right: 5%;
}