Commit | Line | Data |
---|---|---|
edc39fc3 | 1 | <style type="text/css" media="screen"> |
cf9626aa | 2 | |
3 | /* General site-wide layout */ | |
edc39fc3 | 4 | body { |
5 | margin: 0; | |
6 | padding: 20px; | |
7 | font: 1em Arial, Helvetica, sans-serif; | |
8 | font-size: 85%; | |
9 | color: #666; | |
10 | } | |
cf9626aa | 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 { | |
329b68ed | 21 | margin-top: 10px; |
22 | color: #488dd2; | |
23 | font-size: 18px; | |
cf9626aa | 24 | } |
329b68ed | 25 | h3 { |
26 | color: #488dd2; | |
27 | font-size: 14px; | |
28 | font-style: italic; | |
29 | } | |
cf9626aa | 30 | |
31 | /* Index page components */ | |
32 | ||
329b68ed | 33 | #directory_container { |
cf9626aa | 34 | float: left; |
35 | width: 300px; | |
36 | height: 450px; | |
37 | border: 1px #c6dcf1 solid; | |
38 | } | |
329b68ed | 39 | #directory { |
40 | } | |
56455620 | 41 | .traditionname { |
42 | text-decoration: underline; | |
43 | } | |
44 | .selected { | |
45 | font-style: italic; | |
46 | } | |
0dd07adc | 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 | } | |
cf9626aa | 58 | #variant_graph { |
59 | clear: both; | |
0dd07adc | 60 | /* width: 900px; */ |
cf9626aa | 61 | height: 400px; |
a88e75b1 | 62 | overflow: auto; |
56455620 | 63 | text-align: center; |
64 | } | |
65 | #variant_graph img { | |
66 | margin-top: expression(( 400 - this.height ) / 2); | |
cf9626aa | 67 | } |
68 | #stemma_graph { | |
edc39fc3 | 69 | float: left; |
5b89f7ce | 70 | width: 500px; |
71 | height: 450px; | |
56455620 | 72 | text-align: center; |
0dd07adc | 73 | margin-left: 50px; |
56455620 | 74 | } |
75 | #stemma_graph img { | |
76 | margin-top: expression(( 450 - this.height ) / 2); | |
edc39fc3 | 77 | } |
cf9626aa | 78 | /* Additional components for the stexaminer */ |
edc39fc3 | 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; | |
edc39fc3 | 86 | } |
732152b1 | 87 | #statistics { |
88 | font-style: italic; | |
d5c17cec | 89 | margin-bottom: 25px; |
90 | position: relative; | |
91 | top: -15px; | |
732152b1 | 92 | } |
edc39fc3 | 93 | .genealogical { |
0a8f09a9 | 94 | background: #88ffaa; |
edc39fc3 | 95 | } |
96 | .coincidental { | |
97 | background: #fff; | |
98 | } | |
732152b1 | 99 | .conflict { |
d5c17cec | 100 | background: #ff6666; |
732152b1 | 101 | } |
edc39fc3 | 102 | .active_variant_row { |
cf9626aa | 103 | background: #c6dcf1; |
5b89f7ce | 104 | font-style: italic; |
edc39fc3 | 105 | } |
81422c40 | 106 | .active_variant_cell { |
cf9626aa | 107 | background: #e8f1fe; |
81422c40 | 108 | } |
d5c17cec | 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> |