Wave

このデザインについて

coyan サンプル
カテゴリー:シンプルベーステーマ:なしヘッダー:白(太)
登録日:2007/03/16更新日:2007/04/01利用数:644
ダイアリー用デザイン『Wave』の色違いです。

サイドバーを消したいときは
・ページのヘッダ内の<div class="main">
・ページのフッタ内の全て
を消してください。

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

ページのヘッダ

<h1><hatena name="title"></h1>
<div class="main">

ページのフッタ

</div>
<div class="sidebar">
<hatena name="rss" url="http://hatena.g.hatena.ne.jp/hatena/rss2" listlimit="5" template="hatena-module" desclength="0" moduletitle="はてなの日記">
<hatena name="rss" url="http://d.hatena.ne.jp/hatenadiary/rss" listlimit="5" template="hatena-module" desclength="0" moduletitle="はてなダイアリー日記">
<hatena name="rss" url="http://hatena.g.hatena.ne.jp/hatenaantenna/rss2" listlimit="5" template="hatena-module" desclength="0" moduletitle="はてなアンテナ日記">
<hatena name="rss" url="http://www.hatena.ne.jp/maintenance?mode=rss" listlimit="5" template="hatena-module" desclength="0" moduletitle="はてな障害情報">
<hatena name="rss" url="http://a.hatena.ne.jp/designset?mode=rss" listlimit="5" template="hatena-module" desclength="0" moduletitle="はてなアンテナ 公開デザイン一覧">
</div>

スタイルシート

@charset "euc-jp";

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

html * {
	-moz-box-sizing: border-box ;
	box-sizing: border-box ;
}

body {
	/* MacIE5 \*/ 
	letter-spacing: 1px;
	/*  */
	font-family: Verdana, Osaka, sans-serif; 
	line-height: 1.5;
	word-break: break-all ;
	word-wrap: break-word ;
	text-align: left;
	color : #2e2e2e;
	background-color: #ffffff;
      background-image:url("http://f.hatena.ne.jp/images/fotolife/c/coyan/20070401/20070401214949.gif");
	background-repeat:no repeat;
	background-position:top left;
	width:100%;
	margin: 0 auto ;
	padding: 0;
	border:none;
}

/*----------------------------- header -----------------------------*/

table{
	font-size: 80%;
	color:#D0E4FC;
	background-color: transparent;
	width: 630px;
	margin: 0; 
	padding: 0;
}

.hatena-body table,
.hatena-body table table{
	background-color: transparent;
	background-image: none;
	width: auto;
	margin:0;
	padding: 0;
}

table td{
	background-color:transparent;
}

table table{
	line-height: 1;
	font-size: 80%;
	background-color:transparent;
	background-image: none;
	width: 100%;
	margin: 0;
	padding: 0;
	border: none;
}

table table td{
	background-color:transparent;
}

table font,
table a{
	border: none;
	color:#2e2e2e;
	font-size: 100%;
}

table font font{
	font-size: 100%;
}

.hatena-body table font,
.hatena-body table a{
	color:#2e2e2e;
	font-size: 100%;
}

table input{
	background-color : transparent;
	border:none;
}

/*----------------------------- tytle -----------------------------*/

h1{	
	font-weight: bold;
	text-align: left bottom;
	letter-spacing: 2px;
	line-height: 1.2;
	font-size: 130%;
	color:#2e2e2e;
	background-color: transparent;
	width: 650px;
	margin: 0;
	padding: 50px 0 50px 30px;
}	
	
h1 a{ 
	color:#2e2e2e;
}

/*----------------------------- main -----------------------------*/

.hatena-body{
	font-size: 80%;
	position: relative ;
	background-color : transparent;
	width: 950px;
	margin: 0;
	padding: 0;
}

.hatena-body:after{
	content:"";
	display:block;
	clear:both;
}

.main{
	float: left;
	clear: left;
	background-color: transparent;
	margin: 0 0 100px 0;
	padding: 0;
	width: 630px;
}

