参照元はid:yms-zun:20040317。
body {
color:#033 ; /* 文字色の設定 */
background-color:#3cc ; /*背景色の設定 */
margin:0 ; padding:0 ; /*枠の外側・内側の余白の設定*/
font-family:osaka,verdana,sans-serif ; /*フォントの種類の設定*/
font-size:100% ; /*フォントの大きさの設定*/
}
body * { font-size:100% ; }
div.day {
color:#fff ; /* 文字色の設定 */
background-color:#333 ; /* 背景色の設定 */
border:1px #999 solid ; /* 枠線の設定 */
margin:2em 0 ; /* 枠の外側の余白設定 */
padding:0 ; /* 枠の内側の余白設定 */
line-height:2em ; /* 本文の行の高さの設定 */
}
div.section {
padding:2em 1em ; /* 枠の内側の余白設定 */
}
a:link { color:#ff6 ; background-color:transparent ; } /* リンク部の色 */
a:visited { color:#fc6 ; background-color:transparent ; } /* 一度訪れたことのあるリンクの色 */
a:hover { color:#fff ; background-color:#933 ; } /* マウスのポインタが重なつた時の色 */
a:active { color:#993 ; background-color:#fff ; } /* クリックした瞬間の色 */
a.keyword { color:#fff ; border-bottom: 1px #99c dashed ; } /* キーワードリンクのスタイル */
pre.source {
border:1px #999 dashed ; /* 枠線の設定 */
padding:2em ; /* 枠の内側の余白設定 */
line-height:1.2em ; /* 本文の行の高さの設定 */
font-size:80% ; /*フォントの大きさの設定*/
overflow:scroll ; /* はみ出したらスクロール */
}
h1,h2,h3,h4,h5,h6 {
font-weight:bold ; /* 見出しは全部太字に */
margin:0 ; /* 外側の余白 */
padding:0 ; /* 内側の余白 */
}
h1 {
font-size:180% ; /* 文字サイズ */
color:#77bac1 ; /* 文字色 */
background-color:#4594a0 ; /* 見出し部分の背景色 */
background-image:url("http://d.hatena.ne.jp/images/diary/yms-zun/2002-12-30.gif") ; /* はてなロゴ画像 */
background-repeat:no-repeat ; /* ロゴ画像の繰返し設定 */
background-position:0% 100% ; /* ロゴ画像の表示位置 */
padding-left:110px ; /* ロゴ画像の横幅分だけ左に余白を取る */
border-bottom:1px #276d75 solid ; /* 下に枠線表示 */
vertical-align:bottom ; /* 文字の配置を下揃えに */
}
h2 {
font-size:140% ; /* 文字サイズ */
color:#066 ; /* 文字色 */
margin:0.5em 0 ; /* 外側の余白 */
padding-left:0.5em ; /* 内側左の余白 */
border-bottom:2px #fff solid ; /* 下に枠線表示 */
}
div.main h2 {
font-size:120% ; /* 文字サイズ */
color:#fff ; /* 文字色 */
padding-left:1em ; /* 内側左の余白 */
border-color:#fc0 ; /* 下線の色を変更 */
}
h3 {
font-size:120% ; /* 文字サイズ */
color:#fff ; /* 文字色 */
margin:1em 0 ; /* 外側の余白 */
border-bottom:3px #9ff solid ; /* 下に枠線表示 */
}
h4 {
padding-top:0.5em ; /* 内側上の余白 */
border-bottom:1px #fff solid ; /* 下に枠線表示 */
}
h5 {
border-width:1px 8px 1px 0 ; /* 枠線の幅 */
border-color:#696 ; /* 枠線の色 */
border-style:solid ; /* 枠線のスタイル */
margin:0.5em 0 ; 外側の余白
padding-top:0.25em ; /* 内側左の余白 */
width:50% ; /* 横幅を表示領域の50%に設定 */
}
div.main {
width:78% ; /* 日記本体の横幅を全体の78%に */
margin-left:1% ; /* 左側に1%の余白 */
padding:0 ; /* 内側の余白設定 */
float:left ; /* 左側に配置して回り込み設定 */
}
div.infobar {
font-size:100% ; /* フォントのサイズを100%に */
color:#ccc ; /* 文字色 */
background-color:#000 ; /* 背景色 */
width:18% ; /* サイドバー部分の横幅を全体の18%に */
margin-right:1% ; /* 右側に1%の余白 */
padding:0.2em ; /* 内側の余白設定 */
border:1px #ffffff solid ; /* 枠線の設定 */
float:right ; /* 右側に配置して回り込み設定 */
}
div.infobar h2 {
color:#ff3 ; /* 文字色 */
font-size:80% ; /* フォントのサイズ */
border-color:#ff0 ; /* 下線の色 */
padding:0.25em 0 ; /* 内側上下の余白 */
}
div.infobar ul {
font-size:80% ; /* フォントのサイズ */
list-style-type:none ; /* 箇条書きのマークを消す */
margin:0 ; /* 外側余白 */
padding:0 ; /*内側余白 */
}
div.infobar li ul {
margin:0 0 1em 0.5em ; /* リストの入れ子の下げ幅 */
font-size:100% ; /* 文字サイズを一つ上の要素に揃へる */
}
li.index,ul.hatena_section li {
border-bottom:1px #990 solid ; /* リスト項目に下線表示 */
}
table.calendar {
font-size:72% ; /* カレンダーの文字サイズ */
margin:0 ; /* 枠の外側余白 */
padding-left:2% ; /* 内側左の余白 */
text-align:center ; /* カレンダー内の字詰めを中央に */
}
table.calendar * { /* カレンダー内の各要素の余白と罫線をキャンセル */
margin:0 ;
padding:0 ;
border:0 ;
}
td.calendar-day { color:#666 ; background-color:#ccc ; } /* 日付部分の基本色 */
td.calendar-sunday { color:#c00 ; background-color:#c66 ; } /* 日曜部分 */
td.calendar-weekday { color:#000 ; background-color:#666 ; } /* 平日部分 */
td.calendar-saturday { color:#00c ; background-color:#66c ; } /* 土曜部分 */
td.calendar-prev-month,td.calendar-current-month,td.calendar-next-month { color:#000 ; background-color:#666 ; } /* ナビゲーション部分 */
td.calendar-day a { color:#000 ; background-color:#ccc ; } /* 日付部分のリンク色 */
td.calendar-day a:hover { color:#fff ; background-color:#933 ; } /* 日付部分のマウスロールオーバー */
p.recentitem { display:none ; } /* 「最新タイトル」表示をキャンセル */
ul.hatena_photo {
padding:0 2px ; /* 枠の内側余白 */
text-align:center ; /* 字詰めを中央寄せに */
border-color:#999 ; /* 左右の飾り枠の色 */
border-width:0 4px ; /* 左右の飾り枠の幅 */
border-style:dotted ; /* 左右の飾り枠のスタイル */
}
ul.hatena_photo li {
display:inline ; /* リスト項目をインライン表示に */
}
ul.hatena_photo li img { width:48px ; height:48px ; } /* 画像サイズを固定 */
a img { border:0 ; } /* リンク付画像に表示される枠をキャンセル */
