red.css

   1 @import url(base.css);
   2
   3 body {
   4         background: #000;
   5         color: #CCC;
   6 }
   7 a:link    { color:#DDB; }
   8 a:visited { color:#CCCCC0; }
   9 a:active  { color:#FF0; }
  10 a:hover   { color:#FF0; text-decoration: none}
  11
  12 h1 {
  13         border: 1px solid #A00;
  14         background: #800;
  15         width: 50%;
  16         margin: 0 auto;
  17         margin-bottom: 0.5ex;
  18 }
  19 h2, caption {
  20         text-shadow: #F00 0 0 1em, #F00 0 0 1ex;
  21 }
  22 p.footer {
  23         border: 1px dashed #600;
  24         border-width: 1px 0 0;
  25         margin-top: 1.5em;
  26 }
  27
  28 dl.legend dt,
  29 ul.keys li {
  30         border-radius: 0;
  31         -moz-border-radius: 0;
  32         border-color: #800;
  33 }
  34 ul.keys li {
  35         text-align: left;
  36 }
  37 ul.keys li b {
  38         margin-right: 3px;
  39         font-size: 100%;
  40         background: #800;
  41         float: left;
  42         min-width: 1.5em;
  43         line-height: 5ex;
  44         font-style: normal;
  45 }
  46
  47 .no, dl.legend-options dt,
  48 .ci, .pm, .po, .co {background: none}
  49 #mutt .co,
  50 .mi, .cp           {background: #300}
  51 .mo, .mv, .me      {background: #600}
  52 #mutt .pm b, #mutt dt.pm,
  53 #mutt .mv b, #mutt dt.mv,
  54 dt.co,
  55   .co b            {color: inherit}
  56 #vimperator .mi b, #vimperator dt.mi,
  57 dt.po,
  58   .po b            {color: #6CD}
  59 #mutt .ci b, #mutt dt.ci,
  60 #mutt .mi b, #mutt dt.mi,
  61 #mutt .me b, #mutt dt.me,
  62 dt.pm, dt.mv,
  63   .pm b, .mv b     {color: #DD6}
  64 .no b              {color: #000} /* unassigned */
  65 .ci, .mv, .me      {font-style: italic}
  66 #mutt .ci, #mutt .me,
  67 .no                {font-style: normal}
  68
  69 .ci[onclick]:hover,
  70 .pm[onclick]:hover,
  71 .po[onclick]:hover,
  72 .co[onclick]:hover,
  73 .cp[onclick]:hover,
  74 .mi[onclick]:hover,
  75 .mo[onclick]:hover,
  76 .mv[onclick]:hover,
  77 .me[onclick]:hover {
  78         background: #800;
  79         color: #FF0;
  80 } /* mode link */
  81
  82 td.di-b,
  83 td.X { /* unidentified */
  84         background: #000;
  85         border-color: #800;
  86         border-width: 1px;
  87 }
  88 th, td, td.Co {
  89         background: #000;
  90         border-color: #300;
  91         border-width: 1px 0 0 1px; /* no precedence */
  92 }
  93 td.Co {background: #200 } /* private */
  94 tbody, colgroup, th {
  95         background: #800 !important;
  96         border: 1px solid #800;
  97 }
  98
  99 .glyphs small.digraph {
 100         background: #600;
 101         color: #AAA;
 102         opacity: 1;
 103 }
 104 .glyphs small.value {
 105         background: #600;
 106         color: #AAA;
 107         opacity: 1;
 108 }
 109
 110 /* implementation-based alternatives */
 111 td.di-b       {background: #000; color: #DD6} /* bmp */
 112 td.di-d       {background: #000; color: #CCC} /* rfc-1345 digraph */
 113 td.di-prop    {background: #000; color: #CA8} /* proposed digraph */
 114 td.di-a       {background: #000; color: #8BC} /* ascii */
 115 td.di-rare    {background: #333} /* disfavoured */
 116 td.di-invalid {background: #200} /* impossible */
 117
 118 /* continents */
 119 td.c-af       {background: #100; color: #FFF}
 120 td.c-eu       {background: #300; color: #FFF}
 121 td.c-as       {background: #500; color: #FFF}
 122 td.c-aa       {background: #400; color: #8BC}
 123 td.c-oc       {background: #100; color: #8BC}
 124 td.c-sa       {background: #100; color: #DD6}
 125 td.c-na       {background: #300; color: #DD6}
 126 td.di-b:hover,
 127 td.X:hover    {background: #800; color: #FF0}
 128
 129 /* code syntax */
 130 .sy-comment    { color: #888 }
 131 .sy-constant   { color: #C88 }
 132 .sy-type,
 133 .sy-identifier { color: #C44 }
 134 .sy-statement  { text-shadow: #F00 0 0 0.5em }
 135 .sy-special    { color: #CA8 }
 136 .sy-error      { font-weight: bold; background-color: #A00; color: #EEE }
 137 .sy-todo       { background-color: #400 }
 138