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