TreeOfTexts/root/src/style.tt2

   1 <style type="text/css" media="screen">
   2 body {
   3     margin: 0;
   4     padding: 20px;
   5     font: 1em Arial, Helvetica, sans-serif;
   6     font-size: 85%;
   7     color: #666;
   8 }
   9 #svg_graph {
  10     float: left;
  11     width: 500px;
  12     height: 450px;
  13     border-right: 1px #c6dcf1 solid;
  14 }
  15 #variants_table {
  16     float: left;
  17     width: 450px;
  18     height: 550px;
  19     border-right: 1px #c6dcf1 solid;
  20     margin-left: 20px;
  21     overflow: auto;
  22 }
  23 #statistics {
  24     font-style: italic;
  25     margin-bottom: 25px;
  26     position: relative;
  27     top: -15px;
  28 }
  29 h1 {
  30     border-bottom: 1px solid #488dd2;
  31     color: #488dd2;
  32     font-size: 24px;
  33     font-weight: 100;
  34     margin: 0 0 17px;
  35     padding: 0;
  36     width: 280px;
  37 }
  38 h2 {
  39     margin-top: 0px;
  40 }
  41 .genealogical {
  42     background: #88ffaa;
  43 }
  44 .coincidental {
  45     background: #fff;
  46 }
  47 .conflict {
  48     background: #ff6666;
  49 }
  50 .active_variant_row {
  51     #background: #c6dcf1;
  52     font-style: italic;
  53 }
  54 .active_variant_cell {
  55     #background: #e8f1fe;
  56 }
  57 .cellb0 {
  58     border-right: 20px solid #ffeeaa;
  59 }
  60 .cellb1 {
  61     border-right: 20px solid #afc6e9;
  62 }
  63 .cellb2 {
  64     border-right: 20px solid #d5fff6;
  65 }
  66 .cellb3 {
  67     border-right: 20px solid #ffccaa;
  68 }
  69 .cellb4 {
  70     border-right: 20px solid #ffaaaa;
  71 }
  72 .cellb5 {
  73     border-right: 20px solid #e5ff80;
  74 }
  75 .cellb6 {
  76     border-right: 20px solid #e5d5ff;
  77 }
  78 .cellb7 {
  79     border-right: 20px solid #ffd5e5;
  80 }
  81 </style>