border-color: #555;
background: #222;
}
-.mapped tbody, .mapped colgroup,
-.dimap tbody, .dimap colgroup {
- border-color: #665;
+.mapped, .dimap {
+ tbody, colgroup {
+ border-color: #665;
+ }
}
-.glyphs small.digraph {
- background: #444;
- color: #AAA;
- opacity: 0.5;
-}
-.glyphs small.value {
- background: #633;
- color: #AAA;
- opacity: 0.4;
+.glyphs {
+ small.digraph {
+ background: #444;
+ color: #AAA;
+ opacity: 0.5;
+ }
+ small.value {
+ background: #633;
+ color: #AAA;
+ opacity: 0.4;
+ }
}
.X {background: #000} /* unidentified */
.u-invalid {background: #333} /* impossible */
/* foreground representation */
-#digraphs .u-l4 {color: #4A4} /* partial */
-#digraphs .u-l5 {color: #6C4} /* experimental */
-#digraphs .u-l2 {color: #A44; color: rgba(191, 127, 127, .8)} /* unofficial */
-#digraphs .u-l1 {color: #D00; color: rgba(255, 63, 63, .8)} /* missing */
+#digraphs {
+ .u-l4 {color: #4A4} /* partial */
+ .u-l5 {color: #6C4} /* experimental */
+ .u-l2 {color: #A44; color: rgba(191, 127, 127, .8)} /* unofficial */
+ .u-l1 {color: #D00; color: rgba(255, 63, 63, .8)} /* missing */
+}
.p4::after {color: #F44}
.p3::after {color: #E66}
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;
+ .keys {
+ &, .meta, .ctrl, .lead {
+ td b {
+ color: #000;
+ }
+ }
}
}