mono.css

   1 @import url(base.css);
   2 @import url(terse.css) all and (max-width: 80em);
   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 a, .ex a:visited,
  21 .ex                   {color: #888}
  22
  23 .p0:not(.p)           {color: #888; opacity: 1}
  24 .p0:not(.p).l0        {color: #DDD}
  25    .p::after {color: #444}
  26 .l0.p::after,
  27 .l2.p::after,
  28 .l1.p::after {color: #CCC}
  29    .p::after {content: '‼'}
  30 .p1.p::after,
  31 .p0.p::after {content: '!'}
  32
  33 .pm, .g1 {background: #FFF}   /* motion */
  34 .po, .g2 {background: #DDD}   /* window */
  35 .co, .g3 {background: #AAA}   /* command */
  36 .ci, .g0 {background: #777}   /* info */
  37 .cp, .g4 {background: #AAA; color: #FFF}   /* open */
  38 .mi, .g5 {background: #888; color: #FFF}   /* insert mode */
  39 .mv, .g6 {background: #444; color: #FFF}   /* visual mode */
  40 .mo, .g7 {background: #000; color: #FFF}   /* mode */
  41 .me, .g8 {background: #000; color: #AAA}   /* key mode */
  42
  43 ul.keys li[onclick]:hover,
  44 ul.keys li a:hover,
  45 .X:hover {
  46         background: #FFF;
  47         color: #000;
  48         border-color: #444;
  49 }
  50 ul.keys li[onclick]:hover,
  51 ul.keys li a:hover {
  52         background: #888; /* command (.co) lookalike */
  53 }
  54
  55 body dl.legend dt.new,
  56 body ul.keys li.new {
  57         opacity: 1;
  58         border-color: #888;
  59 }
  60
  61 .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 /* continents */
  76 .c-af {background: #000; color: #FFF} /* .g3 */
  77 .c-eu {background: #333; color: #FFF} /* .g4 */
  78 .c-as {background: #666; color: #FFF} /* .g6 */
  79 .c-aa {background: #999; color: #FFF} /* .g7 */
  80 .c-oc {background: #BBB}              /* .g8 */
  81 .c-sa {background: #999}              /* .g0 */
  82 .c-na {background: #666}              /* .g1 */
  83