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%;
}