X-Git-Url: http://git.shiar.nl/sheet.git/blobdiff_plain/cad8198dbb4421c31673d233f1f05fdb5e1bffbd..85b2e04d887f4d328d8991b4834a52fba3187426:/red.css

diff --git a/red.css b/red.css
index 85938a9..f5763a1 100644
--- a/red.css
+++ b/red.css
@@ -1,3 +1,5 @@
+@import url(light.css?1.10);
+
 body {
 	background: #000;
 	color: #CCC;
@@ -7,16 +9,33 @@ a:visited { color:#CCCCC0; }
 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;
@@ -27,40 +46,95 @@ ul.keys li b {
 }
 
 .no, dl.legend-options dt,
-.ci, .pm, .po, .co {background: none}
-#mutt .co,
-.mi, .cp           {background: #300}
-.mo, .mv, .me      {background: #600}
-#mutt .pm b, #mutt dt.pm,
-#mutt .mv b, #mutt dt.mv,
-dt.co,
-  .co b            {color: inherit}
-#vimperator .mi b, #vimperator dt.mi,
-dt.po,
-  .po b            {color: #6CD}
-#mutt .ci b, #mutt dt.ci,
-#mutt .mi b, #mutt dt.mi,
-#mutt .me b, #mutt dt.me,
-dt.pm, dt.mv,
-  .pm b, .mv b     {color: #DD6}
-.no b              {color: #000} /* unassigned */
-.ci, .mv, .me      {font-style: italic}
-#mutt .ci, #mutt .me,
+.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}
 
-.ci[onclick]:hover,
-.pm[onclick]:hover,
-.po[onclick]:hover,
-.co[onclick]:hover,
-.cp[onclick]:hover,
-.mi[onclick]:hover,
-.mo[onclick]:hover,
-.mv[onclick]:hover,
-.me[onclick]:hover {
+.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 }
@@ -71,3 +145,9 @@ dt.pm, dt.mv,
 .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;
+}
+