-dl.legend-options dt {background: #EEE}
-
-.pm {background: #FFF} /* motion */
-.po {background: #DDD} /* window */
-.co {background: #AAA} /* command */
-.ci {background: #777} /* info */
-.mi {background: #888; color: #FFF} /* insert mode */
-.mv {background: #444; color: #FFF} /* visual mode */
-.mo {background: #000; color: #FFF} /* mode */
-.me {background: #000; color: #AAA} /* key mode */
-
-ul.keys li[onclick]:hover {
+@import url(base.css);
+@import url(terse.css) all and (max-width: 80em);
+
+body dl.legend-options dt {background: #EEE}
+
+body .pm {background: #FFF} /* motion */
+body .po {background: #DDD} /* window */
+body .co {background: #AAA} /* command */
+body .ci {background: #777} /* info */
+body .mi {background: #888; color: #FFF} /* insert mode */
+body .mv {background: #444; color: #FFF} /* visual mode */
+body .mo {background: #000; color: #FFF} /* mode */
+body .me {background: #000; color: #AAA} /* key mode */
+
+body ul.keys li[onclick]:hover {
background: #888;
color: #000;
border-color: #444;
}
+body dl.legend dt.new,
+body ul.keys li.new {
+ opacity: 1;
+ border-color: #888;
+}
+
+td.Co {background: #FFF} /* private */
+
+/* code syntax */
+#source pre { color: #444 }
+.sy-comment { color: #888; text-shadow: #888 0 0 1em }
+.sy-constant { color: inherit; font-style: italic }
+.sy-type,
+.sy-identifier { color: #000 }
+.sy-statement { color: #000 }
+.sy-preProc { color: #000 }
+.sy-special { color: #000; font-style: italic }
+.sy-error { font-weight: bold; background-color: #000; color: #FFF }
+.sy-todo { background-color: #CCC }
+
+/* continents */
+td.c-af {background: #000; color: #FFF}
+td.c-eu {background: #333; color: #FFF}
+td.c-as {background: #666; color: #FFF}
+td.c-aa {background: #999; color: #FFF}
+td.c-oc {background: #BBB}
+td.c-sa {background: #999}
+td.c-na {background: #666}
+