+@import url(light.css?1.10);
+
body {
background: #000;
color: #CCC;
a:active { color:#FF0; }
a:hover { color:#FF0; text-decoration: none}
+h1 {
+ border: 1px solid #A00;
+ background: #800;
+ width: 50%;
+ margin: 0 auto;
+ margin-bottom: 0.5ex;
+ text-shadow: #000 0 0 0.1em;
+}
+h2, caption {
+ text-shadow: #F00 0 0 1em, #F00 0 0 1ex;
+}
+p.footer {
+ border: 1px dashed #600;
+ border-width: 1px 0 0;
+ margin-top: 1.5em;
+}
+
dl.legend dt,
-ul.keys li {
+.keys td {
border-radius: 0;
-moz-border-radius: 0;
border-color: #800;
}
-ul.keys li {
+.keys td {
text-align: left;
}
-ul.keys li b {
+.keys td b {
margin-right: 3px;
font-size: 100%;
background: #800;
font-style: normal;
}
-.ci {background: none; font-style: italic} /* info */
-.pm {background: none} .pm b, dt.pm {color: #DD6} /* motion */
-.po {background: none} .po b, dt.po {color: #6CD} /* window */
-.co {background: none} .co b, dt.co {color: none} /* command */
-.mi, .cp {background: #300} /* ins */
-.mo {background: #600} /* state */
-.mv {background: #600; font-style: italic} .mv b, dt.mv {color: #DD6} /* visual */
-.me {background: #600; font-style: italic} /* mode */
-dl.legend-options dt,
-.no {background: none} .no b {color: #000} /* unassigned */
-#vimperator .mi b, #vimperator dt.mi {color: #6CD} /* tab open */
-
-.co[onclick]:hover,
-.mi[onclick]:hover,
-.mo[onclick]:hover,
-.mv[onclick]:hover,
-.me[onclick]:hover {
+.no, dl.legend-options dt,
+.g1, .g2, .g3, .g4 {background: none}
+#mutt .g4,
+.g6, .g5 {background: #300}
+.g7, .g8, .g9 {background: #600}
+#mutt .g2 b, #mutt dt.g2,
+#mutt .g8 b, #mutt dt.g8,
+dt.g4,
+ .g4 b {color: inherit}
+#vimperator .g6 b, #vimperator dt.g6,
+dt.g3,
+ .g3 b {color: #6CD}
+#mutt .g1 b, #mutt dt.g1,
+#mutt .g6 b, #mutt dt.g6,
+#mutt .g9 b, #mutt dt.g9,
+dt.g2, dt.g8,
+ .g2 b, .g8 b {color: #DD6}
+.no b {color: #000}
+.g1, .g8, .g9 {font-style: italic}
+#mutt .g1, #mutt .g9,
+.no {font-style: normal}
+
+.g1 a:hover, .g1[onclick]:hover,
+.g2 a:hover, .g2[onclick]:hover,
+.g3 a:hover, .g3[onclick]:hover,
+.g4 a:hover, .g4[onclick]:hover,
+.g5 a:hover, .g5[onclick]:hover,
+.g6 a:hover, .g6[onclick]:hover,
+.g7 a:hover, .g7[onclick]:hover,
+.g8 a:hover, .g8[onclick]:hover,
+.g9 a:hover, .g9[onclick]:hover {
background: #800;
color: #FF0;
} /* mode link */
+.l1,
+.X { /* unidentified */
+ background: #000;
+ border-color: #800;
+ border-width: 1px;
+}
+th, td, .Co {
+ background: #000;
+ border-color: #300;
+ border-width: 1px 0 0 1px; /* no precedence */
+}
+.Co {background: #200 } /* private */
+.mapped tbody, .mapped colgroup,
+.dimap tbody, .dimap colgroup,
+tbody, colgroup, th {
+ background: #800;
+ border: 1px solid #800;
+}
+.keys tbody {
+ background: #000;
+ border: 0;
+}
+
+.glyphs small.digraph {
+ background: #600;
+ color: #AAA;
+ opacity: 1;
+}
+.glyphs small.value {
+ background: #600;
+ color: #AAA;
+ opacity: 1;
+}
+
+/* implementation-based alternatives */
+.l1 {background: #000; color: #DD6}
+.l3 {background: #000; color: #CCC}
+.l2 {background: #000; color: #CA8}
+.l5,
+.l4 {background: #000; color: #8BC}
+.ex {background: #333}
+.Xi,
+.u-invalid {background: #200} /* impossible */
+
+/* continents */
+.c-af {background: #100; color: #FFF}
+.c-eu {background: #300; color: #FFF}
+.c-as {background: #500; color: #FFF}
+.c-an {background: #400; color: #8BC}
+.c-oc {background: #100; color: #8BC}
+.c-sa {background: #100; color: #DD6}
+.c-na {background: #300; color: #DD6}
+.l:hover,
+.X:hover {background: #800; color: #FF0}
+
+/* code syntax */
+.sy-comment { color: #888 }
+.sy-constant { color: #C88 }
+.sy-type,
+.sy-identifier { color: #C44 }
+.sy-statement { text-shadow: #F00 0 0 0.5em }
+.sy-special { color: #CA8 }
+.sy-error { font-weight: bold; background-color: #A00; color: #EEE }
+.sy-todo { background-color: #400 }
+
+.glyphs b { color: #C44 }
+
+#browser td > a:not(:hover):not(:active) {
+ color: inherit;
+}
+