simple_sepia

このデザインについて

shimaken-op サンプル
カテゴリー：シンプルベーステーマ：なしヘッダー：■セピア(太)
登録日：2008/02/24更新日：2008/06/02利用数：38
-旧いアンテナの HTML に沿ったデザインで書いているため、
CSS を適用していない ID や CLASS が多々あります。ご了承ください。
-何らかの画像を背景に設定して使うことを前提にしたデザインです。用法容量を守って正しくお使いください。用法容量？

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

ページのヘッダ

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

ページのフッタ





スタイルシート




/* 細かな設定変更は class 属性を読んで追記することで実装できます。*/

html {
	margin:0;
	padding:0;
	border:none;
	}

body {
	font-family:Verdana,Charcoal,sans-serif;
	color:#DFB86F;
	background-color:#ffffff;
/* 画像を敷く際は */
/* 適宜 URL / 表示位置を修正した上でコメントアウトしてある部分を有効にして下さい。*/
/*
	background-image:url(画像の URL);
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-position:0% 1%;
*/	 }

h1 {
	color:#DFB86F;
	font-size:48px;
	text-align:right;
/* comment 4 Mac IE5 \*/
	letter-spacing:6px;
/* comment 4 Mac IE5 */
	line-height:1.5em;
	margin-top:-5px;
	margin-right:3%;
	}

a:link,a:visited {
	color:#999999;
	text-decoration:none;
	}

a:hover,a:active {
	color:#ffffff;
	background-color:#999999;
	text-decoration:none;
	}

table {
	margin:0;
	}

td {
	border-bottom:solid 1px #ffffff;
	margin-bottom:1em;
	}

input {
	background-color:#ffffff;
	}

ol {
	list-style-position:inside;
	list-style-image:none;
	margin-top:7px;
	margin-right:3%;
	margin-bottom:0;
	}

ol li {
	text-align:left;
	margin-bottom:7px;
	margin-left:70px;
	padding:0.5em 1em 0.5em 7.5em;
	font-size:70%;
	color:#bF984F;
	border-bottom:solid 1px #DFB86F;
	border-right:solid 2px #DFB86F;
	}

ol li:first-letter {
	margin-left:2em;
}

ol li a {
	font-size:140%;
	padding:0.2em 0.5em 0em 0.5em;
/* comment 4 Mac IE5 \*/
	letter-spacing:3px;
/* comment 4 Mac IE5 */
	font-weight:bold;
	}

p.diff {
	font-size:85%;
	}

p.pager {
	font-size:85%;
/* comment 4 Mac IE5 \*/
	letter-spacing:4px;
/* comment 4 Mac IE5 */
	text-align:right;
	padding:0.5em 1em 0.5em 20em;
	margin-top:0;
	margin-right:3%;
	margin-bottom:7px;
	margin-left:70px;
	border-right:solid 2px #DFB86F;
	border-bottom:solid 1px #DFB86F;
	}

p.pager b {
	font-size:140%;
	font-weight:bold;
	}

div.footer {
	display:block;
	color:#DFB86F;
	font-size:110%;
	font-weight:bold;
	text-align:right;
/* comment 4 Mac IE5 \*/
	letter-spacing:2px;
/* comment 4 Mac IE5 */
	padding:0.5em;
	margin-right:3%;
	margin-bottom:1em;
	margin-left:40px;
	border-bottom:solid 1px #DFB86F;
	border-right:solid 2px #DFB86F;
	}