X-Git-Url: http://git.shiar.nl/sheet.git/blobdiff_plain/90bfe9a4d5cb83c325d989f260c1e1e1f6c74427..3e9e4aa26dec25c4c0bc34c6f98139dcb74d25da:/mono.css

diff --git a/mono.css b/mono.css
index 432b12b..614ab2e 100644
--- a/mono.css
+++ b/mono.css
@@ -1,15 +1,19 @@
+@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 */
+.pm, .g1 {background: #FFF}   /* motion */
+.po, .g2 {background: #DDD}   /* window */
+.co, .g3 {background: #AAA}   /* command */
+.ci, .g0 {background: #777}   /* info */
+.mi, .g5 {background: #888; color: #FFF}   /* insert mode */
+.mv, .g6 {background: #444; color: #FFF}   /* visual mode */
+.mo, .g7 {background: #000; color: #FFF}   /* mode */
+.me, .g8 {background: #000; color: #AAA}   /* key mode */
 
-body ul.keys li[onclick]:hover {
+ul.keys li[onclick]:hover,
+ul.keys li a:hover {
 	background: #888;
 	color: #000;
 	border-color: #444;
@@ -21,7 +25,7 @@ body ul.keys li.new {
 	border-color: #888;
 }
 
-td.Co {background: #FFF} /* private */
+.Co {background: #FFF} /* private */
 
 /* code syntax */
 #source pre    { color: #444 }
@@ -36,11 +40,11 @@ td.Co {background: #FFF} /* private */
 .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}
+.c-af {background: #000; color: #FFF} /* .g3 */
+.c-eu {background: #333; color: #FFF} /* .g4 */
+.c-as {background: #666; color: #FFF} /* .g6 */
+.c-aa {background: #999; color: #FFF} /* .g7 */
+.c-oc {background: #BBB}              /* .g8 */
+.c-sa {background: #999}              /* .g0 */
+.c-na {background: #666}              /* .g1 */