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: 10px;
  22     color: #488dd2;
  23     font-size: 18px;
  24 }
  25 h3 {
  26         color: #488dd2;
  27         font-size: 14px;
  28         font-style: italic;
  29 }
  30
  31 /* Index page components */
  32
  33 #directory_container {
  34         float: left;
  35         width: 300px;
  36         height: 450px;
  37         border: 1px #c6dcf1 solid;
  38 }
  39 #directory {
  40 }
  41 .traditionname {
  42         text-decoration: underline;
  43 }
  44 .selected {
  45         font-style: italic;
  46 }
  47 .mainnav {
  48         position: absolute;
  49         top: 10px;
  50         right: 80px;
  51         font-size: 14px;
  52         font-weight: 100;
  53         color: #488dd2;
  54 }
  55 .mainnav a {
  56         color: #488dd2;
  57 }
  58 #variant_graph {
  59         clear: both;
  60         /* width: 900px; */
  61         height: 400px;
  62         overflow: auto;
  63         text-align: center;
  64 }
  65 #variant_graph img {
  66         margin-top: expression(( 400 - this.height ) / 2);
  67 }
  68 #stemma_graph {
  69     float: left;
  70     width: 500px;
  71     height: 450px;
  72     text-align: center;
  73     margin-left: 50px;
  74 }
  75 #stemma_graph img {
  76         margin-top: expression(( 450 - this.height ) / 2);
  77 }
  78 /* Additional components for the stexaminer */
  79 #variants_table {
  80     float: left;
  81     width: 450px;
  82     height: 550px;
  83     border-right: 1px #c6dcf1 solid;
  84     margin-left: 20px;
  85     overflow: auto;
  86 }
  87 #statistics {
  88     font-style: italic;
  89     margin-bottom: 25px;
  90     position: relative;
  91     top: -15px;
  92 }
  93 .genealogical {
  94     background: #88ffaa;
  95 }
  96 .coincidental {
  97     background: #fff;
  98 }
  99 .conflict {
 100     background: #ff6666;
 101 }
 102 .active_variant_row {
 103     background: #c6dcf1;
 104     font-style: italic;
 105 }
 106 .active_variant_cell {
 107     background: #e8f1fe;
 108 }
 109 .cellb0 {
 110     border-right: 20px solid #ffeeaa;
 111 }
 112 .cellb1 {
 113     border-right: 20px solid #afc6e9;
 114 }
 115 .cellb2 {
 116     border-right: 20px solid #d5fff6;
 117 }
 118 .cellb3 {
 119     border-right: 20px solid #ffccaa;
 120 }
 121 .cellb4 {
 122     border-right: 20px solid #ffaaaa;
 123 }
 124 .cellb5 {
 125     border-right: 20px solid #e5ff80;
 126 }
 127 .cellb6 {
 128     border-right: 20px solid #e5d5ff;
 129 }
 130 .cellb7 {
 131     border-right: 20px solid #ffd5e5;
 132 }
 133 </style>