get rid of undefined-value comparison warning
[scpubgit/stemmatology.git] / stemmaweb / root / css / style.css
CommitLineData
edc39fc3 1<style type="text/css" media="screen">
cf9626aa 2
3/* General site-wide layout */
edc39fc3 4body {
5 margin: 0;
6 padding: 20px;
7 font: 1em Arial, Helvetica, sans-serif;
8 font-size: 85%;
9 color: #666;
10}
cf9626aa 11h1 {
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}
20h2 {
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}
56455620 32.traditionname {
33 text-decoration: underline;
34}
35.selected {
36 font-style: italic;
37}
0dd07adc 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}
cf9626aa 49#variant_graph {
50 clear: both;
0dd07adc 51 /* width: 900px; */
cf9626aa 52 height: 400px;
a88e75b1 53 border: 1px #c6dcf1 solid;
54 overflow: auto;
56455620 55 text-align: center;
56}
57#variant_graph img {
58 margin-top: expression(( 400 - this.height ) / 2);
cf9626aa 59}
60#stemma_graph {
edc39fc3 61 float: left;
5b89f7ce 62 width: 500px;
63 height: 450px;
cf9626aa 64 border: 1px #c6dcf1 solid;
56455620 65 text-align: center;
0dd07adc 66 margin-left: 50px;
56455620 67}
68#stemma_graph img {
69 margin-top: expression(( 450 - this.height ) / 2);
edc39fc3 70}
cf9626aa 71/* Additional components for the stexaminer */
edc39fc3 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;
edc39fc3 79}
732152b1 80#statistics {
81 font-style: italic;
d5c17cec 82 margin-bottom: 25px;
83 position: relative;
84 top: -15px;
732152b1 85}
edc39fc3 86.genealogical {
0a8f09a9 87 background: #88ffaa;
edc39fc3 88}
89.coincidental {
90 background: #fff;
91}
732152b1 92.conflict {
d5c17cec 93 background: #ff6666;
732152b1 94}
edc39fc3 95.active_variant_row {
cf9626aa 96 background: #c6dcf1;
5b89f7ce 97 font-style: italic;
edc39fc3 98}
81422c40 99.active_variant_cell {
cf9626aa 100 background: #e8f1fe;
81422c40 101}
d5c17cec 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>