blacktile

このデザインについて

ichbin サンプル
カテゴリー:クールベーステーマ:hatenaヘッダー:黒(細)
登録日:2010/09/12更新日:2010/12/06利用数:127
※Internet Explorerで、アンテナの画像モード(http://a.hatena.ne.jp/ユーザー名/image)を表示するときに、長いページタイトルが各ボックスの中に入りきらない場合は、下記スタイルシートの末尾の部分を指示を参考にして書き換えてください。

※ie8とFirefox3.6で表示の確認をしています。

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

ページのヘッダ

<h1><hatena name="title"></h1>
<div class="setumei">
<!--アンテナについての説明文やサブタイトルは、ここに書くことができる。-->
</div>

ページのフッタ


スタイルシート

body{
	font-family:"times new roman", serif;
	background-color:#000;
	color:gray;
	padding:0px 0px 20px 0px;
	}

/*フォントの設定*/
h1, p#pager_relate, div.setumei, div#simple-header, ul.menu li a, ol li a, .diff{
	font-family:"times new roman", serif;	/*フォントを変えたいときは、この行の値を書き換えてください。例: sans-serif など*/
	}

a{
	font-weight:normal;
	}

body a:link{
	color:#fff;
	}

body a:visited{
	color:gray;
	}

/*ヘッダー*/
div#simple-header{
	background-color:#000;
	border-bottom:solid 1px gray;
	}

/*h1見出し。アンテナのタイトル*/
h1{
	font-size:18px;
	border:none;
	margin-left:65px;
	}

/*アンテナの説明文を書くスペース。h1見出しの下に入る*/
div.setumei{
	margin:10px 35px 10px 65px;
	font-size:14px;
	}

/*広告文には枠線を付けない設定。ブラウザによっては効かない*/
p#pager_relate+ol li, div.setumei+ol li{
	border:none;
	margin-bottom:0px;
	}

div.hatena-body{
	background-color:#000;
	}

div.hatena-body  ol{
	background-color:#inherit;
	}

/*リストの左側余白。ieにだけ適用させる*/
*html div.hatena-body ol{
	margin-left:100px;
	}	

ol li{
	font-size:55px;
	border:outset 3px #888888;
	padding:0px 15px 10px 15px;
	margin-bottom:15px;
	margin-left:15px;
	}

ol li .modified, ol li a{
	font-size:14px;
	}

span.author{
	font-size:14px;
}

/*更新内容が表示される部分*/
.diff{
	background-color:#000;
	padding:10px;
	margin-bottom:10px;
	font-size:14px;
	}

/***画像モードに関する設定***/
ol.image{
	margin-left:auto;
	margin-right:auto;
	}

ol.image li{
	font-size:14px;
	}

/*****
ieの画像モードにだけ適用させる設定。これを消すと、格子状の並びが崩れる。
*****/
*html ol.image li{
	height:170px;	/*画像モードのときに、ページのタイトルが長くて隠れてしまうときは、この行の値を大きくして下さい。 例: height:200px; など。*/
	overflow:hidden;
	}