simple

このデザインについて

s_mori サンプル
カテゴリー:シンプルベーステーマ:なしヘッダー:グレー(細)
登録日:2008/11/12更新日:2009/09/16利用数:123
できるだけシンプルにしました。
画像モードを工夫しました。
2008/11/15 改良しました。

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

ページのヘッダ

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

ページのフッタ


スタイルシート

/* ▼ 共通 */
body {
	margin : 0px;
	padding : 0px;
}
a {
	text-decoration : none;
}
div.hatena-body {
	margin : 0px 10px 0px;
	padding : 0px;
}
div.hatena-body div#toggle_visited {
	margin : 10px 0px 0px 0px;
	padding : 0px;
	text-align : right;
}
div.hatena-body h1 {
	margin : 0px;
	padding : 0px;
	font-size : 100%;
}
div.hatena-body p#pager_group,
div.hatena-body p#pager_top,
div.hatena-body p#pager_relate {
	margin : 0px;
	padding : 0px;
	font-size : 13px;
	text-align : right;
}
div.hatena-body p#pager_bottom {
	margin : 10px 0px 0px;
	padding : 0px;
	font-size : 13px;
	text-align : right;
}
div#footer {
	margin : 20px 0px 0px;
	padding : 0px;
	text-align : center;
	color : gray;
	font-size : 12px;
}
/* ▲ 共通 */
/* ▼ hatena-antenna-normal, hatena-antenna-detail */
div#hatena-antenna-normal ol,
div#hatena-antenna-detail ol {
	margin : 0px;
	padding : 0px;
	font-size : 13px;
	list-style-type : none;
}
div#hatena-antenna-normal ol li span.modified,
div#hatena-antenna-detail ol li span.modified {
	position : absolute;
	right : 10px;
	margin : 20px 0px 0px;
	padding : 0px;
	font-size : 13px;
}
div#hatena-antenna-normal ol li a,
div#hatena-antenna-detail ol li a {
	margin : 0px;
	padding : 0px;
	font-size : 13px;
}
div#hatena-antenna-normal ol li span.author,
div#hatena-antenna-detail ol li spanlauthor {
	margin : 0px 0px 0px 10px;
	padding : 0px;
	font-size : 13px;
}
div#hatena-antenna-normal ol li a img,
div#hatena-antenna-detail ol li a img {
	margin-top : 20px;
}
div#hatena-antenna-normal ol li p.diff,
div#hatena-antenna-detail ol li p.diff {
	margin : 2px 0px 0px 0px;
	padding : 2px;
	font-size : 13px;
	border : gray 1px dashed;
}
div#hatena-antenna-normal ol li p.diff a.screenshot img,
div#hatena-antenna-detail ol li p.diff a.screenshot img {
	float : right;
	margin : 0px 0px 0px 5px;
	padding : 0px;
}
/* ▲ hatena-antenna-normal, hatena-antenna-detail */
/* ▼ hatena-antenna-simple */
div#hatena-antenna-simple ol {
	margin : 0px;
	padding : 0px;
	font-size : 13px;
	list-style-type : none;
}
div#hatena-antenna-simple ol li span.modified {
	margin-right : 20px;
}
div#hatena-antenna-simple ol li span.author {
	margin-left : 20px;
}
/* ▲ hatena-antenna-simple */
/* ▼ hatena-antenna-image */
div#hatena-antenna-image ol {
	margin : 0px;
	padding : 0px;
	font-size : 13px;
	font-weight : normal;
	text-align : left;
}
div#hatena-antenna-image ol.image {
	margin : 0px 10px 0px;
	padding : 0px;
	width : 100%
}
div#hatena-antenna-image ol.image li {
	margin : 10px 5px 0px;
	padding : 0px;
	width : 180px;
	height : 175px;
	display : block;
	float : left;
	white-space : nowrap;
	border : gray 1px dashed;
}
div#hatena-antenna-image ol.image li a.screenshot img {
	margin : 10px auto 10px;
	padding : 0px;
	border : gray 1px solid;
	display : block;
	float : none;
}
div#hatena-antenna-image ol.image li span.modified {
	margin : 0px;
	padding : 0px;
	text-align : center;
	display : block;
	float : none;
	color : black;
	font-size : 13px;
}
div#hatena-antenna-image ol.image li span.author {
	display : none;
}
div#hatena-antenna-image ol.image li span.linktitle {
	margin : 0px auto 0px;
	padding : 0px;
	white-space : pre-wrap;
	text-align : center;
	display : block;
	float : none;
	font-size : 13px;
	width : 170px;
	height : 2.8em;
	overflow : hidden;
}
div#hatena-antenna-image ol.image li a img {
	margin : 0px auto 0px;
	padding : 0px;
	display : block;
}
/* ▲ hatena-antenna-image */