Commit | Line | Data |
edc39fc3 |
1 | <style type="text/css" media="screen"> |
2 | body { |
3 | margin: 0; |
4 | padding: 20px; |
5 | font: 1em Arial, Helvetica, sans-serif; |
6 | font-size: 85%; |
7 | color: #666; |
8 | } |
9 | #svg_graph { |
10 | float: left; |
e367f5c0 |
11 | width: 600pt; |
12 | height: 550pt; |
edc39fc3 |
13 | border-right: 1px #c6dcf1 solid; |
14 | } |
15 | #variants_table { |
16 | float: left; |
17 | width: 450px; |
18 | height: 550px; |
19 | border-right: 1px #c6dcf1 solid; |
20 | margin-left: 20px; |
21 | overflow: auto; |
edc39fc3 |
22 | } |
732152b1 |
23 | #statistics { |
24 | font-style: italic; |
d5c17cec |
25 | margin-bottom: 25px; |
26 | position: relative; |
27 | top: -15px; |
732152b1 |
28 | } |
edc39fc3 |
29 | h1 { |
30 | border-bottom: 1px solid #488dd2; |
31 | color: #488dd2; |
32 | font-size: 24px; |
33 | font-weight: 100; |
d5c17cec |
34 | margin: 0 0 17px; |
edc39fc3 |
35 | padding: 0; |
36 | width: 280px; |
d5c17cec |
37 | } |
38 | h2 { |
39 | margin-top: 0px; |
40 | } |
edc39fc3 |
41 | .genealogical { |
0a8f09a9 |
42 | background: #88ffaa; |
edc39fc3 |
43 | } |
44 | .coincidental { |
45 | background: #fff; |
46 | } |
732152b1 |
47 | .conflict { |
d5c17cec |
48 | background: #ff6666; |
732152b1 |
49 | } |
edc39fc3 |
50 | .active_variant_row { |
51 | background: #c6dcf1; |
52 | } |
81422c40 |
53 | .active_variant_cell { |
54 | background: #e8f1fe; |
55 | } |
d5c17cec |
56 | .cellb0 { |
57 | border-right: 20px solid #ffeeaa; |
58 | } |
59 | .cellb1 { |
60 | border-right: 20px solid #afc6e9; |
61 | } |
62 | .cellb2 { |
63 | border-right: 20px solid #d5fff6; |
64 | } |
65 | .cellb3 { |
66 | border-right: 20px solid #ffccaa; |
67 | } |
68 | .cellb4 { |
69 | border-right: 20px solid #ffaaaa; |
70 | } |
71 | .cellb5 { |
72 | border-right: 20px solid #e5ff80; |
73 | } |
74 | .cellb6 { |
75 | border-right: 20px solid #e5d5ff; |
76 | } |
77 | .cellb7 { |
78 | border-right: 20px solid #ffd5e5; |
79 | } |
80 | </style> |