application/media/css/jquery.filterable.css

   1
   2 .jq-filterable-box {
   3         display: inline-block;
   4         vertical-align: 45%;
   5         position: relative;
   6 }
   7
   8 .jq-filterable-right {
   9         display: inline-block;
  10         position: relative;
  11         vertical-align: top;
  12 }
  13
  14 .jq-filterable-left {
  15         display: inline-block;
  16         position: relative;
  17         vertical-align: top;
  18 }
  19
  20 input.jq-filterable-filter[type="text"] {
  21         margin: 0;
  22         width: 243px;
  23         padding: 5px 2px 4px 2px;
  24         border: 1px solid #bbb;
  25         vertical-align: top;
  26 }
  27
  28 .jq-filterable-larger {
  29         width: 184px !important;
  30 }
  31
  32 .jq-filterable-largest {
  33         width: 290px !important;
  34 }
  35
  36 select.jq-filterable-list {
  37         margin-top: 0;
  38         border: 1px solid #bbb;
  39         width: 243px;
  40         height: 25px;
  41         vertical-align: top;
  42         padding: 4px;
  43 }
  44
  45 select.jq-filterable-list[multiple],
  46 select.jq-filterable-results {
  47         margin-top: 0;
  48         height: auto;
  49         border: 1px solid #bbb;
  50         width: 190px !important;
  51         min-width: 190px !important;
  52         height: 70px;
  53 }
  54
  55 select.jq-filterable-list[multiple] {
  56         width: 150px !important;
  57         border-top: none;
  58 }
  59
  60 select.jq-filterable-results {
  61         height: 95px;
  62         border-left: none;
  63 }
  64
  65 .jq-filterable-list option,
  66 .jq-filterable-results option {
  67         font-size: 110%;
  68 }
  69
  70 .jq-filterable-results option[data-matching="no-match"] {
  71         color: #888;
  72 }
  73
  74 input[type="button"].jq-filterable-move {
  75         position: absolute;
  76         right: 4px;
  77         top: 4px;
  78         padding: 0px 2px !important;
  79         background: #fff !important;
  80         border: 1px solid #ccc;
  81         margin: 0;
  82 }
  83
  84 .jq-filterable-stats,
  85 .jq-filterable-result-stats {
  86
  87         position: relative;
  88         text-align: right;
  89
  90         width: 243px;
  91         padding: 2px 2px 1px 2px;
  92         border: none;
  93
  94         font-size: 8pt;
  95         color: #999;
  96 }
  97
  98 .jq-filterable-stats[data-state="info"] {
  99         color: #999;
 100 }
 101
 102 .jq-filterable-stats[data-state="warning"] {
 103         color: #ffcc00;
 104 }
 105
 106 .jq-filterable-stats[data-state="error"] {
 107         color: #ff4400;
 108 }
 109
 110 .jq-filterable-working select,
 111 .jq-filterable-working input,
 112 .jq-filterable-working button {
 113         cursor: wait !important;
 114 }