dark.css

   1 @import url(base.css);
   2 @import url(terse.css) all and (max-width: 79em);
   3
   4 body {
   5         background: #000;
   6         color: #CCC;
   7 }
   8 a, a:visited {
   9         color: #BBB;
  10 }
  11 .l:hover a:active, .l:hover a:hover, /* prevent override */
  12 a:active, a:hover {
  13         color: #44E;
  14         text-decoration: none;
  15 }
  16
  17 dl.legend dt,
  18 .keys td {
  19         border-color: #888;
  20 }
  21 dl.legend-options dt {background: #333}
  22
  23 /* syntax highlighting */
  24
  25 .sy-comment    { color: #888 }
  26 .sy-constant   { color: #8AC }
  27 .sy-type,
  28 .sy-identifier { color: #C9B }
  29 .sy-special    { color: #A9C }
  30 .sy-error      { font-weight: bold; background-color: #800; color: #EEE }
  31 .sy-todo       { background-color: #880 }
  32
  33 .glyphs b      { color: #C44 }
  34
  35 /* character properties */
  36
  37 th, td {
  38         border-color: #555;
  39         background: #222;
  40 }
  41 .mapped tbody, .mapped colgroup,
  42 .dimap tbody, .dimap colgroup {
  43         border-color: #665;
  44 }
  45
  46 .glyphs small.digraph {
  47         background: #444;
  48         color: #AAA;
  49         opacity: 0.5;
  50 }
  51 .glyphs small.value {
  52         background: #633;
  53         color: #AAA;
  54         opacity: 0.4;
  55 }
  56
  57 .X  {background: #000} /* unidentified */
  58 .Xr {background: #111} /* reverse */
  59 .Co, .Xi.Co {background: #322} /* private */
  60
  61 /* implementation-based alternatives */
  62 .l1 {background: #411} /* bmp */
  63 .l2 {background: #321} /* proposed digraph */
  64 .l3 {background: #330} /* rfc-1345 digraph */
  65 .l4 {background: #030} /* ascii */
  66 .l5 {background: #00331D} /* ascii */
  67 .l0 {background: #222}
  68 .ex {     color: #777} /* disfavoured */
  69 .u-invalid {background: #333} /* impossible */
  70
  71 .p4::after {color: #F44}
  72 .p3::after {color: #E66}
  73 .p2::after {color: #C88}
  74 .p1::after,
  75 .p0::after {color: #CCC}
  76
  77 /* general colorization */
  78
  79 .c-sa,
  80 .g1 {background: #044}
  81 .c-na,
  82 .g2 {background: #040}
  83 .g3 {background: #340}
  84 .c-af,
  85 .g4 {background: #440}
  86 .c-eu,
  87 .g5 {background: #530}
  88 .g6 {background: #520}
  89 .c-as,
  90 .g7 {background: #500}
  91 .c-an,
  92 .g8 {background: #503}
  93 .c-oc,
  94 .g9 {background: #205}
  95 .no {background: #222}
  96
  97 .X:hover,
  98 .l:hover a, .l:hover a:visited,
  99 .g9 a:hover, .g9[onclick]:hover,
 100 .g8 a:hover, .g8[onclick]:hover,
 101 .g7 a:hover, .g7[onclick]:hover,
 102 .g6 a:hover, .g6[onclick]:hover,
 103 .g5 a:hover, .g5[onclick]:hover,
 104 .g4 a:hover, .g4[onclick]:hover,
 105 .g3 a:hover, .g3[onclick]:hover,
 106 .g2 a:hover, .g2[onclick]:hover {
 107         color: #000; /* on default (light) background hover */
 108 }
 109 .legend .ex:hover {background: #666}
 110 .X:hover small {color: #FFF}
 111