padding: 0 0.2em;
background: transparent;
text-align: left;
- vertical-align: top;
}
tr.alt td {
font-size: 70%;
.units tr th:first-child {
padding-left: 0;
}
-.units tbody tr:hover:not(.race) {
- background: #EEE;
-}
table h2 {
padding: 1ex 0;
.units td.unit + td.unit {
padding-left: 0;
}
-.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;
font-size: 70%;
}
-.unit-air {
- color: #08C;
-}
-.unit-x {color: #888}
-.unit-s {color: #890}
-.unit-m {color: #C70}
-.unit-l {color: #D22}
-.unit-h {color: #804}
td .unit-jump,
.hurt .unit-splash {
position: absolute;
float: right;
width: 0;
}
-.hurtrel, .units .hurtrel {
- color: #778;
-}
td.hurtrel {
padding-left: 1em;
}
td.hurtrel {
font-size: 70%;
}
-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 {
content: '!';
- color: #0A8;
font-size: 70%;
vertical-align: super;
}
.unit-jump {
margin-left: -.2em;
- color: #8A4;
}
.unit-magic {
padding-left: 0.5em;
}
-.magic-opt::before {
- color: #000;
+.magic-opt:before {
content: '(';
position: absolute;
margin-left: -0.33em;
}
-.magic-opt::after {
- color: #000;
+.magic-opt:after {
content: ')';
}
.magic-perma {
- text-decoration: underline;
- text-decoration-color: #8C0;
- -moz-text-decoration-color: #8C0;
- -webkit-text-decoration-color: #8C0;
+ font-variant: small-caps;
}
.units .val {
}
@media (max-width: 52em) {
+ .units thead th:first-child,
+ .units tbody .cat {
+ position: absolute;
+ visibility: hidden;
+ }
+}
+@media (max-width: 48em) {
.units {
width: auto;
}
- .units th {
+ .units th, .units td {
+ vertical-align: top;
}
.units td {
height: 2em;
}
- .units tbody .cat {
- position: absolute;
- visibility: hidden;
- }
.units td:nth-child(2) {
- max-width: 6.5em;
white-space: normal;
- overflow: hidden;
+ padding: 0;
}
- .units thead th:first-child,
+ .units tr.sub td:nth-child(2),
.units .cat,
.units .unit-speed,
.units .hurtrel,