はてなブログの pre 記法の CSS

昔、はてなブログやった時にいじってたが忘れてしまったのでメモ。
はてな記法のスーパー pre 記法は結構好き。というかそれが理由ではてなを使ってる。

基本的にデフォルトで満足してるが
1. 文字がでかい
2. 長いコードの時も全部表示される → GitHub との整合性から妥協した
が気に入らない。これは CSS で修正できる。

pre  {
  margin: 1em;
  padding: 0.7em;
  font-size: 12px;
  color: #000000;
  background-color: #ffffff;
  opacity:0.9;
  /*max-height: 30.0em;*/
  overflow: auto;
}
.line-numbers, .line-pre > .line {
	font-size: 12px;
	line-height: 1.4;
}

ひとまず、今のところはこれでいいかな。また気に入らないことができたらその時修正しよう。

参考にしたサイト

pre 記法のスタイル｜Clipbord
http://d.hatena.ne.jp/tequilasunset/20100131/p1