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
  21 .p0:not(.p)           {color: #888; opacity: 1}
  22 .p0:not(.p).l0        {color: #DDD}
  23    .p::after {color: #444}
  24 .l0.p::after,
  25 .l2.p::after,
  26 .l1.p::after {color: #CCC}
  27    .p::after {content: '‼'}
  28 .p1.p::after,
  29 .p0.p::after {content: '!'}
  30
  31 .pm, .g1 {background: #FFF}   /* motion */
  32 .po, .g2 {background: #DDD}   /* window */
  33 .co, .g3 {background: #AAA}   /* command */
  34 .ci, .g0 {background: #777}   /* info */
  35 .cp, .g4 {background: #AAA; color: #FFF}   /* open */
  36 .mi, .g5 {background: #888; color: #FFF}   /* insert mode */
  37 .mv, .g6 {background: #444; color: #FFF}   /* visual mode */
  38 .mo, .g7 {background: #000; color: #FFF}   /* mode */
  39 .me, .g8 {background: #000; color: #AAA}   /* key mode */
  40
  41 ul.keys li[onclick]:hover,
  42 ul.keys li a:hover,
  43 .l:hover, .l:hover a, .l:hover a:visited,
  44 .X:hover {
  45         background: #FFF;
  46         color: #000;
  47         border-color: #444;
  48 }
  49 ul.keys li[onclick]:hover,
  50 ul.keys li a:hover {
  51         background: #888; /* command (.co) lookalike */
  52 }
  53
  54 body dl.legend dt.new,
  55 body ul.keys li.new {
  56         opacity: 1;
  57         border-color: #888;
  58 }
  59
  60 .Co {background: #FFF} /* private */
  61
  62 /* code syntax */
  63 #source pre    { color: #444 }
  64 .sy-comment    { color: #888; text-shadow: #888 0 0 1em }
  65 .sy-constant   { color: inherit; font-style: italic }
  66 .sy-type,
  67 .sy-identifier { color: #000 }
  68 .sy-statement  { color: #000 }
  69 .sy-preProc    { color: #000 }
  70 .sy-special    { color: #000; font-style: italic }
  71 .sy-error      { font-weight: bold; background-color: #000; color: #FFF }
  72 .sy-todo       { background-color: #CCC }
  73
  74 /* continents */
  75 .c-af {background: #000; color: #FFF} /* .g3 */
  76 .c-eu {background: #333; color: #FFF} /* .g4 */
  77 .c-as {background: #666; color: #FFF} /* .g6 */
  78 .c-aa {background: #999; color: #FFF} /* .g7 */
  79 .c-oc {background: #BBB}              /* .g8 */
  80 .c-sa {background: #999}              /* .g0 */
  81 .c-na {background: #666}              /* .g1 */
  82