2 @import url(terse.css) all and (max-width: 79em);
11 .l:hover a:active, .l:hover a:hover, /* prevent override */
14 text-decoration: none;
21 dl.legend-options dt {background: #333}
23 /* syntax highlighting */
25 .sy-comment { color: #888 }
26 .sy-constant { color: #8AC }
28 .sy-identifier { color: #C9B }
29 .sy-special { color: #A9C }
30 .sy-error { font-weight: bold; background-color: #800; color: #EEE }
31 .sy-todo { background-color: #880 }
33 .glyphs b { color: #C44 }
35 /* character properties */
41 .mapped tbody, .mapped colgroup,
42 .dimap tbody, .dimap colgroup {
46 .glyphs small.digraph {
57 .X {background: #000} /* unidentified */
58 .Xr {background: #111} /* reverse */
59 .Co, .Xi.Co {background: #322} /* private */
61 /* implementation-based alternatives */
62 .l1 {background: #411} /* bmp */
63 .l2 {background: #321} /* proposed digraph */
64 .l3 {background: #330} /* rfc-1345 digraph */
65 .l4 {background: #030} /* ascii */
66 .l5 {background: #00331D} /* ascii */
67 .l0 {background: #222}
68 .ex { color: #777} /* disfavoured */
69 .u-invalid {background: #333} /* impossible */
71 .p4::after {color: #F44}
72 .p3::after {color: #E66}
73 .p2::after {color: #C88}
75 .p0::after {color: #CCC}
77 /* general colorization */
80 .g1 {background: #044}
82 .g2 {background: #040}
83 .g3 {background: #340}
85 .g4 {background: #440}
87 .g5 {background: #530}
88 .g6 {background: #520}
90 .g7 {background: #500}
92 .g8 {background: #503}
94 .g9 {background: #205}
95 .no {background: #222}
98 .l:hover a, .l:hover a:visited,
99 .g9 a:hover, .g9[onclick]:hover,
100 .g8 a:hover, .g8[onclick]:hover,
101 .g7 a:hover, .g7[onclick]:hover,
102 .g6 a:hover, .g6[onclick]:hover,
103 .g5 a:hover, .g5[onclick]:hover,
104 .g4 a:hover, .g4[onclick]:hover,
105 .g3 a:hover, .g3[onclick]:hover,
106 .g2 a:hover, .g2[onclick]:hover {
107 color: #000; /* on default (light) background hover */
109 .legend .ex:hover {background: #666}
110 .X:hover small {color: #FFF}