termcol: introduction text with link to toggle extended mode

[sheet.git] / dark.css

diff --git a/dark.css b/dark.css
index 3691fbd1fc7d522eced0a0518e75905606b301a6..69a8f10f66825bc93a34ab3c8f429c40ca00fe79 100644 (file)
--- a/dark.css
+++ b/dark.css
@@ -1,5 +1,5 @@
 @import url(base.css);
-@import url(terse.css) all and (max-width: 80em);
+@import url(terse.css) all and (max-width: 79em);
 
 body {
        background: #000;
@@ -8,13 +8,14 @@ body {
 a, a:visited {
        color: #BBB;
 }
+.l:hover a:active, .l:hover a:hover, /* prevent override */
 a:active, a:hover {
        color: #44E;
        text-decoration: none;
 }
 
 dl.legend dt,
-ul.keys li {
+.keys td {
        border-color: #888;
 }
 dl.legend-options dt {background: #333}
@@ -52,47 +53,56 @@ th, td {
 
 .X  {background: #000} /* unidentified */
 .Xr {background: #111} /* reverse */
-.Co {background: #322} /* private */
+.Co, .Xi.Co {background: #322} /* private */
 
 /* implementation-based alternatives */
-.l0 {background: #411} /* bmp */
+.l1 {background: #411} /* bmp */
 .l2 {background: #321} /* proposed digraph */
-.l4 {background: #330} /* rfc-1345 digraph */
-.l5 {background: #030} /* ascii */
-.l6 {background: #00331D} /* ascii */
-.ex {background: #222} /* disfavoured */
+.l3 {background: #330} /* rfc-1345 digraph */
+.l4 {background: #030} /* ascii */
+.l5 {background: #00331D} /* ascii */
+.l0 {background: #222}
+.ex {     color: #777} /* disfavoured */
 .u-invalid {background: #333} /* impossible */
 
+.p4::after {color: #F44}
+.p3::after {color: #E66}
+.p2::after {color: #C88}
+.p1::after,
+.p0::after {color: #CCC}
+
 /* general colorization */
 
-.c-na,
-.pm {background: #040} /* motion */
-.po {background: #340} /* window */
 .c-sa,
-.ci {background: #044} /* info */
+.g1 {background: #044}
+.c-na,
+.g2 {background: #040}
+.g3 {background: #340}
 .c-af,
-.co {background: #440} /* command */
+.g4 {background: #440}
 .c-eu,
-.cp {background: #530} /* command */
-.mi {background: #520} /* ins */
+.g5 {background: #530}
+.g6 {background: #520}
 .c-as,
-.mo {background: #500} /* state */
-.c-aa,
-.mv {background: #503} /* visual */
+.g7 {background: #500}
+.c-an,
+.g8 {background: #503}
 .c-oc,
-.me {background: #205} /* mode */
-.no {background: #222} /* unassigned */
+.g9 {background: #205}
+.no {background: #222}
 
 .X: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 {
+.l:hover a, .l:hover a:visited,
+.g9 a:hover, .g9[onclick]:hover,
+.g8 a:hover, .g8[onclick]:hover,
+.g7 a:hover, .g7[onclick]:hover,
+.g6 a:hover, .g6[onclick]:hover,
+.g5 a:hover, .g5[onclick]:hover,
+.g4 a:hover, .g4[onclick]:hover,
+.g3 a:hover, .g3[onclick]:hover,
+.g2 a:hover, .g2[onclick]:hover {
        color: #000; /* on default (light) background hover */
 }
+.legend .ex:hover {background: #666}
 .X:hover small {color: #FFF}