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