Made stexaminer layout fluid, small fixes.

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

diff --git a/root/css/stexaminer.css b/root/css/stexaminer.css
index 760fbb2..877d47a 100644 (file)
--- a/root/css/stexaminer.css
+++ b/root/css/stexaminer.css
@@ -1,5 +1,5 @@
 #variants_table {
-    float: left;
+    clear: both;
     width: 90%;
     height: 190px;
     border: 1px #c6dcf1 solid;
@@ -10,13 +10,14 @@
     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;
@@ -31,7 +32,7 @@
 .readinglabel {
        font-weight: bold;
 }
-.readingroots {
+.readingroots .reversionroots {
        font-weight: bold;
        color: #488dd2;
 }
@@ -50,9 +51,15 @@
 .coincidental {
     background: #fff;
 }
+.unsolved {
+       background: lightgrey;
+}
 .conflict {
     background: #ff6666;
 }
+.reversion {
+       background: #ffd700;
+}
 .active_variant_row {
     background: #c6dcf1;
     font-style: italic;
@@ -84,3 +91,25 @@
 .cellb7 {
     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%;
+}
\ No newline at end of file