multiselect.css 3.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154
  1. .ui-multiselect {
  2. display: inline-block;
  3. position: relative;
  4. width: auto;
  5. cursor: pointer;
  6. }
  7. .ui-multiselect .ui-multiselect-trigger {
  8. border-right: none;
  9. border-top: none;
  10. border-bottom: none;
  11. cursor: pointer;
  12. width: 1.5em;
  13. height: 100%;
  14. position: absolute;
  15. right: 0;
  16. top: 0;
  17. padding: 0 .25em;
  18. }
  19. .ui-multiselect .ui-multiselect-trigger .ui-multiselect-trigger-icon {
  20. top: 50%;
  21. left: 50%;
  22. margin-top: -.5em;
  23. margin-left: -.5em;
  24. position: absolute;
  25. }
  26. .ui-multiselect .ui-multiselect-label-container {
  27. overflow: hidden;
  28. }
  29. .ui-multiselect .ui-multiselect-label {
  30. display: block;
  31. padding: .25em 2em .25em .25em;
  32. width: auto;
  33. border: none;
  34. cursor: pointer;
  35. text-overflow: ellipsis;
  36. overflow: hidden;
  37. }
  38. .ui-multiselect.ui-state-disabled .ui-multiselect-trigger,
  39. .ui-multiselect.ui-state-disabled .ui-multiselect-label {
  40. cursor: auto
  41. }
  42. .ui-multiselect-panel {
  43. padding: 0.2em;
  44. position: absolute;
  45. min-width: 12em;
  46. }
  47. .ui-multiselect .ui-multiselect-panel {
  48. min-width: 100%;
  49. }
  50. .ui-multiselect-panel .ui-multiselect-items-wrapper {
  51. overflow: auto;
  52. position: relative;
  53. padding: 0.2em 0;
  54. }
  55. .ui-multiselect-panel .ui-multiselect-list {
  56. border: 0 none;
  57. }
  58. .ui-multiselect-panel .ui-multiselect-item {
  59. border: 0 none;
  60. cursor: pointer;
  61. font-weight: normal;
  62. margin: 1px 0;
  63. padding: .125em .25em;
  64. text-align: left;
  65. white-space: nowrap;
  66. display: block;
  67. position: relative;
  68. }
  69. .ui-multiselect-panel .ui-multiselect-empty-message {
  70. padding: .5em;
  71. }
  72. .ui-multiselect-panel .ui-multiselect-item .ui-chkbox {
  73. display: inline-block;
  74. vertical-align: middle;
  75. }
  76. .ui-multiselect-panel .ui-multiselect-item span {
  77. display: inline-block;
  78. vertical-align: middle;
  79. }
  80. .ui-multiselect-header {
  81. margin-bottom: 0.3em;
  82. padding: .25em;
  83. position: relative;
  84. text-align: left;
  85. min-height: 2em;
  86. }
  87. .ui-multiselect-header .ui-chkbox {
  88. display: inline-block;
  89. vertical-align: middle;
  90. cursor:pointer;
  91. }
  92. .ui-multiselect-header .ui-multiselect-filter-container {
  93. position: relative;
  94. display: inline-block;
  95. vertical-align: middle;
  96. width: 65%;
  97. }
  98. .ui-multiselect-header.ui-multiselect-header-no-toggleall .ui-multiselect-filter-container {
  99. width: 85%;
  100. }
  101. .ui-multiselect-header .ui-multiselect-filter-container .ui-multiselect-filter-icon {
  102. position: absolute;
  103. top: .25em;
  104. left: .125em;
  105. }
  106. .ui-multiselect-header .ui-inputtext {
  107. padding: .125em .125em .125em 1.25em;
  108. width: 100%;
  109. }
  110. .ui-multiselect-header .ui-multiselect-close {
  111. position: absolute;
  112. right: .375em;
  113. top: .375em;
  114. display: block;
  115. border: 0 none;
  116. cursor: pointer;
  117. }
  118. .ui-multiselect-header a.ui-multiselect-all,
  119. .ui-multiselect-header a.ui-multiselect-none {
  120. float:left;
  121. margin-right: 10px;
  122. display: block;
  123. }
  124. .ui-multiselect-footer {
  125. padding: .25em;
  126. }
  127. .ui-fluid .ui-multiselect {
  128. width: 100%;
  129. box-sizing: border-box;
  130. }