2006/11/05

ソースコードにスタイル指定

文中に埋もれたり、折り返したりで見づらかったのでソースコード用のスタイル指定をテンプレートに入れてみました。 /* Source Code ----------------------------------------------- */ CODE { display : block; overflow-x : auto; border : 1px dotted $borderColor; margin : 4px 0; padding : 2px; font-family : monospace; font-size : x-small; } CODE:first-line { line-height : 0; } ソースコードは<CODE>で括ってあるという前提です。 first-lineを消しているのは、改行を<BR>に置き換える設定だと、 <CODE> function main() {・・・ と書いた時に、1行改行が入ってしまうためです。 <CODE>function main() {・・・ と書けばいいのですが、昔書いたものを修正するのは面倒なので、CSSで小細工してみました。 してはみたのですが、Bloggerのテンプレートに入れるとなぜか効いていません… なぜ効かないのかはそのうち調べたいと思います。