Simple-dots

このデザインについて

dbfireball サンプル
	カテゴリー：シンプル	ベーステーマ：hatena	ヘッダー：■グレー(太)
	登録日：2006/11/27	更新日：2006/11/27	利用数：317
恐ろしく単純なので、ここからいろいろ手を加えていっていただければいいんじゃないかなと思ってます。 2006/11/27 ヘッダ部分、いろいろ修正しました。すみません。すみません。

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

ページのヘッダ

<div class="main">
<h1><hatena name="title"></h1>

ページのフッタ

</div>

スタイルシート

html
{
  background-color: #cccccc;
}
body
{
  text-align:center;
  margin:0;
}
table{
  width:80%;
  margin:0 auto 10px;
  border-left:1px solid #000;
  border-right:1px solid #000;
  background-color: #cccccc;
}
table table{ 
  width:100%;
  margin:0;
  border:0;
}
td{
  width:100%;
}
.main{
  width:80%;
  margin:0 auto;
  padding:0;
  text-align:left;
  border-top:1px solid #000;
  border-left:1px solid #000;
  border-right:1px solid #000;
  border-bottom:1px solid #000;
  background-color: #FFFFFF;
}
a {
  font-weight: bold;
}
a:link{color: #FF6F05}
a:active{color: #FF9E21}
a:visited{color: #999999}
h1 {
  text-align: left;
  font-size: 16pt;
  font-weight: bold;
  border-bottom: 1px dotted #ADB2FF;
  margin-top: 10px;
  margin-bottom: 5px;
  margin-left: 5%;
  margin-right: 5%;
  padding: 4px 4px 4px 4px;
}
.head_link {
  margin-top: 5px;
  margin-bottom: 5px;
  margin-left: 5%;
  margin-right: 5%;
  font-size: 10pt;
  border-left:6px solid #6195FF;
  border-bottom: 1px dotted #ADB2FF;
  padding: 5px;
}
ol {
  margin-top: 5px;
  margin-bottom: 5px;
  margin-left: 5%;
  margin-right: 5%;
}
li {
  font-size: 10pt;
  border-left:6px solid #6195FF;
  border-bottom: 1px dotted #ADB2FF;
  margin: 3%;
  padding: 5px;
}
.diff {
  font-size: 10pt;
  background-color: #ffffff;
  margin-top: 3px;
  margin-bottom: 3px;
  padding: 4px 4px 4px 4px;
}
.pager {
  font-size: 9pt;
  text-align: right;
  margin-top: 3px;
  margin-bottom: 3px;
  margin-right: 5%;
}

div.adminmenu {
  font-size: 90%;
  margin: 2% 5% 0% 0%;
  text-align: right
}
span.adminmenu {}
div.footer {
  color: #555555;
  margin: 5px;
  font-size: 80%;
  text-align: center;
}
form.hatena-searchform {
  text-align: right;
  margin-right: 5%;
}