stemmaweb/root/css/style.css

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