jquery.multiSelect.css 1.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687
  1. a.multiSelect {
  2. background: #FFF url(../images/dropdown.blue.png) right center no-repeat;
  3. border: solid 1px #BBB;
  4. padding-right: 20px;
  5. position: relative;
  6. cursor: default;
  7. text-decoration: none;
  8. color: black;
  9. display: -moz-inline-stack;
  10. display: inline-block;
  11. vertical-align: top;
  12. }
  13. a.multiSelect:link, a.multiSelect:visited, a.multiSelect:hover, a.multiSelect:active {
  14. color: black;
  15. text-decoration: none;
  16. }
  17. a.multiSelect span
  18. {
  19. margin: 1px 0px 1px 3px;
  20. overflow: hidden;
  21. display: -moz-inline-stack;
  22. display: inline-block;
  23. white-space: nowrap;
  24. line-height:15px;
  25. text-indent:0px;
  26. }
  27. a.multiSelect.hover {
  28. background-image: url(../images/dropdown.blue.hover.png);
  29. }
  30. a.multiSelect.active,
  31. a.multiSelect.focus {
  32. border: inset 1px #000;
  33. }
  34. a.multiSelect.active {
  35. background-image: url(../images/dropdown.blue.active.png);
  36. }
  37. .multiSelectOptions {
  38. margin-top: -1px;
  39. overflow-y: auto;
  40. overflow-x: hidden;
  41. border: solid 1px #B2B2B2;
  42. background: #FFF;
  43. }
  44. .multiSelectOptions LABEL {
  45. padding: 0px 2px;
  46. display: block;
  47. white-space: nowrap;
  48. }
  49. .multiSelectOptions LABEL.optGroup
  50. {
  51. font-weight: bold;
  52. }
  53. .multiSelectOptions .optGroupContainer LABEL
  54. {
  55. padding-left: 10px;
  56. }
  57. .multiSelectOptions.optGroupHasCheckboxes .optGroupContainer LABEL
  58. {
  59. padding-left: 18px;
  60. }
  61. .multiSelectOptions input{
  62. vertical-align: middle;
  63. }
  64. .multiSelectOptions LABEL.checked {
  65. background-color: #dce5f8;
  66. }
  67. .multiSelectOptions LABEL.selectAll {
  68. border-bottom: dotted 1px #CCC;
  69. }
  70. .multiSelectOptions LABEL.hover {
  71. background-color: #3399ff;
  72. color: white;
  73. }