X-Git-Url: http://git.rot13.org/?a=blobdiff_plain;f=public%2Fmojo_facets.css;h=d57d687d04b3b18295cad528dcbc86ae8b7c5fab;hb=1fab786d6a3aef4993dcc3d6615a2ba1b491575e;hp=f7dafbc7be543a65f447a97206b3da54222de1a8;hpb=ed292cb85b9da39804188f3bc8086aa3667f3294;p=MojoFacets.git diff --git a/public/mojo_facets.css b/public/mojo_facets.css index f7dafbc..d57d687 100644 --- 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,19 @@ span.h { font-weight: bold; } +.admin .middle { + margin-left: 2em; + color: #f00; +} + +.admin .right { + float: right; +} + +.admin .save_actions { + color: #f00; +} + .debug { color: #aaa; } @@ -53,4 +84,150 @@ 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; +} + +.changed { + background: #ffe; +} + +form.action_filter { + float: right; +} + +.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.hidden { + display: none; +} + +.alert, .error { + border: 0.3em dashed #f00; + background: #ffc; + text-align: center; +} + +.alert { + padding: 1em; + margin: 1em; +} + +