ソースコードに行番号

はてなブログのデザインとやらを弄ってソースコードに行番号を付けてみた
わりかしなんでも書けるのね、知らなかった
テーマ？変更したらええんかと思って色々変えてよく分かんなくなったけど
結局自分で書いた方が早いや(^^;

main = putStrLn "Hello World!"

<script>
var codes = document.getElementsByClassName("code");
for(var i = 0; i < codes.length; i++)
{
	var lines = codes[i].innerHTML.split("\n");
	var code = "";
	for(var j = 0; j < lines.length; j++)
	{
		if(j == lines.length - 1 && lines[j] == "") break;
		code += "<code>" + lines[j] + "</code>\n";
	}
	codes[i].innerHTML = code;
}
</script>

pre.code > code
{
    counter-increment: linenumber;
}

pre.code > code::before
{
    content: counter(linenumber) "|  ";
}

行番号との間の縦線が書けなくて適当やわ