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