X-Git-Url: http://git.rot13.org/?a=blobdiff_plain;f=public%2Fmojo_facets.css;h=1e6135d286090ce8cdac90b2d098d61f3fb7ca72;hb=ad9a83e05a4737f793a629f454a1acc70dd9db75;hp=88e82d302fe91ca594ebce8b9c23c9f1c815e4b4;hpb=9e43b0f9ca52f88dd72c38871c2efa39cc752ef6;p=MojoFacets.git diff --git a/public/mojo_facets.css b/public/mojo_facets.css index 88e82d3..1e6135d 100644 --- a/public/mojo_facets.css +++ b/public/mojo_facets.css @@ -8,6 +8,35 @@ 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 +47,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; } @@ -33,3 +80,176 @@ li label:hover, td label:hover { 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%; +} + +label.included, +a#included { + color: #080; +} + +label.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.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#column_selection { + position: absolute; + left: 15em; +}