-<style type="text/css">
- .units {
- border-collapse: separate;
- border-spacing: 0;
- margin: 0 auto;
- white-space: nowrap;
- }
- .units th, .units td {
- border: 0;
- padding: 0 0.2em;
- background: transparent;
- text-align: left;
- }
- tr.alt td {
- font-size: 70%;
- border-top-style: dashed;
- }
- .units tr th:first-child {
- padding-left: 0;
- }
- .units tr:hover:not(.race) {
- background: #EEE;
- }
-
- table h2 {
- padding: 1ex 0;
- margin: 0;
- text-align: center;
- }
- .units thead th, .units tfoot th {
- font-size: 70%;
- font-weight: normal;
- }
-
- .unit-o {color: #C08} /* organic */
- .unit-u {color: #44C} /* mechanic */
- img.unit-o, img.unit-u {
- margin-left: 0.2em;
- vertical-align: middle;
- }
- .unit-composed {
- color: #C88;
- font-size: 70%;
- }
- .unit {
- text-align: center;
- white-space: nowrap;
- }
- .unit.unit-s {color: #770}
- .unit.unit-m {color: #C70}
- .unit.unit-l {color: #D22}
- .hurt.unit-s::before {
- content: '~';
- color: #773;
- }
- .hurt.unit-l::before {
- content: '*';
- color: #C66;
- }
- .hurt .unit-splash {
- position: absolute;
- }
- .hurtrel, .units .hurtrel {
- padding-left: 1em;
- font-size: 70%;
- color: #778;
- }
- .unit-splash {
- color: #4A0;
- }
- .unit-detect::before {
- content: '!';
- color: #0A8;
- font-size: 70%;
- vertical-align: super;
- }
- .unit-magic {
- padding-left: 0.5em;
- }
-
- .units .val {
- text-align: right;
- }
-
- .legend dt {
- float: none;
- text-align: left;
- margin-top: 1ex;
- font-weight: bold;
- }
- .legend dd:before {
- content: '• ';
- }
- .legend dd {
- text-indent: -1em;
- margin-left: 1em;
- break-before: avoid;
- -webkit-column-break-before: avoid;
- }
-
- .units, .legend {
- display: table-cell;
- }
- .legend {
- min-width: 20em;
- text-align: left;
- }
- .units {
- float: left;
- padding-bottom: 1em;
- margin-right: 2em;
- }
- .footer {
- clear: left;
- }
-</style>
-