/* general */
-body {
+body, .s-dark .s-light {
background: #FFF;
color: #000;
font-size: 90%;
/* hover effects */
.X:hover {cursor: help}
+body { // precedence in dark
.X:hover > span {background: #FFF} /* whitespace marker */
.Greek:hover, .Armenian:hover {background: #FA8}
.Cyrillic:hover {background: #FB7}
.l3:hover {background: #FF8}
.l4:hover {background: #CF8}
.l5:hover {background: #8F8}
+}
.u-l4:hover {outline: 1px solid #080}
.u-l5:hover {outline: 1px solid #8F0}
.u-l2:hover {outline: 1px solid #800}
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 {