X-Git-Url: http://git.rot13.org/?a=blobdiff_plain;f=public%2Fmojo_facets.css;h=6a1a959eec41a3abbf5cc81afa3a588df82d27fd;hb=9137465ad9ef3e3e539a5243af9da2017b052cbe;hp=6684b74e042d3aeb4ab64ccd01f55e774e87241d;hpb=d96a3a6c8b4dee11a4c00e789103ad25d7e30679;p=MojoFacets.git

diff --git a/public/mojo_facets.css b/public/mojo_facets.css
index 6684b74..6a1a959 100644
--- a/public/mojo_facets.css
+++ b/public/mojo_facets.css
@@ -7,3 +7,136 @@
 .count:after {
 	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;
+	font-size: 70%;
+	padding: 0 0.5em;
+}
+span.f {
+	font-weight: bold;
+}
+span.h {
+	color: #666;
+}
+
+.admin {
+	background: #ffc;
+	padding: 0.25em;
+}
+
+.admin .active {
+	font-weight: bold;
+}
+
+.admin .changes {
+	float: right;
+}
+
+.debug {
+	color: #aaa;
+}
+
+.debug:hover {
+	color: #000;
+}
+
+li label:hover, td label:hover {
+	background: #ff8;
+}	
+
+td label {
+	white-space: nowrap;
+}
+
+
+div.col_opts {
+	font-size: 70%;
+}
+
+.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;
+}