bugfix from dispatcher
[scpubgit/stemmaweb.git] / root / css / style.css
CommitLineData
b8a92065 1<style type="text/css" media="screen">
fb6e49b3 2
3/* General site-wide layout */
b8a92065 4body {
5 margin: 0;
6 padding: 20px;
7 font: 1em Arial, Helvetica, sans-serif;
8 font-size: 85%;
9 color: #666;
10}
fb6e49b3 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}
62723740 32.traditionname {
33 text-decoration: underline;
34}
35.selected {
36 font-style: italic;
37}
fb6e49b3 38#variant_graph {
39 clear: both;
40 width: 900px;
41 height: 400px;
5ba6c2b4 42 border: 1px #c6dcf1 solid;
43 overflow: auto;
62723740 44 text-align: center;
45}
46#variant_graph img {
47 margin-top: expression(( 400 - this.height ) / 2);
fb6e49b3 48}
49#stemma_graph {
b8a92065 50 float: left;
51 width: 500px;
52 height: 450px;
fb6e49b3 53 border: 1px #c6dcf1 solid;
62723740 54 text-align: center;
55}
56#stemma_graph img {
57 margin-top: expression(( 450 - this.height ) / 2);
b8a92065 58}
fb6e49b3 59/* Additional components for the stexaminer */
b8a92065 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}
b8a92065 74.genealogical {
75 background: #88ffaa;
76}
77.coincidental {
78 background: #fff;
79}
80.conflict {
81 background: #ff6666;
82}
83.active_variant_row {
fb6e49b3 84 background: #c6dcf1;
b8a92065 85 font-style: italic;
86}
87.active_variant_cell {
fb6e49b3 88 background: #e8f1fe;
b8a92065 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>