mono.css

   1 @import url(base.css);
   2 @import url(terse.css) all and (max-width: 79em);
   3
   4 a:active, a:visited:active,
   5 a:hover,  a:visited:hover {color: inherit}
   6
   7 body dl.legend-options dt {background: #EEE}
   8
   9 td,
  10 .X  {background: #EEE}
  11 .l0 a, .l0 a:visited,
  12 .l0 {background: #BBB; color: #FFF; text-shadow: 0 0 4px #000}
  13 .l1 a, .l1 a:visited,
  14 .l1 {background: #000; color: #FFF}
  15 .l2 a, .l2 a:visited,
  16 .l2 {background: #444; color: #FFF}
  17 .l3 {background: #AAA; color: #000}
  18 .l4 {background: #DDD; color: #000}
  19 .l5 {background: #EEE; color: #000}
  20 .ex {color: #888} /* experimental, disfavoured */
  21
  22 .p0:not(.p)           {color: #888; opacity: 1}
  23 .p0:not(.p).l0        {color: #DDD}
  24    .p::after {color: #444}
  25 .l0.p::after,
  26 .l2.p::after,
  27 .l1.p::after {color: #CCC}
  28    .p::after {content: '‼'}
  29 .p1.p::after,
  30 .p0.p::after {content: '!'}
  31
  32 .g1 {background: #777}   /* info */
  33 .g2 {background: #FFF}   /* motion */
  34 .g3 {background: #DDD}   /* window */
  35 .g4 {background: #AAA}   /* command */
  36 .g5 {background: #AAA; color: #FFF}   /* open */
  37 .g6 {background: #888; color: #FFF}   /* insert mode */
  38 .g7 {background: #444; color: #FFF}   /* visual mode */
  39 .g8 {background: #000; color: #FFF}   /* mode */
  40 .g9 {background: #000; color: #AAA}   /* key mode */
  41
  42 .keys td[onclick]:hover,
  43 .keys td a:hover,
  44 .l:hover, .l:hover a, .l:hover a:visited,
  45 .X:hover {
  46         background: #FFF;
  47         color: #000;
  48         border-color: #444;
  49 }
  50 .keys td[onclick]:hover,
  51 .keys td a:hover {
  52         background: #888; /* command (.co) lookalike */
  53 }
  54
  55 body dl.legend dt.new,
  56 body .keys td.new {
  57         opacity: 1;
  58         border-color: #888;
  59 }
  60
  61 .Co, .Xi.Co {background: #FFF} /* private */
  62
  63 /* code syntax */
  64 #source pre    { color: #444 }
  65 .sy-comment    { color: #888; text-shadow: #888 0 0 1em }
  66 .sy-constant   { color: inherit; font-style: italic }
  67 .sy-type,
  68 .sy-identifier { color: #000 }
  69 .sy-statement  { color: #000 }
  70 .sy-preProc    { color: #000 }
  71 .sy-special    { color: #000; font-style: italic }
  72 .sy-error      { font-weight: bold; background-color: #000; color: #FFF }
  73 .sy-todo       { background-color: #CCC }
  74
  75 .glyphs b      { color: #777 }
  76
  77 /* continents */
  78 .c-af {background: #000; color: #FFF} /* .g4 */
  79 .c-eu {background: #333; color: #FFF} /* .g5 */
  80 .c-as {background: #666; color: #FFF} /* .g7 */
  81 .c-an {background: #999; color: #FFF} /* .g8 */
  82 .c-oc {background: #BBB}              /* .g9 */
  83 .c-sa {background: #999}              /* .g1 */
  84 .c-na {background: #666}              /* .g2 */
  85