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