bluetape

このデザインについて

bluetapeichbin サンプル
カテゴリー:シンプルベーステーマ:hatenaヘッダー:ライトブルー(細)
登録日:2011/05/04更新日:2011/05/04利用数:113

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

ページのヘッダ

<h1><hatena name="title"></h1>
<div class="setumei">
<!--アンテナの説明文などが必要なときは、ここに書いてください。-->
</div>

ページのフッタ


スタイルシート

body{
	font-family:arial, sans-serif;
	background-color:#fff;
	}
	
a{
	font-weight:normal;
	}

body a:link{
	color:#3399ff;
	}

body a:hover{
	font-weight:bold;
	}
	
#simple-header{
	background-color:#358adf;
	}
	
#simple-header input.search-word, #simple-header input.search-button{
border:solid 1px #ccc;
	}
	
#simple-header input.search-button{
	background-color:#358adf;
	}

h1{
	margin-left:50px;
	font-size:18px;
	}
	
div.setumei{
	margin:10px 30px 10px 50px;
	font-size:14px;
	}

p#pager_relate+ol li, div.setumei+ol li{
	border:none;
	margin-bottom:0px;
	}

div.hatena-body{
	float:left;
	width:85%;
	height:auto;
	background-color:#fff;
	padding-left:0;
	padding-right:90px;
	background:url(http://cdn-ak.f.st-hatena.com/images/fotolife/i/ichbin/20110504/20110504143441.png) repeat-y;
	background-position:right top;
	}

*html div.hatena-body{
	width:95%;
	}

div.hatena-body  ol{
	background-color:#fff;
	padding-left:0;
	margin-left:50px;
	}

ol li{
	font-size:14px;
	border:dotted 1px #888;
	padding:15px;
	margin-bottom:15px;
	/*border-radius: 5px;		/* CSS3 */
	/*-moz-border-radius: 5px;	/* Firefox */
	-webkit-border-radius: 5px	/* Chromeなど */
	}
	
div#hatena-antenna-normal span.modified, div#hatena-antenna-simple span.modified{
letter-spacing:1px;
}

.diff{
	background-color:#fff;
	padding:10px 10px 0px 10px;	
	}
	
#hatena-antenna-image ol.image li .linktitle, #hatena-antenna-image ol.image li .modified {
	font-size:90%;
	}
	
#hatena-antenna-image ol.image li {
	line-height:1.2em;
	}
	
*html #hatena-antenna-image ol.image li {
	height:180px;
	overflow:hidden;
	}