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-o {color: #C08} /* organic */
-.unit-u {color: #44C} /* mechanic */
-.unit-p {color: #0A8} /* psionic */
.unit-composed {
- color: #C88;
font-size: 70%;
}
-.unit.unit-s {color: #770}
-.unit.unit-m {color: #C70}
-.unit.unit-l {color: #D22}
-.unit.unit-h {color: #804}
-.hurt.unit-s::before {
- content: '~';
- color: #773;
-}
-.hurt.unit-l::before {
- content: '*';
- color: #C66;
-}
-td .unit-massive,
td .unit-jump,
.hurt .unit-splash {
position: absolute;
}
-.hurtrel, .units .hurtrel {
- padding-left: 1em;
- font-size: 70%;
- color: #778;
+td .unit-massive {
+ float: right;
+ width: 0;
}
-.unit-splash {
- color: #4A0;
+td.hurtrel {
+ padding-left: 1em;
}
-.unit-massive {
- color: #D88;
+td.unit-shield,
+td.hurtrel {
+ font-size: 70%;
}
.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 {
+ content: '(';
+ position: absolute;
+ margin-left: -0.33em;
+}
+.magic-opt:after {
+ content: ')';
+}
.magic-perma {
text-decoration: underline;
}
margin-right: 2em;
}
+@media (max-width: 52em) {
+ .units {
+ width: auto;
+ }
+ .units th {
+ }
+ .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;
+ }
+
+ .units thead th:first-child,
+ .units .cat,
+ .units .unit-speed,
+ .units .hurtrel,
+ .units .unit-pop, .units .unit-type,
+ .units .unit-shield,
+ .units .unit-gas {
+ padding: 0;
+ position: absolute;
+ margin-top: 3.2ex;
+ margin-top: 1rem;
+ min-width: 4em;
+ text-align: right;
+ margin-left: -4.3em;
+ font-size: 70%;
+ }
+ .units th.unit-attr {
+ position: absolute;
+ }
+ .units .unit-type {
+ text-align: left;
+ margin-left: 0;
+ }
+ .units .unit-speed {
+ margin-left: -6em;
+ }
+ .units .alt thead th:first-child,
+ .units .alt .cat,
+ .units .alt .unit-speed,
+ .units .alt .hurtrel,
+ .units .alt .unit-pop, .units .alt .unit-type,
+ .units .alt .unit-shield,
+ .units .alt .gas {
+ margin-top: 2ex;
+ }
+ .units .cat {
+ margin-top: -2ex;
+ margin-left: 0;
+ text-align: left;
+ }
+
+ .units thead th:first-child {
+ margin-left: 0.5em;
+ }
+ .units thead th:first-child,
+ .units th.unit-speed,
+ .units th.hurtrel,
+ .units th.unit-shield,
+ .units th.gas {
+ margin-top: 2.2ex;
+ }
+}
+