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