スタイルの変更

はてな

突発的にスタイルを変更。はてなで提供されているテーマ「90」をベースに、色々と加えました。テーマは、シンプルで。例によって、camino on Mac OS Xに最適化してます。Safari, firefox on Mac OS Xおよび、IE, firefox on Windows XPにて崩れがない事を確認済みです。

というか、もっと、ピンクピンクした感じにしたかったんだけど、良い桃色を見つけられなかった。こんな自己主張の少ない桃色では「ももいろコミューン」に入れないよ。

一昨年の春に作った「桃色スタイル」と、その夏に作った「水色スタイル」は結構気に入っていたんだけど、どこかに行っちゃったた…。


エントリー毎にコメントできるようにするかは迷い中。一日のうちでのエントリーの内容が分散しているので、エントリー毎にコメントできるようにした方が良いと思うんだけど、そうすると、デフォルトでコメント内容が表示されない、ってのが何かイヤで。
選択肢としては (1)一日一エントリまでにする (2) コメントできるようにする (3) 保留。さてどうしようかな。

続きに、作成したスタイルシートを掲載しておきます。使用/改変は自由です。どうぞご自由にお使いください。サポートは時と場合によって、です。あと、ここはこうした方がよい、とか、ここはこうすべき、とかって言うのも是非お聞かせくださいな。
色の指定って小文字と大文字どっちが良いんでしょかね。

/* エントリ以外の部分の設定 */

/** 全体 **/
body {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma,
    "HiraMaruPro-W4", "ヒラギノ丸ゴ Pro W4", "Hiragino Kaku Gothic Pro",
    "HG丸ゴシックM-PRO", sans-serif;
	font-size: medium;
	font-size: 90%;
	background-color:#fffaff;
}

/** タイトル **/
h1{
	background-color:#ffe2f5;
 }

h1 a{
	color: #44222;
	font-style: bold;
}

/** サイドバー **/
/*** サイドバー全体 ***/
.sidebar {
	color: #664444;
	background-color:#ffe2f5;
	font-size: 90%;
}

/*** カレンダーの文字を少し小さく(IE対策) ***/
table.calendar{
	font-size: 80%;
}

table.calendar td.day-today{
	background:#FFFFCC;
}

table.calendar td.day-selected{
	background:#5279E7;
}

table.calendar td.day-selected a{
	color:#FFFFFF;
}

/*** はてなモジュールタイトルの文字 ***/
.hatena-moduletitle{
	font-size: 120%;
	font-weight: normal;
}

/*** リストの枠線の色を背景と同じに ***/
.hatena-modulebody li a{
	border: solid 1px #ffe2f5;
}

/*** キーワードクラウド ***/
ul.keywordcloud li a{ display: inline; }
ul.keywordcloud li{ display: inline; line-height: 1.5em;}
.keywordcloud0{  font-size:  90%;}
.keywordcloud1{  font-size:  90%;}
.keywordcloud2{  font-size:  90%;}
.keywordcloud3{  font-size: 108%;}
.keywordcloud4{  font-size: 108%;}
.keywordcloud5{  font-size: 108%;}
.keywordcloud6{  font-size: 125%;}
.keywordcloud7{  font-size: 125%;}
.keywordcloud8{  font-size: 125%;}
.keywordcloud9{  font-size: 150%;}
.keywordcloud10{ font-size: 150%;}


/* エントリ部分に関する設定 */
/** 日付 **/
span.date {
	font-size: 120%;
	padding: 4px 5px 2px 10px;
	border-bottom: solid 1px #606060;
	margin: 0px;
	background-color: #ffe2f5;
	color: #533;
}

/** エントリのタイトル **/
h3{
	border-bottom: solid 1px #c0b0c0;
}

/** エントリボックス **/
.section{
	border-bottom: solid 1em #ffe2f5;
	margin-bottom: 2em;
}

.section P {	
	margin: 0.5em 1em;
}

.body {
	padding-top: 1em;
}

/** その他 **/
/*** イメージの枠組み ***/
img.photo{
	float: right;
	margin: 5pt;
	padding: 5pt;
 	border: 1px solid #606060;
	background-color:#fffaff;
}

/*** 「編集」の文字が存在感あり過ぎ ***/
a.edit{
	text-size:x-small;
}