small circular points

[MojoFacets.git] / public / mojo_facets.css

diff --git a/public/mojo_facets.css b/public/mojo_facets.css
index 88e82d3..acdb653 100644 (file)
--- a/public/mojo_facets.css
+++ b/public/mojo_facets.css
@@ -8,6 +8,36 @@
        content: ")";
 }
 
+/*
+label span.hint {
+       display: none;
+       position: absolute;
+       background: #fff;
+       color: #888;
+       padding: 3px;
+}
+
+label:hover span.hint {
+       display: block;
+}
+*/
+
+span.sort-by {
+       float: right;
+}
+
+/* index columns */
+span.c {
+       background: #eee;
+       font-size: 70%;
+       padding: 0 0.5em;
+}
+span.f {
+       font-weight: bold;
+}
+span.h {
+       color: #666;
+}
 
 .admin {
        background: #ffc;
@@ -18,6 +48,24 @@
        font-weight: bold;
 }
 
+.admin .middle {
+       margin-left: 2em;
+       color: #f00;
+}
+
+.admin .right {
+       float: right;
+}
+
+.admin .save_actions {
+       color: #f00;
+}
+
+a.remove {
+       float: right;
+       color: #f00;
+}
+
 .debug {
        color: #aaa;
 }
@@ -26,10 +74,191 @@
        color: #000;
 }
 
-li label:hover, td label:hover {
+li label:hover, tr:hover td {
        background: #ff8;
 }      
 
 td label {
        white-space: nowrap;
 }
+
+
+div.col_opts {
+       font-size: 70%;
+}
+
+.chart {
+       float: right;
+       clear: both;
+       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%;
+}
+
+.included,
+a#included {
+       color: #080;
+}
+
+.excluded,
+a#excluded {
+       color: #800;
+}
+
+/* delimiter for repeatable data */
+span.d {
+       color: #ccc;
+}
+
+.changed {
+       background: #ffe;
+}
+
+.used {
+       background: #eee;
+}
+
+form.action_filter {
+       float: right;
+}
+
+.action_view {
+       border: 1px dashed #ccc;
+}
+
+.action_hide {
+       text-decoration: line-through;
+       color: black;
+}
+
+.bytes {
+       text-align: right;
+       font-family: monospace;
+       color: #444;
+}
+
+/* items/table */
+
+form#eval {
+       position: fixed;
+       bottom: 0;
+       left: 0;
+       width: 100%;
+       z-index: 10;
+       background: #eee;
+}
+
+form#eval textarea {
+       width: 100%;
+}
+
+/* items/list.html.ep */
+a.facet {
+       font-family: monospace;
+       color: #666;
+       text-decoration: none;
+}
+
+/* /actions */
+.change_box {
+       border: 3px dashed #f84;
+}
+
+.change_viewed a {
+       color: #888;
+       text-decoration: line-through;
+}
+
+/* /actions/changes */
+
+tr.change pre {
+       color: #000;
+       font-size: 70%;
+}
+
+tr.unknown {
+       background: #eee;
+}
+
+tr.found {
+       background: #cfc;
+}
+
+tr.missing {
+       background: #fcc;
+}
+
+tr.skip {
+       background: #fcf;
+}
+
+tr.source-changed {
+       background: #cff;
+}
+
+tr.hidden {
+       display: none;
+}
+
+.alert, .error {
+       border: 0.3em dashed #f00;
+       background: #ffc;
+       text-align: center;
+}
+
+.alert {
+       padding: 1em;
+       margin: 1em;
+}
+
+/* templates/all_checkboxes.html.ep */
+span.count span#column_selection {
+       position: absolute;
+       left: 15em;
+}
+
+.hide {
+       display: none;
+}