prepare html for stylesheet includes to allow scalar override

[sheet.git] / dark.css

diff --git a/dark.css b/dark.css
index e230e1a863e2e69bcb177121521c56cde2329937..2f2729ebc25b910950e85940cf8857fe86a9c5dd 100644 (file)
--- a/dark.css
+++ b/dark.css
@@ -1,3 +1,6 @@
+@import url(base.css);
+@import url(terse.css) all and (max-width: 80em);
+
 body {
        background: #000;
        color: #CCC;
@@ -27,12 +30,68 @@ dl.legend-options dt {background: #333}
 .me {background: #205} /* mode */
 .no {background: #222} /* unassigned */
 
-.ci[onclick]:hover,
-.co[onclick]:hover,
-.mi[onclick]:hover,
-.mo[onclick]:hover,
-.mv[onclick]:hover,
-.me[onclick]:hover {
+.pm a:hover, .pm[onclick]:hover,
+.po a:hover, .po[onclick]:hover,
+.ci a:hover, .ci[onclick]:hover,
+.co a:hover, .co[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 {
        color: #000; /* on default (light) background hover */
 } /* mode link */
 
+/* code syntax */
+.sy-comment    { color: #888 }
+.sy-constant   { color: #8AC }
+.sy-type,
+.sy-identifier { color: #C9B }
+.sy-special    { color: #A9C }
+.sy-error      { font-weight: bold; background-color: #800; color: #EEE }
+.sy-todo       { background-color: #880 }
+
+/* character properties */
+
+th, td {
+       border-color: #333;
+       background: #181818;
+}
+.glyphs.dimap tbody, .glyphs.dimap colgroup {
+       border-color: #555;
+}
+
+.glyphs small.digraph {
+       background: #444;
+       color: #AAA;
+       opacity: 0.5;
+}
+.glyphs small.value {
+       background: #633;
+       color: #AAA;
+       opacity: 0.4;
+}
+
+td.X  {background: #000} /* unidentified */
+td.Xr {background: #111} /* reverse */
+td.Co {background: #181111} /* private */
+
+/* implementation-based alternatives */
+td.di-b       {background: #411} /* bmp */
+td.di-d       {background: #330} /* rfc-1345 digraph */
+td.di-prop    {background: #3B2200} /* proposed digraph */
+td.di-a       {background: #131} /* ascii */
+td.di-rare    {background: #181818} /* disfavoured */
+td.di-invalid {background: #222} /* impossible */
+
+/* continents */
+td.c-af       {background: #1C1C00}
+td.c-eu       {background: #221400}
+td.c-as       {background: #200}
+td.c-oc       {background: #102}
+td.c-aa       {background: #012}
+td.c-sa       {background: #001A1A}
+td.c-na       {background: #001800}
+
+.glyphs tbody td:hover {color: #000}
+.glyphs tbody td:hover small {color: #FFF}
+