MOD2005 デザインメモ

MOD2005仕様のブログデザインソースを自分用にメモ．

MOD2005_header.html

<div class="main">
<div class="categ">
<a href="/Dat3/archive?word=%2a%5b%c6%fc%be%ef%5d">日常</a> | <a href="/Dat3/archive?word=%2a%5b%bb%a8%b4%b6%5d">雑感</a> | <a href="/Dat3/archive?word=%2a%5b%a5%cb%a5%e5%a1%bc%a5%b9%5d">ニュース</a> | <a href="/Dat3/archive?word=%2a%5b%b2%bb%b3%da%5d">音楽</a> | <a href="/Dat3/archive?word=%2a%5b%a5%de%a5%f3%a5%ac%5d">マンガ</a> |  <a href="/Dat3/archive?word=%2a%5b%b1%c7%b2%e8%5d">映画</a> | 
<br>
<a href="/Dat3/archive?word=%2a%5b%a4%cf%a4%c6%a4%ca%5d">はてな</a> | <a href="/Dat3/archive?word=%2a%5b%a5%cd%a5%c3%a5%c8%5d">ネット</a> | <a href="/Dat3/archive?word=%2a%5b%a5%d7%a5%ed%a5%b0%a5%e9%a5%df%a5%f3%a5%b0%5d">プログラミング</a> | <a href="/Dat3/archive?word=%2a%5bMODULATION%5d">MODULATION</a>
</div>

MOD2005_footer.html

<br>
<hatena name="calendar">
<br>
<a href="http://f.hatena.ne.jp/Dat3/">だっさんのフォトライフ</a>もアリマス
</div>
<div class="sidebar">
	<div class="hatena-module">
	<div class="hatena-moduletitle">今後の予定メモ</div>
	<div class="hatena-modulebody">
	<font size="-1">
	末Ｐバンドプロジェクト進行中<br>ベースで参加
	</font>
	</div>	
	</div>
	<hatena template="hatena-module" name="calendar2photo">
	<hatena titlelength="50" moduletitle="タイトル" template="hatena-module" listlimit="3" showcategory="true" name="section">
	<hatena moduletitle="アンテナ" template="hatena-module" listlimit="5" name="antenna">
	<hatena name="profile">
	<hatena moduletitle="コメント" template="hatena-module" listlimit="5" name="comment">
	<hatena moduletitle="トラックバック" template="hatena-module" listlimit="5" name="trackback">
	<hatena moduletitle="サーチ" template="hatena-module" name="searchform">
	<hatena template="hatena-module" listlimit="5" name="pv">
<a href="http://feedmeter.net/detail.php?r=http%3A%2F%2Fd.hatena.ne.jp%2FDat3%2Frss" target="_feedmeter"><img src="http://feedmeter.net/image.php?r=http%3A%2F%2Fd.hatena.ne.jp%2FDat3%2Frss" border="0" width="60" height="36" alt="RSS feed meter for http://d.hatena.ne.jp/Dat3/" /></a>
	</div>	
	</div>
</div>

MOD2005.css

@charset "euc-jp";

/*== MOD2005 (Japanese改変) ==*/
/*==  大枠のレイアウト == */

body{
 margin:0px;
 padding:0px;
 text-align:center;
 width:auto;
 background-color:#888888;
 background-image:url("http://f.hatena.ne.jp/images/fotolife/D/Dat3/20051018/20051018160014.jpg");
 background-repeat:repeat;
}

.hatena-body{
width:750px;
height: auto;
margin:0px auto;
padding:0px 0px;
position: relative; 
text-align:left;
background-color:#DDDDDD;
}

table{
width:750px;

margin:auto;

}

table tr td form {
padding-top: 19px;
}

table td table{
width:100%;
}

h1{
height: 10px;
font-size:125%;
width:750px;
margin:0px auto;
padding:15px 20px;
text-indent:20px;
text-align:left;
color:#333333;
//background-color:#DDDDDD;
}

