シンタックスハイライト的な

assets/htdocs/css/base.css

@@ -71,7 +71,7 @@ body {
 }
 
 .code {
-  background: #DCDCDC;
+  background: #F8F8FF;
   font-size: medium;
   line-height:1em;
 }

assets/htdocs/css/prettify.css

@@ -0,0 +1,27 @@
+/* Pretty printing styles. Used with prettify.js. */
+
+.str { color: #080; }
+.kwd { color: #008; }
+.com { color: #800; }
+.typ { color: #606; }
+.lit { color: #066; }
+.pun { color: #660; }
+.pln { color: #000; }
+.tag { color: #008; }
+.atn { color: #606; }
+.atv { color: #080; }
+.dec { color: #606; }
+pre.prettyprint { padding: 2px; border: 1px solid #888; }
+
+@media print {
+  .str { color: #060; }
+  .kwd { color: #006; font-weight: bold; }
+  .com { color: #600; font-style: italic; }
+  .typ { color: #404; font-weight: bold; }
+  .lit { color: #044; }
+  .pun { color: #440; }
+  .pln { color: #000; }
+  .tag { color: #006; font-weight: bold; }
+  .atn { color: #404; }
+  .atv { color: #060; }
+}

assets/htdocs/js/kiki.js

@@ -0,0 +1,17 @@
+(function(onload) { // load
+  if (window.addEventListener) {
+      window.addEventListener('load', onload, false);
+  } else if (window.attachEvent) {
+      window.attachEvent('onload',  onload, false);
+  } else {
+      window.onload = onload;
+  }
+})(function() {
+  if (typeof prettyPrint === 'function') {
+    var pre = document.getElementsByTagName('pre');
+    for (var n = pre.length; n --> 0;) {
+      pre[n].className = (pre[n].className || '').split(/[ \t\r\n]+/).concat('prettyprint').join(' ')
+    }
+    prettyPrint();
+  }
+});