style/_red.scss

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