hatena_fabric-green

このデザインについて

hatena_fabric-greentikeda サンプル
カテゴリー:かわいいベーステーマ:なしヘッダー:白(太)
登録日:2006/11/08更新日:2006/11/15利用数:565
はてなダイアリーで使える「hatena_fabric-green」テーマです。今後テーマとしてリリースするかもしれませんが、一足お先に公開します。

■06/11/15
-IEでリストの中央揃えがずれる
-IEで「既読を表示・非表示」のボタンの文字が折り返す
不具合を修正しました。

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

ページのヘッダ

<h1><hatena name="title">
</h1>

ページのフッタ


スタイルシート

img{
  border:0;
}

h1,h2,h3,h4,h5{
  font-size:100%;
  margin:0;
  padding:0;
}

ul , ol{
  margin:0;
  padding:0;
  list-style:none;
}

p{
  margin:0;
  padding:0;
}

a{
  color:#2F8700;
}

a:visited{
  color:#6FAA50;
}

body {  background:#5AA218 url("http://d.hatena.ne.jp/theme/hatena_fabric-green/body.gif") ;
  color:#666;
  margin:0;
  padding:0;
  text-align:center;
  font-family:"Century Gothic" , "Georgia" , Serif;
  word-break:break-all;
  word-wrap:break-word;
}

a, a:link, a:visited, a:hover, {
 word-break:break-all ;
 word-wrap:break-word ;
}

h1 {
  font-size:200%;
  margin:0 auto 0 auto;
  text-align:left;
  width:757px;
  color:#FFF;
  text-indent:0.5em;
  padding:1em 0 1.0em 0em;
  letter-spacing:0.1em;
  background:url("http://d.hatena.ne.jp/theme/hatena_fabric-green/h1.gif") right bottom no-repeat;
}

ol {
  width:757px;
  margin:0 auto;
  background:#FFF;
  border-right:1px dashed #A1CF88;
  border-top:1px dashed #A1CF88;
  border-left:1px dashed #A1CF88;
  padding:7px;
  _height:1%;
  _margin:0;
  *margin:0;
}

ol:after{
  clear:both;
  content:"";
  display:block;
}

ol li{
  padding:5px;
  text-align:left;
  list-style:none;
}

ol li .modified{
  color:#667;
  font-size:90%;
}
.diff {
  font-size:90%;
  background:#F4F0E7 url("http://d.hatena.ne.jp/theme/hatena_fabric-green/comment.gif") bottom center;
  padding:7px;
  margin:1em 1em 0 1em;
  border:1px dashed #DFD5B9;
}

.diff img{
  margin-right:7px !important;
}

#hatena-antenna-image ol.image{
}

#hatena-antenna-image ol.image li {
  width:150px;
  height:185px;
  background:url("./image.gif") center top no-repeat !important;
  padding-left:0 !important;
  padding-right:0 !important;
  margin:15px;
 _margin:13px;
  text-align:center;
}

#hatena-antenna-image ol.image li a.screenshot img{
  margin-top:10px;
  border:1px dashed #A5CF8C !important;
}

p.pager {
  font-size:100%;
  padding:7px;
  line-height:100%;
  background:#AED798 url("http://d.hatena.ne.jp/theme/hatena_fabric-green/hatena-modletitle.gif") top right no-repeat;
  color:#FFF;
  border-top:1px dashed #E9F0F5;
  border-right:1px dashed #E9F0F5;
  border-left:1px dashed #E9F0F5;
  margin:0 auto;
  width:757px;
  font-size:80%;
  text-align:right;
}

p.pager a,p.pager a:visited,p.pager a:hover{
  color:#FFF;
}

div.adminmenu {
  font-size: 80%;
  padding:5px 0;
  margin:0 auto;
  text-align: right;
  width:757px;
}

div.adminmenu a ,div.adminmenu a:visited,div.adminmenu a:hover{
  color:#FFF;
}

div.footer {
  color: #cccccc;
  margin: 5px;
  font-size: 80%;
  text-align: center;
}
form.hatena-searchform {
  text-align: right;
  margin-right: 5%;
}

#toggle_visited{
  width:757px;
  margin:0 auto;
}

#toggle_visited a{
  color:#333;
}
#navi_toggle{
  width:10em;
}