CSS fixes.

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

diff --git a/root/css/stexaminer.css b/root/css/stexaminer.css
index 59c523d..f6a9603 100644 (file)
--- a/root/css/stexaminer.css
+++ b/root/css/stexaminer.css
@@ -1,22 +1,23 @@
 #variants_table {
-    float: left;
+    clear: both;
     width: 90%;
-    height: 90px;
+    height: 190px;
     border: 1px #c6dcf1 solid;
     margin-bottom: 20px;
     overflow: auto;
 }
 #stemma_graph {
-    height: 450px;
+    height: 350px;
     clear: both;
     float: left;
-    width: 700px;
+    width: 50%;
     text-align: center;
     border: 1px #c6dcf1 solid;
 }
 #row_statistics {
        float: left;
-       padding: 30px;
+       padding-left: 30px;
+       width: 40%;
 }
 #statistics {
     font-style: italic;
@@ -24,7 +25,24 @@
     position: relative;
     top: -15px;
 }
-#stats_template {
+.reading_statistics {
+       margin: 7pt;
+       border-bottom: 1px solid #488dd2;
+}
+.readinglabel {
+       font-weight: bold;
+}
+.readingroots .reversionroots {
+       font-weight: bold;
+       color: #488dd2;
+}
+.reading_copied {
+       color: #33dd33;
+}
+.reading_changed {
+       color: #dd3333;
+}
+.template {
        display: none;
 }
 .genealogical {
@@ -33,9 +51,15 @@
 .coincidental {
     background: #fff;
 }
+.unsolved {
+       background: lightgrey;
+}
 .conflict {
     background: #ff6666;
 }
+.reversion {
+       background: #ffd700;
+}
 .active_variant_row {
     background: #c6dcf1;
     font-style: italic;
@@ -67,3 +91,35 @@
 .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%;
+}
+
+#options_button_container {
+    height: 24px;
+}
+#options_button {
+    float: left;
+}
+#aggregates {
+    clear: left;
+}
\ No newline at end of file