長いので
/*****************************************************************/ /* ***** 基本 ***** */ body { font-family: Verdana, Arial, Osaka, sans-serif; font-size: 80%; background-color: #333; color: #EEE; letter-spacing: 1.5px; margin: 0; } option, select, input, button, label { font-family: Verdana, Arial, Osaka, sans-serif; vertical-align: middle; font-size: 100%; } /* ***** メイン・サイド配置 ***** */ div.main { float: left; width: 65%; margin-left: 5%; padding: 0.1em; } div.sidebar { float: left; width: 15%; margin-top: 5%; margin-left: 3%; font-size: smaller; text-align: center; } div.calendar { margin-top: 0.3em; font-size: smaller; } div.comment, div.refererlist { margin-top: 0.5em; padding: 0.3em; font-size: smaller; } div.comment { border: 1px solid #444; } /* ***** エントリの内容部分 ***** */ p, pre, blockquote { padding: 0.5em; margin-left: 1em; line-height: 1.5em; word-break: normal; } p, pre, blockquote, ul { margin-top: 0.3em; margin-bottom: 0.3em; } pre { border: 1px #444 solid; background-color: #3A3A3A; margin-left: 1.5em; overflow: auto; } blockquote { border: 3px #444 solid; background-color: #3A3A3A; padding-left: 1em; margin-left: 1.5em; -moz-border-radius: 1em; } /* ***** 見出し ***** */ h1 { font-family: "trebuchet MS", Arial; font-size: 450%; line-height: 1.1em; padding-left: 0.3em; margin-bottom: 0px; } h2 { font-family: "trebuchet MS", Arial, Osaka, sans-serif; font-size: 200%; /* font-size: middle; */ border-bottom: solid 1px #A73; /* padding: 2px; */ padding: 0.2em; letter-spacing: 0.2em; text-align: center; text-align: right; font-weight: bold; color: #FFA000; margin-bottom: 0px; } h2.description { position: relative; top: -2em; } h3 { border-bottom-width: 1px; border-bottom-style: solid; } /* ***** リンク ***** */ /* 通常リンク */ a { text-decoration: none; } a:link, a:visited { /* color: rgb(56, 192, 204); */ color: rgb(40, 170, 180); } h2 a:link, h2 a:visited { color: #FFA000; } h3 a:link span.sanchor, h3 a:visited span.sanchor { color: #EEE; } div.comment .caption a:hover, div.comment .caption a:focus { color: #E33333; } div.refererlist .caption a:hover, div.refererlist .caption a:focus { color: inherit; } form.comment div.comment .caption a:hover, form.comment div.comment .caption a:focus { color: #EEE; } /* キーワード */ a.keyword:link, a.keyword:visited { color: #CCC; } a.keyword:hover, a.keyword:focus { color: #E33333; } /* 編集リンク */ a.edit { font-size: x-small; font-weight: normal; } /* 個別リンク */ h3 a:hover span.sanchor, h3 a:focus span.sanchor { color: #E33333; } a:hover, a:focus { color: #E33333; } /* ***** その他 ***** */ span.timestamp, span.sanchor { font-size: smaller; font-weight: normal; } span.timestamp { color: #666; } li * { margin: 0; } li ul { padding-left: 2.5em; } hr { height: 1px; color: gray; background-color: gray; border: 0px; } ins, del, ins *, del * { text-decoration: none; } ins:before, del:before { content: attr(datetime) "\A"; font-size: smaller; color: #444; } img.photo { display: none; } div.footnote, span.footnote{ font-size: smaller; } div.clear { clear: both; } div.right { float:right; } pre.AA { font-family: "MS Pゴシック", sans-serif; font-size: 12pt; line-height: normal; letter-spacing: normal; } span.highlight { background-color: #EE0; color: #000; } div.comment input, div.comment textarea { color: #EEE; border: 1px solid #444; background-color: #3A3A3A; } /* ***** モジュール ***** */ .hatena-module { margin-top: 0.5em; margin-bottom: 0.5em; } /* モジュールではリストマーカーを表示しない */ .hatena-modulebody ul { text-align: left; list-style-type: none; margin-left: 2px; padding: 2px; } /* モジュールのタイトル */ .hatena-moduletitle { font-weight: bold; } .hatena-modulebody th, .hatena-modulebody td { font-size: 60%; border: 1px solid #444; } .hatena-profile-body { border: 1px solid #444; } .hatena-section li, .hatena-sectioncategory li { border: 1px solid #444; margin: 1px; padding-left: 0.5em; } .hatena-moduletitle a:link, .hatena-moduletitle a:visited, .hatena-moduletitle a:hover, .hatena-moduletitle a:focus { color: #EEE; }