examples/base.css

   1 body {
   2   font: 11px 'Open Sans'; }
   3
   4 svg {
   5   padding: 20px; }
   6   svg .first {
   7     fill: #83ad78; }
   8   svg .second {
   9     fill: #3db5be; }
  10   svg .third {
  11     fill: #e88744; }
  12   svg .fourth {
  13     fill: #8d2145; }
  14   svg circle:nth-child(1) {
  15     stroke: none;
  16     fill: #eaeaea; }
  17   svg circle:nth-child(2) {
  18     stroke: none;
  19     fill: #dadada; }
  20   svg circle:nth-child(3) {
  21     stroke: none;
  22     fill: #cacaca; }
  23   svg circle:nth-child(4) {
  24     stroke: none;
  25     fill: #bababa; }
  26   svg circle, svg polygon {
  27     stroke: #fff; }
  28   svg line {
  29     stroke: rgba(255, 255, 255, 0.3); }
  30   svg text.first, svg text.second, svg text.third, svg text.fourth {
  31     font-size: 16px;
  32     font-weight: bold; }
  33   svg text.blip-text {
  34     font-size: 9px;
  35     font-style: italic;
  36     fill: #fff; }
  37   svg text.line-text {
  38     font-weight: bold;
  39     text-transform: uppercase;
  40     fill: #000; }
  41
  42 .radar-ref-table {
  43   width: 1080px;
  44   font-size: 16px;
  45   line-height: 26px;
  46   padding: 20px; }
  47   .radar-ref-table tr:nth-child(odd) {
  48     background: #bababa; }
  49   .radar-ref-table tr:nth-child(even) {
  50     background: #dadada; }
  51   .radar-ref-table td {
  52     padding: 10px 15px; }
  53   .radar-ref-table tr.radar-ref-status-group {
  54     font-size: 20px;
  55     font-weight: bold;
  56     background: #fafafa; }