sc.css

   1 .units {
   2         border-collapse: separate;
   3         border-spacing: 0;
   4         margin: 0 auto;
   5         white-space: nowrap;
   6 }
   7 .units th, .units td {
   8         border: 0;
   9         padding: 0 0.2em;
  10         background: transparent;
  11         text-align: left;
  12 }
  13 tr.alt td {
  14         font-size: 70%;
  15         padding-left: 0.5em;
  16 }
  17 .units tr th:first-child {
  18         padding-left: 0;
  19 }
  20 .units tbody tr:hover:not(.race) {
  21         background: #EEE;
  22 }
  23
  24 table h2 {
  25         padding: 1ex 0;
  26         margin: 0;
  27         text-align: center;
  28 }
  29 .units thead th, .units tfoot th {
  30         font-size: 70%;
  31         font-weight: normal;
  32 }
  33
  34 .unit-o {color: #C08} /* organic */
  35 .unit-u {color: #44C} /* mechanic */
  36 .unit-composed {
  37         color: #C88;
  38         font-size: 70%;
  39 }
  40 .unit.unit-s {color: #770}
  41 .unit.unit-m {color: #C70}
  42 .unit.unit-l {color: #D22}
  43 .hurt.unit-s::before {
  44         content: '~';
  45         color: #773;
  46 }
  47 .hurt.unit-l::before {
  48         content: '*';
  49         color: #C66;
  50 }
  51 .hurt .unit-splash {
  52         position: absolute;
  53 }
  54 .hurtrel, .units .hurtrel {
  55         padding-left: 1em;
  56         font-size: 70%;
  57         color: #778;
  58 }
  59 .unit-splash {
  60         color: #4A0;
  61 }
  62 .unit-detect::before {
  63         content: '!';
  64         color: #0A8;
  65         font-size: 70%;
  66         vertical-align: super;
  67 }
  68 .unit-magic {
  69         padding-left: 0.5em;
  70 }
  71 .magic-perma {
  72         text-decoration: underline;
  73 }
  74
  75 .units .val {
  76         white-space: nowrap;
  77         text-align: right;
  78 }
  79
  80 .legend dt {
  81         float: none;
  82         text-align: left;
  83         margin-top: 1ex;
  84         font-weight: bold;
  85 }
  86 .legend dd:before {
  87         content: '• ';
  88 }
  89 .legend dd {
  90         text-indent: -1em;
  91         margin-left: 1em;
  92 }
  93
  94 .legend {
  95         display: table-cell;
  96         min-width: 20em;
  97         text-align: left;
  98 }
  99 .units {
 100         float: left;
 101         padding-bottom: 1em;
 102         margin-right: 2em;
 103 }
 104