はてなブログに移行して設定したカスタムCSS

本日はてなブログに移行して、設定 > デザイン > カスタマイズ から設定できるCSSで好みの感じに調整してみました。少しでも参考になれば幸いです。

/* 英字フォントの指定がキモイので */
body,
pre.code { font-family: sans-serif }

/* ボールド解除 */
#blog-title h1,
h1 { font-weight: normal }

/* 影付きの方が好みなので */
#container { box-shadow: 0 3px 8px #CCC }

/* 一番下のはてなSEOリンクがプロフィールへのリンクと見た目が同じなのが嫌 */
.services {
    font-size: 9px;
    margin: 15px 0;
}

/* 漢ならソーシャルボタン不要！ｗ */
.social-buttons { display: none }

/* 邪魔なキーワード下線を消す */
a.keyword { border: 0 }

/* 一番下のプロフィールへのリンクでアイコンが上にずれているのが間抜けなので微調整 */
address img {
    position: relative;
    top: 4px;
}