X-Git-Url: http://git.shiar.nl/sheet.git/blobdiff_plain/09af0c3d91d99d1bd2e6353926fc4099f2542261..623f13261203dcd5c851d177c1033766eeff69b9:/red.css

diff --git a/red.css b/red.css
index 5606d38..e953f5b 100644
--- a/red.css
+++ b/red.css
@@ -1,3 +1,5 @@
+@import url(base.css);
+
 body {
 	background: #000;
 	color: #CCC;
@@ -7,6 +9,23 @@ 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 {
 	border-radius: 0;
@@ -26,25 +45,95 @@ ul.keys li b {
 	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 */
-
-.ci[onclick]:hover,
-.co[onclick]:hover,
-.mi[onclick]:hover,
-.mo[onclick]:hover,
-.mv[onclick]:hover,
-.me[onclick]:hover {
+.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,
+.no                {font-style: normal}
+
+.ci a:hover, .ci[onclick]:hover,
+.pm a:hover, .pm[onclick]:hover,
+.po a:hover, .po[onclick]:hover,
+.co a:hover, .co[onclick]:hover,
+.cp a:hover, .cp[onclick]:hover,
+.mi a:hover, .mi[onclick]:hover,
+.mo a:hover, .mo[onclick]:hover,
+.mv a:hover, .mv[onclick]:hover,
+.me a:hover, .me[onclick]:hover {
 	background: #800;
 	color: #FF0;
 } /* mode link */
 
+td.di-b,
+td.X { /* unidentified */
+	background: #000;
+	border-color: #800;
+	border-width: 1px;
+}
+th, td, td.Co {
+	background: #000;
+	border-color: #300;
+	border-width: 1px 0 0 1px; /* no precedence */
+}
+td.Co {background: #200 } /* private */
+tbody, colgroup, th {
+	background: #800 !important;
+	border: 1px solid #800;
+}
+
+.glyphs small.digraph {
+	background: #600;
+	color: #AAA;
+	opacity: 1;
+}
+.glyphs small.value {
+	background: #600;
+	color: #AAA;
+	opacity: 1;
+}
+
+/* implementation-based alternatives */
+td.di-b       {background: #000; color: #DD6} /* bmp */
+td.di-d       {background: #000; color: #CCC} /* rfc-1345 digraph */
+td.di-prop    {background: #000; color: #CA8} /* proposed digraph */
+td.di-a       {background: #000; color: #8BC} /* ascii */
+td.di-rare    {background: #333} /* disfavoured */
+td.di-invalid {background: #200} /* impossible */
+
+/* continents */
+td.c-af       {background: #100; color: #FFF}
+td.c-eu       {background: #300; color: #FFF}
+td.c-as       {background: #500; color: #FFF}
+td.c-aa       {background: #400; color: #8BC}
+td.c-oc       {background: #100; color: #8BC}
+td.c-sa       {background: #100; color: #DD6}
+td.c-na       {background: #300; color: #DD6}
+td.di-b:hover,
+td.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 }
+