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 .admin .right {
  52         float: right;
  53 }
  54
  55 .admin .save_actions {
  56         color: #f00;
  57 }
  58
  59 .debug {
  60         color: #aaa;
  61 }
  62
  63 .debug:hover {
  64         color: #000;
  65 }
  66
  67 li label:hover, td label:hover {
  68         background: #ff8;
  69 }
  70
  71 td label {
  72         white-space: nowrap;
  73 }
  74
  75
  76 div.col_opts {
  77         font-size: 70%;
  78 }
  79
  80 .chart {
  81         float: right;
  82         position: relative;
  83         margin-top: 1em;
  84 }
  85
  86 .labels-x,
  87 .labels-y {
  88         position: absolute;
  89         left: 0;
  90         top: 0;
  91         list-style: none;
  92         margin: 0;
  93         padding: 0;
  94         width: 100%;
  95         height: 100%;
  96 }
  97
  98 .labels-x li,
  99 .labels-y li {
 100         position: absolute;
 101         bottom: 0;
 102         color: #555;
 103         font-size: 75%;
 104 }
 105
 106 .labels-y li span.line {
 107         position: absolute;
 108         border: 0 solid #ccc;
 109         opacity: 0.7;
 110 }
 111 .labels-x li {
 112         margin-top: 5px;
 113         bottom: -1.5em;
 114 }
 115 .labels-y li {
 116         width: 100%;
 117 }
 118 .labels-y li span.label {
 119         right: 100%;
 120         position: absolute;
 121         margin-right: 5px;
 122         margin-top: -0.5em;
 123 }
 124 .labels-y li span.line {
 125         border-top-width: 1px;
 126         width: 100%;
 127 }
 128
 129 label.included,
 130 a#included {
 131         color: #080;
 132 }
 133
 134 label.excluded,
 135 a#excluded {
 136         color: #800;
 137 }
 138
 139 /* delimiter for repeatable data */
 140 span.d {
 141         color: #ccc;
 142 }
 143
 144 .saved {
 145         background: #ffe;
 146 }
 147
 148 form.action_filter {
 149         float: right;
 150 }
 151
 152 .bytes {
 153         text-align: right;
 154         font-family: monospace;
 155         color: #444;
 156 }
 157
 158 /* items/list.html.ep */
 159 a.facet {
 160         font-family: monospace;
 161         color: #666;
 162         text-decoration: none;
 163 }
 164
 165 /* /actions */
 166 .change_box {
 167         border: 3px dashed #f84;
 168 }
 169
 170 .change_viewed a {
 171         color: #888;
 172         text-decoration: line-through;
 173 }
 174
 175 /* /actions/changes */
 176
 177 tr.change pre {
 178         color: #000;
 179         font-size: 70%;
 180 }
 181
 182 tr.unknown {
 183         background: #eee;
 184 }
 185
 186 tr.found {
 187         background: #cfc;
 188 }
 189
 190 tr.missing {
 191         background: #fcc;
 192 }
 193
 194 tr.skip {
 195         background: #fcf;
 196 }
 197
 198 tr.hidden {
 199         display: none;
 200 }
 201
 202 .alert {
 203         border: 0.3em dashed #f00;
 204         background: #ffc;
 205         padding: 1em;
 206         margin: 1em;
 207         text-align: center;
 208 }