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         padding: 3px;
  17 }
  18
  19 label:hover span.hint {
  20         display: block;
  21 }
  22
  23
  24 span.sort-by {
  25         float: right;
  26 }
  27
  28 /* index columns */
  29 span.c {
  30         background: #eee;
  31         font-size: 70%;
  32         padding: 0 0.5em;
  33 }
  34 span.f {
  35         font-weight: bold;
  36 }
  37 span.h {
  38         color: #666;
  39 }
  40
  41 .admin {
  42         background: #ffc;
  43         padding: 0.25em;
  44 }
  45
  46 .admin .active {
  47         font-weight: bold;
  48 }
  49
  50 .admin .middle {
  51         margin-left: 2em;
  52         color: #f00;
  53 }
  54
  55 .admin .right {
  56         float: right;
  57 }
  58
  59 .admin .save_actions {
  60         color: #f00;
  61 }
  62
  63 a.remove {
  64         float: right;
  65         color: #f00;
  66 }
  67
  68 .debug {
  69         color: #aaa;
  70 }
  71
  72 .debug:hover {
  73         color: #000;
  74 }
  75
  76 li label:hover, td label:hover {
  77         background: #ff8;
  78 }
  79
  80 td label {
  81         white-space: nowrap;
  82 }
  83
  84
  85 div.col_opts {
  86         font-size: 70%;
  87 }
  88
  89 .chart {
  90         float: right;
  91         clear: both;
  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 /* templates/all_checkboxes.html.ep */
 252 span#column_selection {
 253         position: absolute;
 254         left: 15em;
 255 }