remember given style option in cookie
[sheet.git] / dark.css
index b33e7da6469aa74c72fce320468c98ce61271aa4..aa3c7d05a2172dc29886c8e554a6603808f5c9bb 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;
@@ -49,7 +52,7 @@ dl.legend-options dt {background: #333}
 
 /* character properties */
 
-.glyphs th, .glyphs td {
+th, td {
        border-color: #333;
        background: #181818;
 }
@@ -70,6 +73,7 @@ dl.legend-options dt {background: #333}
 
 td.X  {background: #000} /* unidentified */
 td.Xr {background: #111} /* reverse */
+td.Co {background: #181111} /* private */
 
 /* implementation-based alternatives */
 td.di-b       {background: #411} /* bmp */
@@ -79,6 +83,15 @@ 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}