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         overflow: auto;
  38 }
  39 #stemma_graph {
  40     float: left;
  41     width: 500px;
  42     height: 450px;
  43     border: 1px #c6dcf1 solid;
  44 }
  45 /* Additional components for the stexaminer */
  46 #variants_table {
  47     float: left;
  48     width: 450px;
  49     height: 550px;
  50     border-right: 1px #c6dcf1 solid;
  51     margin-left: 20px;
  52     overflow: auto;
  53 }
  54 #statistics {
  55     font-style: italic;
  56     margin-bottom: 25px;
  57     position: relative;
  58     top: -15px;
  59 }
  60 .genealogical {
  61     background: #88ffaa;
  62 }
  63 .coincidental {
  64     background: #fff;
  65 }
  66 .conflict {
  67     background: #ff6666;
  68 }
  69 .active_variant_row {
  70     background: #c6dcf1;
  71     font-style: italic;
  72 }
  73 .active_variant_cell {
  74     background: #e8f1fe;
  75 }
  76 .cellb0 {
  77     border-right: 20px solid #ffeeaa;
  78 }
  79 .cellb1 {
  80     border-right: 20px solid #afc6e9;
  81 }
  82 .cellb2 {
  83     border-right: 20px solid #d5fff6;
  84 }
  85 .cellb3 {
  86     border-right: 20px solid #ffccaa;
  87 }
  88 .cellb4 {
  89     border-right: 20px solid #ffaaaa;
  90 }
  91 .cellb5 {
  92     border-right: 20px solid #e5ff80;
  93 }
  94 .cellb6 {
  95     border-right: 20px solid #e5d5ff;
  96 }
  97 .cellb7 {
  98     border-right: 20px solid #ffd5e5;
  99 }
 100 </style>