X-Git-Url: http://git.rot13.org/?a=blobdiff_plain;f=public%2Fmojo_facets.css;h=13402f0a0f1e41e8420ceed26a352429d66e42f3;hb=refs%2Fheads%2Frm;hp=f7dafbc7be543a65f447a97206b3da54222de1a8;hpb=ed292cb85b9da39804188f3bc8086aa3667f3294;p=MojoFacets.git diff --git a/public/mojo_facets.css b/public/mojo_facets.css index f7dafbc..13402f0 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,16 @@ span.h { font-weight: bold; } +.admin .changes { + float: right; +} + +.admin .save_changes { + float: right; + color: #f00; + padding-left: 1em; +} + .debug { color: #aaa; } @@ -53,4 +81,78 @@ 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; +} + +.saved { + background: #ffe; +} + +form.action_filter { + float: right; +} + +.bytes { + text-align: right; + font-family: monospace; + color: #444; }