fix garbled Stexaminer clearfix; style about page. From @jorisvanzundert

[scpubgit/stemmaweb.git] / root / css / stexaminer.css

diff --git a/root/css/stexaminer.css b/root/css/stexaminer.css
index 5bf6401..2c873e7 100644 (file)
--- a/root/css/stexaminer.css
+++ b/root/css/stexaminer.css
@@ -1,21 +1,13 @@
-#options {
-       position: relative;
-       border: 1px #c6dcf1 solid;
-       margin-left: 20px;
-       margin-bottom: 20px;
-       padding: 10px;
-       width: 500px;
-}
-.optionformelement {
-       float: left;
-       padding-left: 15px;
+#main_page {
+       padding-left: 20px;
+       padding-right: 20px;
 }
-#options_button {
-       position: absolute;
-       bottom: 20px;
-       right: 20px;
+#topbanner {
+       padding: 0px;
 }
+
 #variants_table {
+    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.75);
     clear: both;
     width: 90%;
     height: 190px;
@@ -24,16 +16,18 @@
     overflow: auto;
 }
 #stemma_graph {
+    background: none repeat scroll 0 0 rgba(255, 255, 255, 1);
     height: 350px;
     clear: both;
     float: left;
-    width: 600px;
+    width: 50%;
     text-align: center;
     border: 1px #c6dcf1 solid;
 }
 #row_statistics {
        float: left;
-       padding: 30px;
+       padding-left: 30px;
+       width: 40%;
 }
 #statistics {
     font-style: italic;
@@ -48,7 +42,7 @@
 .readinglabel {
        font-weight: bold;
 }
-.readingroots {
+.readingroots .reversionroots {
        font-weight: bold;
        color: #488dd2;
 }
@@ -67,9 +61,15 @@
 .coincidental {
     background: #fff;
 }
+.unsolved {
+       background: lightgrey;
+}
 .conflict {
     background: #ff6666;
 }
+.reversion {
+       background: #ffd700;
+}
 .active_variant_row {
     background: #c6dcf1;
     font-style: italic;
@@ -102,24 +102,12 @@
     border-right: 20px solid #ffd5e5;
 }
 
-/* Clearfix hack to make div container height work */
-.clearfix:after {
-       content: ".";
-       display: block;
-       clear: both;
-       visibility: hidden;
-       line-height: 0;
-       height: 0;
-}
- 
-.clearfix {
-       display: inline-block;
-}
- 
-html[xmlns] .clearfix {
-       display: block;
-}
- 
-* html .clearfix {
-       height: 1%;
+#options_button_container {
+    height: 24px;
+}
+#options_button {
+    float: left;
+}
+#aggregates {
+    clear: left;
 }
\ No newline at end of file