NewYear07-Couple

このデザインについて

tikeda サンプル
カテゴリー:季節ベーステーマ:なしヘッダー:赤(太)
登録日:2006/12/29更新日:2006/12/29利用数:66
お正月用のイラストデザインです。

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

ページのヘッダ

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

ページのフッタ

</div>

スタイルシート

body{
  margin:0;
  padding:0;
  text-align:center;
  background:#736942 url("http://f.hatena.ne.jp/images/fotolife/d/domu/20061228/20061228112214.gif") top center repeat-y;
  color:#EEE;
  font-family:"Verdana",sans-serif;
}

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

img{
  border:0;
}
a.keyword , a.keyword:visited , a.keyword:hover , a.keyword:link,a.okeyword , a.okeyword:visited , a.okeyword:hover , a.okeyword:link{
  color:#000;
}

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

a:visited{
  color:#940707;
}

a:hover{
  color:#F85800;
}

p{
  margin:0;
  padding:0;
}

.clear{
  clear:both;
}

body table{
  margin:0 auto 0 auto;
}

body table td{
  background:#CE2418;
  color:#FFD7CE;
}

body table td font{
  color:#FFD7CE;
}

h1{
  margin:0 auto 0 auto;
  padding:55px 0em 127px 0em;
  font-size:130%;
  color:#fff;
  text-align:center;
  background:url("http://f.hatena.ne.jp/images/fotolife/d/domu/20061228/20061228203246.gif") top center no-repeat;
}

h1 a , h1 a:visited , h1 a:hover , h1 a:link{
  color:#fff;
}

.hatena-body{
  margin:0 auto;
}

p.pager{
  font-size:80%;
  padding:0.5em;
  text-align:right;
  color:#999;
}

p.pager a{
  color:#999;
}

ol{
  text-align:left;
  font-size:90%;
  margin:0 0 0 2em;;
  padding:0;
}

ol li{
  padding:0.3em 0;
}

ol li .diff{
  margin:1em 1em 1em -1em;
  background:#F3F3F3;
  border:1px solid #EEE;
  padding:0.5em;
  color:#000;
  font-size:90%;
  line-height:135%;
 _height:1%;
 *height:1%;
}

ol li .diff img{
  margin-right:10px;
}

#hatena-antenna-image ol{
  margin-left:0 !important;
  padding-left:0 !important;
}

#hatena-antenna-image ol li{
  width:160px !important;
}

.main{
  width:540px;
  margin:0 auto;
  padding:0;
  text-align:left;
}

.footer{
  font-size:80%;
  padding:1em;
}

.footer a{
  color:#FFF;
}

.adminmenu{
  background:#730000;
  margin:0 auto;
  width:540px;
  font-size:90%;
  padding:5px 0;
}

.adminmenu a{
  color:#FFF;
  padding:0 5px;
}

#hatena-about{
  width:564px;
  margin:0 auto;
}

.sidebar:after{
  content:"";
  display:block;
  clear:both;
}

.sidebar{
 _height:1%;
 *height:1%;
  margin-top:10px;
  background:#292C29;
  padding:1em;
  text-align:left;
}



input{
  border:1px solid #DDD;
}

textarea{
  border:1px solid #DDD;
}

img.hatena-fotolife{
  padding:2px;
  border:1px solid #CCC;
}

div.calendar{
  padding:0.5em 0;
  font-size:80%;
  text-align:left;
}

div.calendar a{
  color:#999;
}

.hatena-module{
  width:49%;
  float:left;
  font-size:80%;
  color:#BFC993;
  line-height:135%;
}

.hatena-module a{
  color:#8B8860;
  border-bottom:1px dotted #5B5A42;
}

.hatena-module .hatena-moduletitle{
  padding:0.5em;
  font-weight:bold;
  border-bottom:1px solid #B9B68B;
  margin-left:1em;
  color:#B9B68B;
}
.hatena-module .hatena-moduletitle a{
  color:#B9B68B;
}

.hatena-module .hatena-modulebody{
  margin-left:1em;
  padding:1em;
}

.hatena-module ul {
  margin:0 10px;
  padding:0;
}

.hatena-module ul li{
  list-style:circle;
  margin-bottom:3px;
}

.hatena-module ul.hatena-photo{
  margin:0;
}

.hatena-module ul.hatena-photo li{
  display:inline;
}

.sidebar .calendar{
  padding-bottom:0.6em;
  font-size:100%;
  background:transparent;
}

.sidebar .calendar td{
  padding:0 0.2em;
  text-align:center;
  color:#5B5A42;
  background:transparent;
}

.sidebar .calendar td.day-today{
  background:#9D312A;
}

.sidebar .calendar td.day-today a{
}

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

.sidebar .calendar td img{
  width:15px;
}

.sidebar .calendar a{
}

.ad{
  margin:1em 0;
}

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

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