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 .used {
 154         background: #eee;
 155 }
 156
 157 form.action_filter {
 158         float: right;
 159 }
 160
 161 .bytes {
 162         text-align: right;
 163         font-family: monospace;
 164         color: #444;
 165 }
 166
 167 /* items/table */
 168
 169 form#eval {
 170         position: fixed;
 171         bottom: 0;
 172         left: 0;
 173         width: 100%;
 174         z-index: 10;
 175         background: #eee;
 176 }
 177
 178 form#eval textarea {
 179         width: 100%;
 180 }
 181
 182 /* items/list.html.ep */
 183 a.facet {
 184         font-family: monospace;
 185         color: #666;
 186         text-decoration: none;
 187 }
 188
 189 /* /actions */
 190 .change_box {
 191         border: 3px dashed #f84;
 192 }
 193
 194 .change_viewed a {
 195         color: #888;
 196         text-decoration: line-through;
 197 }
 198
 199 /* /actions/changes */
 200
 201 tr.change pre {
 202         color: #000;
 203         font-size: 70%;
 204 }
 205
 206 tr.unknown {
 207         background: #eee;
 208 }
 209
 210 tr.found {
 211         background: #cfc;
 212 }
 213
 214 tr.missing {
 215         background: #fcc;
 216 }
 217
 218 tr.skip {
 219         background: #fcf;
 220 }
 221
 222 tr.hidden {
 223         display: none;
 224 }
 225
 226 .alert, .error {
 227         border: 0.3em dashed #f00;
 228         background: #ffc;
 229         text-align: center;
 230 }
 231
 232 .alert {
 233         padding: 1em;
 234         margin: 1em;
 235 }
 236
 237