スタイルシートの設定とか
スタイルとかをデフォルトに戻す - libnitsuji.soでデフォルトにしたわけですが、今日半日かけて慎重にスタイルの設定をしました。サイドバーはなしにしました。キーワード以外のリンク部分は何も手を付けてないので、いい案が浮かんだらそのうちやるかもしれません。レイアウトの確認はいちおうIEとFirefoxでもやってるので大丈夫だと思います。
これまでもそうだったんだけど「スタイル変更しました」という日記を書いてもそのうちまた変更してしまうので、あとになってこれを読むとよくわからないという結果になってしまいます。というわけなので、スクリーンショット付きです。細かいところと動的な部分はわからないけど雰囲気だけでも。
さいごにCSSを。
body { margin: 0; font-family: helvetica, sans-serif; } a.keyword { margin: 0 3px; border-bottom: 1px solid #ddd; color: black; text-decoration: none; } a.keyword:visited { border-bottom: 1px dashed #ddd; } a.keyword:hover { border-bottom: 0; background-color: #ddd; color: white; } .hatena-body { margin: 0 1em 0 1em; } .header { text-align: right; font-size: 80%; } .header li { padding: 0 0.33em; display: inline; border-right: 1px solid #999; } .header li:first-child { border-left: 1px solid #999; } .calendar { margin: 10px 0; text-align: right; font-size: 80%; } h1 { margin: 0; padding: 10px; background-color: rgb(81,118,236); color: white; font-size: 150%; font-weight: normal; } h1 a { color: white; text-decoration: none; } h2 { padding: 0.5em 0; font-weight: normal; font-style: italic; } h2 a { color: black; text-decoration: none; } h3 { border: 1px solid #aaa; padding: 5px; background-color: #eee; font-weight: normal; font-size: 110%; } h3 a { text-decoration: none; } blockquote { border: 1px solid #999; padding: 0 1em; font-family: georgia, serif; font-size: 80%; } pre { margin: 0 1em; border: 1px solid black; padding: 10px 10px; background-color: #8d8d8d; color: white; font-family: "Courier New", Courier, sans-serif; font-size: 12px; } pre a { color: white !important; } p { line-height: 140%; } .body { padding: 0 10px; } div.comment { margin: 10px; border: 1px dashed #999; padding: 10px; } .refererlist { margin: 10px; border: 1px dashed #999; padding: 10px; } .sanchor { margin: 0 1em; font-size: 14px; } div img { border: 0; /* for hatena-asin-* */ } .hatena-clock { margin: 10px 0; text-align: right; } dl { margin: 10px; border: 1px solid #999; padding: 10px; } dd { margin: 1em 0 1em 4em; } .highlight { background-color: #fce419; }