-/* media features */
-
-@import url(terse.css) all and (max-width: 80em);
-
-@import url(mono.css) all and (monochrome);
-
/* general */
body {
margin: 0;
}
+.section ul {
+ margin-bottom: 1ex;
+}
.section h2 {
margin: 0 1ex;
clear: both;
ul.keys li[onclick]:hover { /* link */
cursor: pointer;
}
+ul.keys li a { /* key link */
+ color: inherit;
+ text-decoration: none;
+ display: block;
+ height: 100%;
+}
+
ul.keys.meta li b,
ul.keys.ctrl li b,
ul.keys.lead li b { /* char with ctrl or leading key */
.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}
-.me[onclick]:hover {background: #99F}
-.mv[onclick]:hover {background: #D9D}
-.co[onclick]:hover {background: #EE4}
+.pm a:hover, .pm[onclick]:hover {background: #7E7}
+.po a:hover, .po[onclick]:hover {background: #CE6}
+.ci a:hover, .ci[onclick]:hover {background: #5ED}
+.mi a:hover, .mi[onclick]:hover {background: #F97}
+.mo a:hover, .mo[onclick]:hover {background: #F88}
+.me a:hover, .me[onclick]:hover {background: #99F}
+.mv a:hover, .mv[onclick]:hover {background: #D9D}
+.co a:hover, .co[onclick]:hover {background: #EE4}
.no {
background: #EEE;