Commit | Line | Data |
b8a92065 |
1 | <style type="text/css" media="screen"> |
fb6e49b3 |
2 | |
3 | /* General site-wide layout */ |
b8a92065 |
4 | body { |
5 | margin: 0; |
6 | padding: 20px; |
7 | font: 1em Arial, Helvetica, sans-serif; |
8 | font-size: 85%; |
9 | color: #666; |
10 | } |
fb6e49b3 |
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 | } |
62723740 |
32 | .traditionname { |
33 | text-decoration: underline; |
34 | } |
35 | .selected { |
36 | font-style: italic; |
37 | } |
7439e248 |
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 | } |
fb6e49b3 |
49 | #variant_graph { |
50 | clear: both; |
7439e248 |
51 | /* width: 900px; */ |
fb6e49b3 |
52 | height: 400px; |
5ba6c2b4 |
53 | border: 1px #c6dcf1 solid; |
54 | overflow: auto; |
62723740 |
55 | text-align: center; |
56 | } |
57 | #variant_graph img { |
58 | margin-top: expression(( 400 - this.height ) / 2); |
fb6e49b3 |
59 | } |
60 | #stemma_graph { |
b8a92065 |
61 | float: left; |
62 | width: 500px; |
63 | height: 450px; |
fb6e49b3 |
64 | border: 1px #c6dcf1 solid; |
62723740 |
65 | text-align: center; |
7439e248 |
66 | margin-left: 50px; |
62723740 |
67 | } |
68 | #stemma_graph img { |
69 | margin-top: expression(( 450 - this.height ) / 2); |
b8a92065 |
70 | } |
fb6e49b3 |
71 | /* Additional components for the stexaminer */ |
b8a92065 |
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 | } |
b8a92065 |
86 | .genealogical { |
87 | background: #88ffaa; |
88 | } |
89 | .coincidental { |
90 | background: #fff; |
91 | } |
92 | .conflict { |
93 | background: #ff6666; |
94 | } |
95 | .active_variant_row { |
fb6e49b3 |
96 | background: #c6dcf1; |
b8a92065 |
97 | font-style: italic; |
98 | } |
99 | .active_variant_cell { |
fb6e49b3 |
100 | background: #e8f1fe; |
b8a92065 |
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> |