h1 a:link{
 color:#333333;
}
h1 a:visited{
 text-decoration:none;
 color:#333333;
}

div.categ {
width:500px;
background:#FFFFFF;
margin:5px;
padding:5px;
text-align:left;
float:left;
border:1px solid #CCCCCC
}

div.main {
width:520px;
margin:0px 5px;
padding:0px;
text-align:left;
float:left;
}

div.sidebar {
width:200px;
margin-top:5px;
margin-right:5px;
padding:0px;
float:right;

}

img{
 border:0px;
}

/*==  前の日次の日 == */

div.calendar {
 text-align:left;
 padding:5px;
 color:#333333;

 font-size:90%;
}

div.calendar a {
 color:#333366;
}

div.calendar a:hover {
color:#333366;
text-decoration:underline;
}
/*==  1日全体 == */

div.day {
 padding-bottom:1px ;
 margin-bottom:10px;
 background:#FFFFFF url("./body.jpg");
 line-height:150%;
 border:1px solid #CCCCCC;
}
/*==  タイトルの行 == */
h2 {
 height: 20px;
 font-size:100%;
 padding:10px;
 margin:0px;
background: url("http://f.hatena.ne.jp/images/fotolife/D/Dat3/20051018/20051018141040.gif") repeat top left;
}

h2 a{
 color:#DDDDDD;
}

h2 a:link{
 color:#DDDDDD;
}

h2 a:visited{
 color:#DDDDDD;
}

h2 a .date{
 padding-right:5px;
}

h2 a.edit{
 font-size:90%;
 text-decoration:underline;
}

h2 span.title a {
	color: #ffffff;
}

/*== タイトルを除いた1日の日記本文全体 ==*/
div.body {
 padding:0px;
 margin:0px 0px 0px 3px;
}



/*== 1記事全体== */
div.section{
 padding:10px;
 margin:3px;
 font-size:90%;
 line-height:150%;
 color:#333333;
}

div.section p{
 padding:0px;
 margin:5px;
}

.footnote{
 font-size:90%;
 margin-left:5px;
}

div.section p.sectionfooter { 
  text-align: right;
  margin-top: 1em;
}

/*== コメント全体==*/
div.comment{
 padding:5px;
 background:#FFFFFF;
 border:1px dotted #CCCCCC;
 margin:5px;
 font-size:90%;
}

/*== トラックバック全体==*/
div.refererlist{
 padding:5px;
 margin:5px;
 background:#FFFFFF;
 border:1px dotted #CCCCCC;
 font-size:90%;
 color:#333333;
}

/*== コメント・トラバタイトル部分==*/
div.caption{
 padding:0px;
 margin:0px;
 color:#222222;
}

/*== コメント内容部分== */
div.commentshort{
 padding:0px;
 margin:0px;
 color:#222222;
}

/*== コメント1つ== */
div.commentshort p{
 padding:0px;
 margin:1px 5px;
}

/*==コメントのテキストボックス==*/
div.commentshort textarea{
 width:350px;
}

/*== はてなモジュールの大枠 ==*/

div.hatena-module {
 padding:0px;
 margin:0px 0px 10px 0px;
 border:1px solid #CCCCCC
 background:#FFFFFF;
}

div.hatena-moduletitle{
 font-size:90%;
 padding:5px 5px 5px 5px;
 margin:0px;
 color:#FFFFFF;

 background:url("http://f.hatena.ne.jp/images/fotolife/D/Dat3/20051018/20051018141040.gif");
}

div.hatena-moduletitle a{
 color:#FFFFFF;
}

div.hatena-moduletitle a:visited{
 color:#FFFFFF;
}


.hatena-modulebody {
 padding:5px;
 font-size:90%;
 background:#FFFFFF;
 border:1px solid #CCCCCC;
}

/*== はてなモジュールカレンダー ==*/

