-@import url(base.css);
-@import url(terse.css) all and (max-width: 80em);
+@import url(light.css?1.11);
body {
background: #000;
}
dl.legend dt,
-ul.keys li {
+.keys td {
border-color: #888;
}
dl.legend-options dt {background: #333}
-/* code syntax */
+/* syntax highlighting */
+
.sy-comment { color: #888 }
.sy-constant { color: #8AC }
.sy-type,
.sy-error { font-weight: bold; background-color: #800; color: #EEE }
.sy-todo { background-color: #880 }
+.glyphs b { color: #C44 }
+
/* character properties */
th, td {
.X {background: #000} /* unidentified */
.Xr {background: #111} /* reverse */
-.Co {background: #322} /* private */
+.Co, .Xi.Co {background: #322} /* private */
/* implementation-based alternatives */
.l1 {background: #411} /* bmp */
/* general colorization */
.c-sa,
-.ci,
-.g0 {background: #044}
+.g1 {background: #044}
.c-na,
-.pm,
-.g1 {background: #040}
-.po,
-.g2 {background: #340}
+.g2 {background: #040}
+.g3 {background: #340}
.c-af,
-.co,
-.g3 {background: #440}
+.g4 {background: #440}
.c-eu,
-.cp,
-.g4 {background: #530}
-.mi,
-.g5 {background: #520}
+.g5 {background: #530}
+.g6 {background: #520}
.c-as,
-.mo,
-.g6 {background: #500}
-.c-aa,
-.mv,
-.g7 {background: #503}
+.g7 {background: #500}
+.c-an,
+.g8 {background: #503}
.c-oc,
-.me,
-.g8 {background: #205}
+.g9 {background: #205}
.no {background: #222}
.X:hover,
.l:hover a, .l:hover a:visited,
-.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,
+.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,
-.g1 a:hover, .g1[onclick]:hover,
-.g0 a:hover, .g0[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}
+/* images */
+
+figcaption {
+ color: #FFF;
+ background: rgba(0, 0, 0, .5);
+}
+.gallery figure:hover ~ ul figcaption {
+ /* mark all children */
+ color: #000;
+ background: rgba(255, 255, 255, .5);
+}
+
+/* starcraft */
+
+.units tbody tr:hover:not(.race) {
+ background: #222;
+}
+.unit-gas {
+ color: #AC9;
+}
+.unit-min, .unit-min a:not(:hover) {
+ color: #ABC;
+}
+.unit-supply {
+ color: #8C6;
+}
+.unit-o {color: #C5A} /* organic */
+.unit-u {color: #66B} /* mechanic */
+.unit-p {color: #0A8} /* psionic */
+.unit-composed {
+ color: #A44;
+}
+.unit-air {
+ color: #4AC;
+}
+.unit-x {color: #666}
+.unit-s {color: #AC6}
+.unit-m {color: #C70}
+.unit-l {color: #C44}
+.unit-h {color: #C06}
+.magic-opt:before,
+.magic-opt:after {
+ color: #CCC;
+}
+.hurtrel, .units .hurtrel {
+ color: #887;
+}
+tbody .unit-shield {
+ color: #88A;
+}
+.unit-pdd {
+ color: #A8C;
+}
+.unit-splash {
+ color: #4A0;
+}
+.hurt-a {
+ color: #8AC;
+}
+.hurt-g {
+ color: #8CA;
+}
+.unit-massive {
+ color: #844;
+}
+.unit-detect::before {
+ color: #0A8;
+}
+.unit-jump {
+ color: #780;
+}
+body .magic-perma {
+ text-decoration-color: #460;
+ -moz-text-decoration-color: #460;
+ -webkit-text-decoration-color: #460;
+}
+
+/* keyboard */
+
+@media (max-width: 79em) {
+ .keys td b,
+ .keys .meta td b,
+ .keys .ctrl td b,
+ .keys .lead td b {
+ color: #000;
+ }
+}