Snow-Couple

このデザインについて

tikeda サンプル
カテゴリー:イラストベーステーマ:なしヘッダー:白(太)
登録日:2006/11/24更新日:2006/11/24利用数:173
冬用のイラストデザインです。

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

ページのヘッダ

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

ページのフッタ


スタイルシート

body{
  background:#8CA6C6 url("http://f.hatena.ne.jp/images/fotolife/d/domu/20061121/20061121203749.gif") center top repeat-y;
  color:#666;
  margin:0;
  padding:0;
  text-align:center;
  font-family:"Century Gothic" , "Georgia" , Serif;
  word-break:break-all;
  word-wrap:break-word;
}

img{
  border:0;
}

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

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

p{
  margin:0;
  padding:0;
}

a{
  color:#BF287A;
  text-decoration:none;
}

a:visited{
  color:#C97DA6;
}

a:hover{
  text-decoration:underline;
}

form{
  display:inline;
}

input , textarea{
  border:1px solid #DDD;
}

input:focus , textarea:focus{
  border:1px solid #BBB;
}

body table{
  color:#333;
  margin:0 auto 0 auto;
  width:720px;
}

body table tr td{
  background:transparent;
}

body table tr td img{
}

body table table;
}

body table table tr td{
}

#toggle_visited{
  position:absolute;
  top:3px;
  left:52%;
}

#toggle_visited a{
  padding:1px;
  color:#666;
  white-space:nowrap;
}

h1{
  font-size:200%;
  margin:0 auto 0 auto;
  text-align:left;
  color:#FFF;
  width:770px;
  padding:90px 0 130px 0em; 
 *padding:80px 0 125px 0em; 
  letter-spacing:0;
  text-indent:2em;
  background:url("http://f.hatena.ne.jp/images/fotolife/d/domu/20061122/20061122113219.gif") center bottom no-repeat;
}

h1 a{
color:#FFF !important;
text-decoration:none;
}

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

div.calendar{
  font-size:90%;
  line-height:100%;
  padding:0 15px 15px 0px;
}

.main{
  float:left;
  margin-right:170px;
  margin-bottom:1em;
  width:500px;
}

.sidebar{
  float:right;
  width:207px;
  margin-left:-207px;
  margin-bottom:1em;
}

.pager{
  width:660px;
  margin:0 auto;
  text-align:right;
  font-size:85%;
 *margin-left:65px;
 _margin-left:65px;
}

.pager a{
  color:#666;
}

ol{
  margin-left:20px;
 *margin-left:65px;
 _margin-left:65px;
}

.diff{
  background: #CCE1F8 url("http://f.hatena.ne.jp/images/fotolife/d/domu/20061124/20061124144409.gif");
  margin:10px 0;
  width:630px;
  padding:10px;
  border:1px solid #B4D2F3;
}

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

.footer{
  text-align:center;
  font-size:80%;
  padding-top:10px;
  clear:both;
}

/* sidebar module */                                              

.hatena-module{
  margin-bottom:20px;
  font-size:90%;
  background:#D6DFEF;
}

.hatena-module .hatena-moduletitle{
  font-size:110%;
  font-weight:bold;
  padding:1em;
  line-height:100%;
  background:#D6DFEF url("http://f.hatena.ne.jp/images/fotolife/d/domu/20061121/20061121212458.gif") no-repeat;
  color:#4C5E7F;
}

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

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

.hatena-module .hatena-modulebody{
  padding:0 1em 1em 1em;
  background:#D6DFEF url("http://f.hatena.ne.jp/images/fotolife/d/domu/20061121/20061121212513.gif") bottom center no-repeat;
}

.hatena-module .hatena-modulebody ul{
  margin-bottom:0.5em;
}

.hatena-module .hatena-modulebody ul li{
  padding:0.1em;
  list-style:circle;
  margin-left:15px;
}


.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{
}

.hatena-module .hatena-modulebody a{
}

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

.hatena-module input{
  margin-right:0.5em;
}
.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:170px;
  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{
  border:1px dashed #B5C6D2;
  background:#FFF;
}

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

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

/* profile */                                              

.hatena-profile{
 _height:1%;
 *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;
}

/* adminmenu */                                              

div.adminmenu{
 width:700px;
 text-align:right;
 font-size:90%;
 margin:0px auto;
 padding:0.5em 0;
}

span.adminmenu a{
  margin-left:0.5em;
}

 .message {
  font-size:90%;
  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;
 }