文中に埋もれたり、折り返したりで見づらかったのでソースコード用のスタイル指定をテンプレートに入れてみました。
/* 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のテンプレートに入れるとなぜか効いていません…
なぜ効かないのかはそのうち調べたいと思います。