don't create excessive <td>s

[MojoFacets.git] / public / mojo_facets.css

diff --git a/public/mojo_facets.css b/public/mojo_facets.css
index f7dafbc..81fb772 100644 (file)
--- a/public/mojo_facets.css
+++ b/public/mojo_facets.css
@@ -8,6 +8,24 @@
        content: ")";
 }
 
+label span.hint {
+       display: none;
+       position: absolute;
+       background: #fff;
+       color: #888;
+       z-index: 100;
+       padding: 3px;
+}
+
+label:hover span.hint {
+       display: block;
+}
+
+
+span.sort-by {
+       float: right;
+}
+
 /* index columns */
 span.c {
        background: #eee;
@@ -30,6 +48,10 @@ span.h {
        font-weight: bold;
 }
 
+.admin .changes {
+       float: right;
+}
+
 .debug {
        color: #aaa;
 }
@@ -53,4 +75,64 @@ div.col_opts {
 
 .chart {
        float: right;
+       position: relative;
+       margin-top: 1em;
+}
+
+.labels-x,
+.labels-y {
+       position: absolute;
+       left: 0;
+       top: 0;
+       list-style: none;
+       margin: 0;
+       padding: 0;
+       width: 100%;
+       height: 100%;
+}
+
+.labels-x li,
+.labels-y li {
+       position: absolute;
+       bottom: 0;
+       color: #555;
+       font-size: 75%;
+}
+
+.labels-y li span.line {
+       position: absolute;
+       border: 0 solid #ccc;
+       opacity: 0.7;
+}
+.labels-x li {
+       margin-top: 5px;
+       bottom: -1.5em;
+}
+.labels-y li {
+       width: 100%;
+}
+.labels-y li span.label {
+       right: 100%;
+       position: absolute;
+       margin-right: 5px;
+       margin-top: -0.5em;
+}
+.labels-y li span.line {
+       border-top-width: 1px;
+       width: 100%;
+}
+
+label.included,
+a#included {
+       color: #080;
+}
+
+label.excluded,
+a#excluded {
+       color: #800;
+}
+
+/* delimiter for repeatable data */
+span.d {
+       color: #ccc;
 }