ぷるぷる (灰色版)

このデザインについて

ryop サンプル
カテゴリー:シンプルベーステーマ:なしヘッダー:ライトグレー(太)
登録日:2006/11/10更新日:2006/11/20利用数:1145
灰色を基調としたシンプルなデザインです。
シンプル・詳細・画像、全てのモードに対応しています。
画像を使用していないので、ナローバンドユーザーの方にもおすすめです。

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

ページのヘッダ

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

ページのフッタ


スタイルシート

body {
	margin: 0;
	padding: 0;
	background: #fff;
	color: #333;
	font-size: 80%;
	font-family: Verdana, Arial, "MS Pゴシック", sans-serif;
	line-height: 1.5;
}

a:link {
	color: #0f7ebb;
	text-decoration: underline;
}
a:visited {
	color: #0b5882;
	text-decoration: underline;
}
a:hover {
	color: #ff0080;
	text-decoration: underline;
}
a:active {
	color: #ff0080;
	text-decoration: none;
}

h1,
p.pager,
ol {
	margin: 0 24px;
	padding: 0 16px;
}

h1 {
	margin-top: 24px;
	font-size: 120%;
	border-bottom: 3px double #666;
}
h1 img {
	margin-left: 0.6em;
}

p.pager {
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	background: #eee;
	text-align: center;
}
p.pager a:link,
p.pager a:visited {
	color: #333;
	text-decoration: underline;
}
p.pager a:hover {
	color: #999;
	text-decoration: underline;
}
p.pager a:active {
	text-decoration: none;
}

ol {
	margin-top: 1em;
}
li {
	margin-left: 1.8em;
}
li a {
	font-weight: bold;
}
p.diff {
	font-weight: normal;
	margin: 0 0.2em 1em;
	padding: 0.5em 0 0.5em 0.6em;
	border-left: 2px solid #666;
}
p.diff a {
	font-weight: normal;
}
div.footer {
	margin: 24px 0 0;
	padding: 3px 0;
	background: #ddd;
	text-align: center;
	border-top: 1px solid #999;
}