small circular points
[MojoFacets.git] / public / mojo_facets.css
index 13402f0..acdb653 100644 (file)
@@ -8,19 +8,19 @@
        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;
@@ -48,14 +48,22 @@ span.h {
        font-weight: bold;
 }
 
-.admin .changes {
+.admin .middle {
+       margin-left: 2em;
+       color: #f00;
+}
+
+.admin .right {
        float: right;
 }
 
-.admin .save_changes {
+.admin .save_actions {
+       color: #f00;
+}
+
+a.remove {
        float: right;
        color: #f00;
-       padding-left: 1em;
 }
 
 .debug {
@@ -66,7 +74,7 @@ span.h {
        color: #000;
 }
 
-li label:hover, td label:hover {
+li label:hover, tr:hover td {
        background: #ff8;
 }      
 
@@ -81,6 +89,7 @@ div.col_opts {
 
 .chart {
        float: right;
+       clear: both;
        position: relative;
        margin-top: 1em;
 }
@@ -128,12 +137,12 @@ div.col_opts {
        width: 100%;
 }
 
-label.included,
+.included,
 a#included {
        color: #080;
 }
 
-label.excluded,
+.excluded,
 a#excluded {
        color: #800;
 }
@@ -143,16 +152,113 @@ span.d {
        color: #ccc;
 }
 
-.saved {
+.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;
+}