X-Git-Url: http://git.shiar.nl/sheet.git/blobdiff_plain/2ef4dd5f39564f1333dd68bc39c6d8e561efcaf3..1d6eab5fa03b9b245c50637bae352344f9f53ef5:/mono.css

diff --git a/mono.css b/mono.css
index 19ead32..5879a4c 100644
--- a/mono.css
+++ b/mono.css
@@ -1,5 +1,4 @@
-@import url(base.css);
-@import url(terse.css) all and (max-width: 80em);
+@import url(light.css?1.10);
 
 a:active, a:visited:active,
 a:hover,  a:visited:hover {color: inherit}
@@ -8,57 +7,57 @@ body dl.legend-options dt {background: #EEE}
 
 td,
 .X  {background: #EEE}
-.l9 a, .l9 a:visited,
-.l9 {background: #BBB; color: #FFF; text-shadow: 0 0 4px #000}
 .l0 a, .l0 a:visited,
-.l0 {background: #000; color: #FFF}
+.l0 {background: #BBB; color: #FFF; text-shadow: 0 0 4px #000}
+.l1 a, .l1 a:visited,
+.l1 {background: #000; color: #FFF}
 .l2 a, .l2 a:visited,
 .l2 {background: #444; color: #FFF}
-.l4 {background: #AAA; color: #000}
-.l5 {background: #DDD; color: #000}
-.l6 {background: #EEE; color: #000}
-.ex a, .ex a:visited,
-.ex                   {color: #888}
+.l3 {background: #AAA; color: #000}
+.l4 {background: #DDD; color: #000}
+.l5 {background: #EEE; color: #000}
+.ex {color: #888} /* experimental, disfavoured */
 
 .p0:not(.p)           {color: #888; opacity: 1}
-.p0:not(.p).l9        {color: #DDD}
+.p0:not(.p).l0        {color: #DDD}
    .p::after {color: #444}
-.l9.p::after,
+.l0.p::after,
 .l2.p::after,
-.l0.p::after {color: #CCC}
+.l1.p::after {color: #CCC}
    .p::after {content: '‼'}
 .p1.p::after,
 .p0.p::after {content: '!'}
 
-.pm, .g1 {background: #FFF}   /* motion */
-.po, .g2 {background: #DDD}   /* window */
-.co, .g3 {background: #AAA}   /* command */
-.ci, .g0 {background: #777}   /* info */
-.cp, .g4 {background: #AAA; color: #FFF}   /* open */
-.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 */
+.g1 {background: #777}   /* info */
+.g2 {background: #FFF}   /* motion */
+.g3 {background: #DDD}   /* window */
+.g4 {background: #AAA}   /* command */
+.g5 {background: #AAA; color: #FFF}   /* open */
+.g6 {background: #888; color: #FFF}   /* insert mode */
+.g7 {background: #444; color: #FFF}   /* visual mode */
+.g8 {background: #000; color: #FFF}   /* mode */
+.g9 {background: #000; color: #AAA}   /* key mode */
 
-ul.keys li[onclick]:hover,
-ul.keys li a:hover,
+.keys td[onclick]:hover,
+.keys td a:hover,
+.l:hover, .l:hover a, .l:hover a:visited,
 .X:hover {
 	background: #FFF;
 	color: #000;
 	border-color: #444;
 }
-ul.keys li[onclick]:hover,
-ul.keys li a:hover {
+.keys td[onclick]:hover,
+.keys td a:hover {
 	background: #888; /* command (.co) lookalike */
 }
 
 body dl.legend dt.new,
-body ul.keys li.new {
+body .keys td.new {
 	opacity: 1;
 	border-color: #888;
 }
 
-.Co {background: #FFF} /* private */
+.Co, .Xi.Co {background: #FFF} /* private */
 
 /* code syntax */
 #source pre    { color: #444 }
@@ -72,12 +71,14 @@ body ul.keys li.new {
 .sy-error      { font-weight: bold; background-color: #000; color: #FFF }
 .sy-todo       { background-color: #CCC }
 
+.glyphs b      { color: #777 }
+
 /* continents */
-.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 */
+.c-af {background: #000; color: #FFF} /* .g4 */
+.c-eu {background: #333; color: #FFF} /* .g5 */
+.c-as {background: #666; color: #FFF} /* .g7 */
+.c-an {background: #999; color: #FFF} /* .g8 */
+.c-oc {background: #BBB}              /* .g9 */
+.c-sa {background: #999}              /* .g1 */
+.c-na {background: #666}              /* .g2 */