list-style: none;
}
+#source {
+ text-align: center;
+}
+#source pre {
+ display: inline-block;
+ text-align: left;
+}
+
/* "keyboard" (list of keys) */
ul#rows {margin-top: -5ex} /* top (esc) row fits besides header */
h3 {display: none} /* semantic details (non-css/js) */
li.mode {display: none} /* initially hidden (only show interactively (js)) */
+#rows {
+ width: 82.5em; /* 12 * (2px + 1px + 6.2em + 1px + 2px) + 8em*/
+ padding-right: 72px;
+}
+#rows > li {
+ margin-right: -72px;
+}
+
/* individual keys */
dl.legend dt,
td.c-sa {background: #DFF}
td.c-na {background: #DFD}
+/* code syntax */
+.sy-comment { color: #888 }
+.sy-constant { color: #008 }
+.sy-type,
+.sy-identifier { color: #804 }
+.sy-statement { }
+.sy-preProc { }
+.sy-special { color: #408 }
+.sy-error { font-weight: bold; background-color: #F00; color: #FFF }
+.sy-todo { background-color: #FF0 }
+
/* hover effects */
td.di-d,
td.X:hover {cursor: help}
.mv {background: #ECE} /* visual mode */
.me {background: #CCF} /* key mode */
+.pm[onclick]:hover {background: #7E7}
+.po[onclick]:hover {background: #CE6}
.ci[onclick]:hover {background: #5ED}
.mi[onclick]:hover {background: #F97}
.mo[onclick]:hover {background: #F88}