table.calendar{
text-align:center;
width:185px;
font-size:90%;
}

td.calendar-sunday{
color:red;
}

td.calendar-saturday{
color:blue;
}

td.calendar-day img{
 width:15px;
 height:15px;
 border:1px solid #CCCCCC;
}

/*== はてなモジュールリスト関連 ==*/

.hatena-modulebody ul {
 padding:5px;
 margin:0px;
 list-style-type:none;
}

.hatena-modulebody ul li {
 padding:8px 5px 7px 10px;
 margin:0px;
 border-bottom:1px dotted #CCCCCC;
 
}

.hatena-modulebody ul li a {
 text-decoration:underline;
}

/*== 見出しの設定  ==*/

h3 {
font-size:100%;
margin:5px 10px 5px 0px;

}

div.day span.sanchor{
 padding:20px 0px 10px 30px;
 font-size:1px;
 color:#FFFFFF;
background:no-repeat url("http://f.hatena.ne.jp/images/fotolife/D/Dat3/20051018/20051018183502.gif");

}

h4{
font-size:100%;
margin-left:10px;
padding:2px 5px 2px 7px;
border-left:5px solid #DDDDDD;
}

/* ==リンク色== */
a{
color:#BBBBBB;
text-decoration:none;
}

a:link{
color:#333366;
text-decoration:none;
}

a:visited {
color:#660000;
text-decoration:none;
}

a:hover {
color:#888888;
text-decoration:underline;
}

a, a:link, a:visited, a:hover, {
word-break:break-all ;
word-wrap:break-word ;
}

/*== キーワード部分 ==*/
a.keyword {
}

a.keyword:link {
}

a.keyword:visited {
}

a.keyword:hover {
}

a.okeyword {
}


/*== 記事内の細かい部分 == */
div.section pre{
 padding:5px;
 border:1px solid #555555;
 background:#FFFFFF;
}

div.section blockquote{
 padding:5px;
 border:1px solid #222222;
}

div.section ul li{
}

div.day img.photo{
 float:right;
 margin:5px;
}



/*== 以下はてなモジュールの細かい部分 ==*/
ul.hatena-photo li {
 margin:3px;
 background:#FFFFFF;
 padding:1px;
 margin:0px;
}

img.hatena-fotolife {
}

.hatena-searchform {
 margin:5px;
 padding:0px;
}

div.adminmenu{
text-align:right;
font-size:90%;
margin:3px 0px 3px 0px;
}

span.adminmenu a{
padding-left:10px;
padding-right:7px;
border-left:1px solid #CCCCCC;
}

.hatena-rss{
}

/*== はまぞうリンク ==*/
div.hatena-asin-detail{
 margin:3px;
 padding:3px;
 border:1px solid #CCCCCC;
}

.hatena-asin-detail-info{
 margin:5px;
}

.hatena-asin-detail-info ul{
list-style:none;
}


.hatena-asin-detail-image{
 float:left;
 margin-right:5px;
}

.hatena-asin-detail-title{
 margin:5px;
 font-weight:bold;
}

.hatena-asin-detail-foot{
 clear:both;
}

/*== フッター ==*/

.footer{
 clear:both;
 margin:5px;
 font-size:90%;
}

/*== Adsense ==*/
.ad{
}

/*== Clock ==*/
.hatena-clock{
}

/*== アンケートモジュール ==*/
.hatena-question-detail{
width:100%;
text-align:left;
border:1px solid #CCCCCC;
font-size:90%;
}

.hatena-question-detail-title{
padding:5px;

}

.hatena-question-detail-label{
width:30%;
padding:5px;
border-top:1px dashed #CCCCCC;
}

.hatena-question-detail-value{
width:65%;
padding:5px;
border-top:1px dashed #CCCCCC;
}

/*== プロフィール ==*/
.hatena-profile{
}

.hatena-profile-image{
}

.hatena-profile-id{
}

.hatena-profile-body{

}