unicode: improve dark page styling
[sheet.git] / mono.css
1 @import url(base.css);
2 @import url(terse.css) all and (max-width: 80em);
3
4 body dl.legend-options dt {background: #EEE}
5
6 body .pm {background: #FFF}   /* motion */
7 body .po {background: #DDD}   /* window */
8 body .co {background: #AAA}   /* command */
9 body .ci {background: #777}   /* info */
10 body .mi {background: #888; color: #FFF}   /* insert mode */
11 body .mv {background: #444; color: #FFF}   /* visual mode */
12 body .mo {background: #000; color: #FFF}   /* mode */
13 body .me {background: #000; color: #AAA}   /* key mode */
14
15 body ul.keys li[onclick]:hover {
16         background: #888;
17         color: #000;
18         border-color: #444;
19 }
20
21 body dl.legend dt.new,
22 body ul.keys li.new {
23         opacity: 1;
24         border-color: #888;
25 }
26
27 td.Co {background: #FFF} /* private */
28
29 /* code syntax */
30 #source pre    { color: #444 }
31 .sy-comment    { color: #888; text-shadow: #888 0 0 1em }
32 .sy-constant   { color: inherit; font-style: italic }
33 .sy-type,
34 .sy-identifier { color: #000 }
35 .sy-statement  { color: #000 }
36 .sy-preProc    { color: #000 }
37 .sy-special    { color: #000; font-style: italic }
38 .sy-error      { font-weight: bold; background-color: #000; color: #FFF }
39 .sy-todo       { background-color: #CCC }
40
41 /* continents */
42 td.c-af       {background: #000; color: #FFF}
43 td.c-eu       {background: #333; color: #FFF}
44 td.c-as       {background: #666; color: #FFF}
45 td.c-aa       {background: #999; color: #FFF}
46 td.c-oc       {background: #BBB}
47 td.c-sa       {background: #999}
48 td.c-na       {background: #666}
49