.footer{
	margin: 0 0 0 50px;
	padding: 5px 0;
	text-align: center;
	font-size: 10px;
	width: 550px;
	clear: both;

}

/*----------------------------- list -----------------------------*/

ol {
	text-align: left;
	background-color: transparent;
	margin: 10px 0 10px 30px;
	padding: 0;
	width: 620px;
	list-style: none;
}

li {
	text-align: left;
	background-color: transparent;
	width: auto;
	_width: 100% ;
	margin: 0;
	padding: 0 0 10px 0;
}


li a {
	color:#2e2e2e;
	text-decoration: bold;
}

li a:visited {
}

li a:hover {
}

li a.screenshot{
  
}

li a.screenshot img{
	float: right;
	background-color: #ffffff;
	margin: 5px;
	padding: 3px;
	border:solid 2px #ff9a6e;
}

span.modified{
	font-size: 80%;
	padding: 0 0 0 5px;
}

.diff {
	font-size: 90%;
	background-color:#ffd6ad;
	width: 500px;
	margin: 8px 0;
	padding: 10px;
	border:solid 2px #ff9a6e;
}

/*----------------------------- pager -----------------------------*/

p.pager {
	text-align: left;
	background-color: transparent;
	margin: 3px 0 0 30px;
	padding: 0;
	width:600px;
}

p.pager a {

	text-decoration: none;
}

p.pager a:visited {

}

p.pager a:hover {

}

div.adminmenu {
	font-size: 100%;
	text-align: right
	 margin: 0 auto;
}

span.adminmenu {
	
}

div.footer {
	text-align: center;
	color: #2E2E2E;
	margin: 5px;
}

form.hatena-searchform {
	text-align: left;
	margin: 0 auto;
}


/*----------------------------- a -----------------------------*/

a{
	text-decoration: none; 
	color: #2E2E2E;
	border: none;
}

a.keyword,
a.okeyword {
	text-decoration: none;
	border: none;
}

a:link{
}

a:visited{
} 

a:hover,
a:hover font{
	color: #32cd32;
}

a:active{ 
} 


/*----------------------------- sidebar -----------------------------*/

.sidebar{
	font-size: 90%;
	float: right;
	clear: right;
	background-color: transparent;
	width: 250px;
	margin: 0;
	padding: 0;
	border: none;
}

.sidebar a{ 
	color:#2E2E2E;
}

.hatena-module{
	float: left;
	margin: 0;
	padding: 5px 5px 0 5px;
}

.hatena-module a { 
	color:#2E2E2E;
}

.hatena-module a:hover{
	color:#32cd32;
}

.hatena-moduletitle,
.hatena-moduletitle a{
	color:#2E2E2E;
}

.hatena-moduletitle{
	text-align: cleft;
	font-weight: bold;
	color:#2E2E2E;
background-image:url("http://f.hatena.ne.jp/images/fotolife/c/coyan/20070306/20070306015050.gif");
        background-repeat:no-repeat;
        background-position:bottom left;	
	color:#2E2E2E;
	margin: 10px auto;
	padding: 5px 0 2px 27px;
}

.hatena-modulebody{
	text-align: left;
	color:#2E2E2E;
	background-color: transparent;
	margin: 0;
	padding: 0 0 5px 10px;
}

.hatena-modulebody a{
	color:#2E2E2E;
}

div.hatena-modulebody ul {
	display: list-item;
	list-style: none;
	padding: 0;
	margin: 0;
}

div.hatena-modulebody li {
	display: list-item;
	list-style: none;
	padding: 0 0 6px 0;
	margin: 0;
}

div.hatena-modulebody .hatena-profile-image img {
	margin:5px;
}

/*----------------------------- image -----------------------------*/

#hatena-antenna-image ol.image{
}

#hatena-antenna-image ol.image li {
}

#hatena-antenna-image ol.image li a.screenshot img{
	background-color: #ffffff;
	margin: 5px 0;
	padding: 3px;
	border:solid 2px #ff9a6e !important;
}