hatena_flower2-red

このデザインについて

tikeda サンプル
カテゴリー:写真ベーステーマ:なしヘッダー:ピンク(太)
登録日:2006/11/17更新日:2006/11/17利用数:144
はてなダイアリーで使える「hatena_flower2-red」テーマのアンテナ版です。サイドバーを入れて使いたい方を前提に作っています。

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

ページのヘッダ

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

ページのフッタ

</div>
<div class="sidebar">
<hatena name="rss" url="http://b.hatena.ne.jp/hotentry?mode=rss" listlimit="5" template="hatena-module" desclength="0"  moduletitle="Popular Bookmark">
<hatena name="rss" url="http://d.hatena.ne.jp/hotkeyword?mode=rss" listlimit="5" template="hatena-module" desclength="0"  moduletitle="Popular Keyword">
<hatena name="rss" url="http://d.hatena.ne.jp/hotasin?mode=rss" listlimit="5" template="hatena-module" desclength="0"  moduletitle="Popular Asin">
<hatena name="rss" url="http://f.hatena.ne.jp/hotfoto?sort=hot&mode=rss" listlimit="5" template="hatena-photo" desclength="0"  moduletitle="Popular Foto">

</div>

スタイルシート

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:#FE6577;
}

a:visited{
  color:#F2828F;
}


body {  background:#EBD3C4 url("http://d.hatena.ne.jp/theme/hatena_flower2-red/h1.gif") top center no-repeat;
  color:#666;
  margin:0;
  padding:0;
  text-align:center;
  font-family:"Georgia" , "Century" , 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:160%;
  margin:0 auto 0 auto;
  text-align:left;
  width:757px;
  color:#C67539;
  text-indent:0.5em;
  padding:0.5em 0 1.0em 0em;
  letter-spacing:0.1em;
}

.hatena-body{
  width:759px;
  margin:0 auto;
  text-align:left;
  font-size:100%;
  line-height:135%;
}

.main{
  float:left;
  margin-right:244px;
  margin-bottom:1em;
  width:504px;
  background:#F6E8E5 url("http://d.hatena.ne.jp/theme/hatena_flower2-red/body.gif") bottom center no-repeat;
}

.sidebar{
  float:right;
  width:240px;
  margin-left:-240px;
  margin-bottom:1em;
  margin-top:152px;
  font-size:80%;
}

ol {
  margin:0;
  _height:1%;
  padding:0 1em 1em 1em;
}

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

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

ol li .modified{
  color:#667;
  font-size:90%;
}
.diff {
  font-size:90%;
 background: #DEAE94;
  padding:7px;
  margin:1em 1em 0 1em;
  color:#FFF;
}

.diff img{
  margin-right:7px !important;
  border:1px solid #FFF !important;
}

#hatena-antenna-image ol.image{
}

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

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

p.pager {
  font-size:80%;
  margin:0 auto;
  text-align:left;
  padding:0 1em 1em 1em;
}

#pager_group{
  background: url("http://d.hatena.ne.jp/theme/hatena_flower2-red/h2.gif") top center no-repeat;
  padding:1em 1em 0 1em;
}

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

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{
padding:5px !important;
}

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

.hatena-module{
  margin-bottom:1em;
}

.hatena-module .hatena-moduletitle{
  font-size:100%;
  padding:1em 1em 0 1em;
  line-height:125%;
  background:url("http://d.hatena.ne.jp/theme/hatena_flower2-red/hatena-moduletitle.gif") top center no-repeat;
}

.hatena-module .hatena-moduletitle a{
  color:#666;
}

.hatena-module .hatena-moduletitle a:hover{
  text-decoration:underline;
}

.hatena-module .hatena-modulebody{
  padding:1em 1em 2em 1em;
  background:#F7DFD6 url("http://d.hatena.ne.jp/theme/hatena_flower2-red/hatena-modulebody.gif") bottom center no-repeat;
}
.hatena-module .hatena-modulebody ul{
}
.hatena-module .hatena-modulebody ul li{
  padding:0.2em;
}


.hatena-module .hatena-modulebody ul.hatena-photo li{
  background:transparent;
  display:inline;
  margin:0;
  padding:0;
}

.hatena-module .hatena-modulebody ul.hatena-photo li img{
  margin:3px;
}

.hatena-module .hatena-modulebody a{
  color:#F5650C;
  text-decoration:none;
}

.hatena-module .hatena-modulebody a:hover{
  text-decoration:underline;
}

.hatena-module input{
  margin-right:0.5em;
  border:0;
}
.hatena-module input:focus{
}
p.recentitem{
  margin:0;
}

div.recentsubtitles{
}

ul.keywordcloud {
  margin: 0;
  padding: 0;
}

.hatena-module .hatena-modulebody ul.keywordcloud li {
  font-size:90%;
  display: inline;
  padding:0;
  margin:0.5em;
  background:transparent;
}

ul.keywordcloud li a{
  display:inline;
  line-height:1.2;
}

ul.keywordcloud li a.keywordcloud0 { font-size: 80%; }
ul.keywordcloud li a.keywordcloud1 { font-size: 100%; }
ul.keywordcloud li a.keywordcloud2 { font-size: 120%; }
ul.keywordcloud li a.keywordcloud3 { font-size: 140%; }
ul.keywordcloud li .keywordcloud4 { font-size: 160%; }
ul.keywordcloud li a.keywordcloud5 { font-size: 180%; }
ul.keywordcloud li a.keywordcloud6 { font-size: 200%; }
ul.keywordcloud li a.keywordcloud7 { font-size: 220%; }
ul.keywordcloud li a.keywordcloud8 { font-size: 240%; }
ul.keywordcloud li a.keywordcloud9 { font-size: 260%; }
ul.keywordcloud li a.keywordcloud10 { font-size: 280%; }

/* calendar */          

table.calendar{
  font-size:90%;
  margin:0 auto;
  width:200px;
  border-top:0;
  border-right:0;
  border-left:0;
  background:transparent;
}

table.calendar tr td{
  text-align:center;
}

table.calendar td.calendar-prev-month{
  text-align:left;
}

table.calendar td.calendar-current-month{
  text-align:center;
}

table.calendar td.calendar-next-month{
  text-align:right;
}

table.calendar td.day-today{
  background:#EFF3F7;
}

table.calendar td.day-selected{
 font-weight:bold;
}

table.calendar td.calendar-day img{
 width:15px;
 height:15px;
}

/* profile */          

.hatena-profile{
 _height:1%;
}

.hatena-profile:after{
  clear:both;
  content:"";
  display:block;
  height:3px;
}

.hatena-profile-image,.hatena-profile-id,.hatena-profile-body{
  margin:0px;
  font-size:90%;
}

.hatena-profile-body{
  margin-right:0;
}

.hatena-profile-image{
  float:left;
  margin:0 0.2em;
}

/* clock */          

.hatena-clock{
  text-align:center;
}

 .message {
  font-size:80%;
  position: fixed;
  bottom: 30px; right: 30px;
  width: 350px;
  z-index:1000;
 }

 html {
  *overflow: hidden;
  _overflow: hidden;
 }
 body {
  *height: 100%;
  *overflow: auto;
  _height: 100%;
  _overflow: auto;
 }
 .message {
  *position: absolute;
  _position: absolute;
 }