Style overrides can now be included under .s-dark.
margin-top: 1em;
}
-.units tbody tr:hover:not(.race) {
- background: #EEE;
-}
-.unit-gas {
- color: #040;
-}
-.unit-min, .unit-min a:not(:hover) {
- color: #004;
-}
-.unit-supply {
- color: #080;
-}
-.unit-o {color: #C08} /* organic */
-.unit-u {color: #44C} /* mechanic */
-.unit-p {color: #0A8} /* psionic */
-.unit-composed {
- color: #C88;
-}
-.unit-air {
- color: #08C;
-}
-.unit-x {color: #888}
-.unit-s {color: #890}
-.unit-m {color: #C70}
-.unit-l {color: #D22}
-.unit-h {color: #804}
-.magic-opt:before,
-.magic-opt:after {
- color: #000;
-}
-.hurtrel, .units .hurtrel {
- color: #778;
-}
-tbody .unit-shield {
- color: #64A;
-}
-.unit-pdd {
- color: #A8C;
-}
-.unit-splash {
- color: #4A0;
-}
-.hurt-a {
- color: #036;
-}
-.hurt-g {
- color: #063;
-}
-.unit-massive {
- color: #D88;
-}
-.unit-detect::before {
- color: #0A8;
-}
-.unit-jump {
- color: #8A4;
-}
-body .magic-perma {
- text-decoration-color: #8C0;
- -moz-text-decoration-color: #8C0;
- -webkit-text-decoration-color: #8C0;
-}
-
/* printing hints */
@page {
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) {
}
}
+.units tbody tr:hover:not(.race) {
+ background: #EEE;
+}
+.unit-gas {
+ color: #040;
+}
+.unit-min, .unit-min a:not(:hover) {
+ color: #004;
+}
+.unit-supply {
+ color: #080;
+}
+.unit-o {color: #C08} /* organic */
+.unit-u {color: #44C} /* mechanic */
+.unit-p {color: #0A8} /* psionic */
+.unit-composed {
+ color: #C88;
+}
+.unit-air {
+ color: #08C;
+}
+.unit-x {color: #888}
+.unit-s {color: #890}
+.unit-m {color: #C70}
+.unit-l {color: #D22}
+.unit-h {color: #804}
+.magic-opt:before,
+.magic-opt:after {
+ color: #000;
+}
+.hurtrel, .units .hurtrel {
+ color: #778;
+}
+tbody .unit-shield {
+ color: #64A;
+}
+.unit-pdd {
+ color: #A8C;
+}
+.unit-splash {
+ color: #4A0;
+}
+.hurt-a {
+ color: #036;
+}
+.hurt-g {
+ color: #063;
+}
+.unit-massive {
+ color: #D88;
+}
+.unit-detect::before {
+ color: #0A8;
+}
+.unit-jump {
+ color: #8A4;
+}
+body .magic-perma {
+ text-decoration-color: #8C0;
+ -moz-text-decoration-color: #8C0;
+ -webkit-text-decoration-color: #8C0;
+}
+
+.s-dark {
+ .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;
+ }
+}