2012-12-14

embed gist用にCSSを追加した

ほんとはその CSS を gist に置こうとしたんだけどうまく post できないので日記を書くメソッド。「ありがち」だとこんな感じでだいたい gist っぽい表示になる。気をつけるのは table, td, th, pre, heading 辺りかな。

tDiary 2.2 系標準テーマで全部同じように効くかどうかは分かりません。div.main や div.section の中にたぶんスタイルを書いてるんだけど、目的の要素の前に .gist や .gist-data があった場合に gist っぽいスタイルを自分で書いたりしてお茶を濁してる感じです。

.gist-data h1 {
  background: none;
  color:      inherit;
}
.gist-data h2 {
  background: none;
  border:     none;
  color:      inherit;
}
div.main .gist-data table {
  background:      transparent;
  border-collapse: separate;
  border-spacing:  1px;
}
div.main .gist-data table,
div.main .gist-data th,
div.main .gist-data td {
  border-color: #999999;
  background:   none;
}
div.main .gist-data th {
  background: #eeeeee;
  text-align: center;
}
div.main .gist-data table.lines {
  border-collapse: collapse;
  margin:          0;
}
div.section .gist-data pre {
  line-height: inherit;
}

About

例によって個人のなんちゃらです