はてなブログ公式テーマEpicのカスタマイズ(日付を記事の上に移動して、記事幅を広げる)

Epicがシンプルで好きなんだけど、記事部分の幅が狭くてソースコードとか折り返されちゃうのが嫌だった。というわけで記事左の日付専用領域を削ってみた。日付と編集ボタンは記事の上に移動。

Epicを選択した状態で、下記CSSをカスタムCSS欄に追加するだけでOK。

#main {
  width: 660px;
}

.entry-header .date {
  position: relative;
  left: 0px;
}

.entry-header-menu a {
  top: 4px;
  left: 120px;
}

/* ついでにpreのフォントサイズ小さく */
pre {
  font-size: 90%;
}