syntax highlighting for everyone!

dip3.css

@@ -37,6 +37,7 @@ Classname Legend
 .c = "centered"   = centered footer text (also clears floats)
 .a = "asterism"   = section break
 .v = "navigation" = prev/next navigation links (not breadcrumbs)
+.u = "Unicode"    = text contains Unicode characters (requires special font declaration)
 
 .nm = "no mobile"     = hide this section on mobile devices
 .nd = "no decoration" = hide the widgets on this code block
@@ -53,6 +54,7 @@ Acknowledgements & Inspirations
 "Use the Best Available Ampersand" ....................... http://simplebits.com/notebook/2008/08/14/ampersands.html
 "Unicode Support in HTML, Fonts, and Web Browsers" ....... http://alanwood.net/unicode/
 "Punctuation" ............................................ http://en.wikipedia.org/wiki/Punctuation
+"Google Code Prettify" ................................... http://code.google.com/p/google-code-prettify/
 */
 
 /* typography */
@@ -61,15 +63,15 @@ body, .w a {
   font: medium/1.75 'Gill Sans', 'Gill Sans MT', Corbel, Helvetica, 'Nimbus Sans L', sans-serif;
   word-spacing: 0.1em;
 }
-pre, kbd, samp, code, var, .b {
+pre, kbd, samp, code, var, .b, pre span {
   font: small/2.154 Consolas, 'Andale Mono', Monaco, 'Liberation Mono', 'Bitstream Vera Sans Mono', 'DejaVu Sans Mono', monospace;
   word-spacing: 0;
 }
-span {
-  font: medium 'Arial Unicode MS', FreeSerif, OpenSymbol, 'DejaVu Sans', sans-serif;
+span.u {
+  font: medium/1.75 'Arial Unicode MS', FreeSerif, OpenSymbol, 'DejaVu Sans', sans-serif;
 }
-pre span, .a {
-  font-family: 'Arial Unicode MS', 'DejaVu Sans', FreeSerif, OpenSymbol, sans-serif;
+pre span.u, pre span.u span, .a {
+  font: medium/1.75 'Arial Unicode MS', 'DejaVu Sans', FreeSerif, OpenSymbol, sans-serif;
 }
 .baa {
   font: oblique large Constantia, Baskerville, Palatino, 'Palatino Linotype', 'URW Palladio L', serif;
@@ -201,7 +203,7 @@ li ol, .q {
 code, var, samp {
   line-height:inherit !important;
 }
-pre a, .w a, pre a:hover {
+pre a, td code a, .w a, pre a:hover {
   border: 0;
 }
 
@@ -271,6 +273,7 @@ aside {
 #level span {
   color: #82b445;
 }
+
 /* previous/next navigation links */
 
 .v a {
@@ -290,3 +293,17 @@ aside {
   margin: 0;
   text-shadow: gainsboro 3px 3px 3px;
 }
+
+/* syntax highlighting */
+
+.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; }