X-Git-Url: http://git.shiar.nl/sheet.git/blobdiff_plain/8da111b671c9914450077a1ec506964e70dceb40..aff24d1391a688cdef38674f3f10c4842d84fa1a:/mono.css

diff --git a/mono.css b/mono.css
index 5e6168b..32a8733 100644
--- a/mono.css
+++ b/mono.css
@@ -1,17 +1,82 @@
-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 {
-	background: #888;
+@import url(base.css);
+@import url(terse.css) all and (max-width: 79em);
+
+a:active, a:visited:active,
+a:hover,  a:visited:hover {color: inherit}
+
+body dl.legend-options dt {background: #EEE}
+
+td,
+.X  {background: #EEE}
+.l0 a, .l0 a:visited,
+.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}
+.l3 {background: #AAA; color: #000}
+.l4 {background: #DDD; color: #000}
+.l5 {background: #EEE; color: #000}
+
+.p0:not(.p)           {color: #888; opacity: 1}
+.p0:not(.p).l0        {color: #DDD}
+   .p::after {color: #444}
+.l0.p::after,
+.l2.p::after,
+.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 */
+
+ul.keys li[onclick]:hover,
+ul.keys li 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 {
+	background: #888; /* command (.co) lookalike */
+}
+
+body dl.legend dt.new,
+body ul.keys li.new {
+	opacity: 1;
+	border-color: #888;
+}
+
+.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 */
+.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 */