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