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 .units td.unit {
  35         padding-right: 0;
  36 }
  37 .units td.unit + td.unit {
  38         padding-left: 0;
  39 }
  40 .unit-o {color: #C08} /* organic */
  41 .unit-u {color: #44C} /* mechanic */
  42 .unit-p {color: #0A8} /* psionic */
  43 .unit-composed {
  44         color: #C88;
  45         font-size: 70%;
  46 }
  47 .unit-s {color: #770}
  48 .unit-m {color: #C70}
  49 .unit-l {color: #D22}
  50 .unit-h {color: #804}
  51 td .unit-massive,
  52 td .unit-jump,
  53 .hurt .unit-splash {
  54         position: absolute;
  55 }
  56 .hurtrel, .units .hurtrel {
  57         padding-left: 1em;
  58         font-size: 70%;
  59         color: #778;
  60 }
  61 .unit-splash {
  62         color: #4A0;
  63 }
  64 .unit-massive {
  65         color: #D88;
  66 }
  67 .unit-detect::before {
  68         content: '!';
  69         color: #0A8;
  70         font-size: 70%;
  71         vertical-align: super;
  72 }
  73 .unit-jump {
  74         margin-left: -.2em;
  75         color: #8A4;
  76 }
  77 .unit-magic {
  78         padding-left: 0.5em;
  79 }
  80 .magic-perma {
  81         text-decoration: underline;
  82 }
  83
  84 .units .val {
  85         white-space: nowrap;
  86         text-align: right;
  87 }
  88
  89 .legend dt {
  90         float: none;
  91         text-align: left;
  92         margin-top: 1ex;
  93         font-weight: bold;
  94 }
  95 .legend dd:before {
  96         content: '• ';
  97 }
  98 .legend dd {
  99         text-indent: -1em;
 100         margin-left: 1em;
 101 }
 102
 103 .legend {
 104         display: table-cell;
 105         min-width: 20em;
 106         text-align: left;
 107 }
 108 .units {
 109         float: left;
 110         padding-bottom: 1em;
 111         margin-right: 2em;
 112 }
 113