ashes

このデザインについて

ashesico01 サンプル
カテゴリー:シンプルベーステーマ:なしヘッダー:白(太)
登録日:2007/09/19更新日:2007/09/19利用数:485
Firefoxとその他のブラウザで見え方が多少違います。

Firefox2.0.0.7でのスクリーンショット
http://f.hatena.ne.jp/ico01/20070919193447

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

ページのヘッダ

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

ページのフッタ


スタイルシート

/* --------------------
    
-------------------- */
*{
	margin:0;
	padding:0;
}


body{
	background-color:#f8fbf8;
	color:#565656;
	text-align:center;
}
table,
.hatena-body{
	margin:0 auto;
	padding:0 10px;
	width:600px;
	background-color:#FFFFFF;
	border-left:1px solid #EAEBEA;
	border-right:1px solid #EAEBEA;
	text-align:left;
}
table table{
	margin:0;
	padding:0;
	border:none;
	border:1px solid #EAEBEA;
}
table td{
	background-color:#FFFFFF;
}
table center table td{
	padding-left:5px;
	background-color:#FAFAFA;
	line-height:1.5;
}
* html table{
	margin:0;
	padding:0;
	width:100%;
	border:none;
}
* html #banner{
	margin:0 auto;
	padding:0 10px;
	width:600px;
	border-left:1px solid #EAEBEA;
	border-right:1px solid #EAEBEA;
}
.hatena-body{
	padding-bottom:1.5em;
}


/* --------------------
    link color
-------------------- */
.pager a:link{
	color:#565656;
	text-decoration:none;
}
.pager a:visited{
	color:#818181;
	text-decoration:none;
}
ol li a:link{
	color:#6E6E6E;
	text-decoration:none;
}
ol li a:visited{
	color:#ABABAB;
	text-decoration:none;
}


/* --------------------
    hatena-body
-------------------- */
h1{
	padding:15px 0;
	color:#E0E0E0;
	font-family:"MS 明朝","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro",serif;
	letter-spacing:2px;
}
.feed-icon{
	display:none;
}
.pager{
	padding:0 5px;
	font-family:"MS 明朝","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro",serif;
	font-size:75%;
	text-align:right;
	line-height:1.3;
}
.pager b{
	padding:2px 5px;
	color:#525252;
	background-color:#F4F4F4;
}
#pager_top,
#pager_bottom,
#pager_relate{
	letter-spacing:2px;
}
ol{
	padding:0 5px;
	clear:both;
}
ol li{
	margin:1.25em 0;
	padding-left:5px;
	list-style-type:none;
	background-color:#F7F7F7;
	-moz-border-radius:5px;
	line-height:2;
}
ol li a{
	padding-right:5px;
	font-size:90%;
	font-weight:bold;
	letter-spacing:1px;
}
.modified{
	padding-right:5px;
	font-size:70%;
	font-family:Georgia,serif;
	letter-spacing:1px;
}
.diff{
	padding:5px 0 5px 10px;
	background-color:#FFFFFF;
	-moz-border-radius:5px;
	font-size:80%;
	text-align: justify;
	text-justify: inter-ideograph;
	line-height:1.5;
}
#footer{
	margin-top:2em;
	background-color:#FAFAFA;
	border:1px solid #EAEBEA;
	color:#999999;
	text-align:center;
	font-size:78%;
	line-height:2;
	letter-spacing:1px;
}


.message{
	opacity:0.70;
	filter:alpha(opacity=70);
	font-size:80%;
}