public/mojo_facets.css

   1 .count {
   2         color: #aaa;
   3 }
   4 .count:before {
   5         content: "(";
   6 }
   7 .count:after {
   8         content: ")";
   9 }
  10
  11 label span.hint {
  12         display: none;
  13         position: absolute;
  14         background: #fff;
  15         color: #888;
  16         z-index: 100;
  17         padding: 3px;
  18 }
  19
  20 label:hover span.hint {
  21         display: block;
  22 }
  23
  24
  25 span.sort-by {
  26         float: right;
  27 }
  28
  29 /* index columns */
  30 span.c {
  31         background: #eee;
  32         font-size: 70%;
  33         padding: 0 0.5em;
  34 }
  35 span.f {
  36         font-weight: bold;
  37 }
  38 span.h {
  39         color: #666;
  40 }
  41
  42 .admin {
  43         background: #ffc;
  44         padding: 0.25em;
  45 }
  46
  47 .admin .active {
  48         font-weight: bold;
  49 }
  50
  51 .debug {
  52         color: #aaa;
  53 }
  54
  55 .debug:hover {
  56         color: #000;
  57 }
  58
  59 li label:hover, td label:hover {
  60         background: #ff8;
  61 }
  62
  63 td label {
  64         white-space: nowrap;
  65 }
  66
  67
  68 div.col_opts {
  69         font-size: 70%;
  70 }
  71
  72 .chart {
  73         float: right;
  74         position: relative;
  75         margin-top: 1em;
  76 }
  77
  78 .labels-x,
  79 .labels-y {
  80         position: absolute;
  81         left: 0;
  82         top: 0;
  83         list-style: none;
  84         margin: 0;
  85         padding: 0;
  86         width: 100%;
  87         height: 100%;
  88 }
  89
  90 .labels-x li,
  91 .labels-y li {
  92         position: absolute;
  93         bottom: 0;
  94         color: #555;
  95         font-size: 75%;
  96 }
  97
  98 .labels-y li span.line {
  99         position: absolute;
 100         border: 0 solid #ccc;
 101         opacity: 0.7;
 102 }
 103 .labels-x li {
 104         margin-top: 5px;
 105         bottom: -1.5em;
 106 }
 107 .labels-y li {
 108         width: 100%;
 109 }
 110 .labels-y li span.label {
 111         right: 100%;
 112         position: absolute;
 113         margin-right: 5px;
 114         margin-top: -0.5em;
 115 }
 116 .labels-y li span.line {
 117         border-top-width: 1px;
 118         width: 100%;
 119 }
 120
 121 label.included,
 122 a#included {
 123         color: #080;
 124 }
 125
 126 label.excluded,
 127 a#excluded {
 128         color: #800;
 129 }
 130
 131 /* delimiter for repeatable data */
 132 span.d {
 133         color: #ccc;
 134 }