stemmaweb bugfixes and style fixes; add 'punctuation' relationship type
[scpubgit/stemmatology.git] / stemmaweb / root / css / stexaminer.css
1 #topbanner {
2         width: 100%;
3         height: 100px;
4         margin-top: 20px;
5 }
6 #bannerinfo {
7         float: right;
8         margin-right: 12%;
9         margin-top: 15px;
10 }
11 #options {
12         position: relative;
13         border: 1px #c6dcf1 solid;
14         margin-left: 20px;
15         margin-bottom: 20px;
16         padding: 10px;
17         width: 500px;
18 }
19 .optionformelement {
20         float: left;
21         padding-left: 15px;
22 }
23 #options_button {
24         position: absolute;
25         bottom: 20px;
26         right: 20px;
27 }
28 #variants_table {
29     clear: both;
30     width: 90%;
31     height: 190px;
32     border: 1px #c6dcf1 solid;
33     margin-bottom: 20px;
34     overflow: auto;
35 }
36 #stemma_graph {
37     height: 350px;
38     clear: both;
39     float: left;
40     width: 600px;
41     text-align: center;
42     border: 1px #c6dcf1 solid;
43 }
44 #row_statistics {
45         float: left;
46         padding: 30px;
47 }
48 #statistics {
49     font-style: italic;
50     margin-bottom: 25px;
51     position: relative;
52     top: -15px;
53 }
54 .reading_statistics {
55         margin: 7pt;
56         border-bottom: 1px solid #488dd2;
57 }
58 .readinglabel {
59         font-weight: bold;
60 }
61 .readingroots {
62         font-weight: bold;
63         color: #488dd2;
64 }
65 .reading_copied {
66         color: #33dd33;
67 }
68 .reading_changed {
69         color: #dd3333;
70 }
71 .template {
72         display: none;
73 }
74 .genealogical {
75     background: #88ffaa;
76 }
77 .coincidental {
78     background: #fff;
79 }
80 .conflict {
81     background: #ff6666;
82 }
83 .active_variant_row {
84     background: #c6dcf1;
85     font-style: italic;
86 }
87 .active_variant_cell {
88     background: #e8f1fe;
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
115 /* Clearfix hack to make div container height work */
116 .clearfix:after {
117         content: ".";
118         display: block;
119         clear: both;
120         visibility: hidden;
121         line-height: 0;
122         height: 0;
123 }
124  
125 .clearfix {
126         display: inline-block;
127 }
128  
129 html[xmlns] .clearfix {
130         display: block;
131 }
132  
133 * html .clearfix {
134         height: 1%;
135 }