autocomplete.css 8.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260
  1. select.admin-autocomplete {
  2. width: 20em;
  3. }
  4. .select2-container--admin-autocomplete.select2-container {
  5. min-height: 30px;
  6. }
  7. .select2-container--admin-autocomplete .select2-selection--single,
  8. .select2-container--admin-autocomplete .select2-selection--multiple {
  9. min-height: 30px;
  10. padding: 0;
  11. }
  12. .select2-container--admin-autocomplete.select2-container--focus .select2-selection,
  13. .select2-container--admin-autocomplete.select2-container--open .select2-selection {
  14. border-color: #999;
  15. min-height: 30px;
  16. }
  17. .select2-container--admin-autocomplete.select2-container--focus .select2-selection.select2-selection--single,
  18. .select2-container--admin-autocomplete.select2-container--open .select2-selection.select2-selection--single {
  19. padding: 0;
  20. }
  21. .select2-container--admin-autocomplete.select2-container--focus .select2-selection.select2-selection--multiple,
  22. .select2-container--admin-autocomplete.select2-container--open .select2-selection.select2-selection--multiple {
  23. padding: 0;
  24. }
  25. .select2-container--admin-autocomplete .select2-selection--single {
  26. background-color: #fff;
  27. border: 1px solid #ccc;
  28. border-radius: 4px;
  29. }
  30. .select2-container--admin-autocomplete .select2-selection--single .select2-selection__rendered {
  31. color: #444;
  32. line-height: 30px;
  33. }
  34. .select2-container--admin-autocomplete .select2-selection--single .select2-selection__clear {
  35. cursor: pointer;
  36. float: right;
  37. font-weight: bold;
  38. }
  39. .select2-container--admin-autocomplete .select2-selection--single .select2-selection__placeholder {
  40. color: #999;
  41. }
  42. .select2-container--admin-autocomplete .select2-selection--single .select2-selection__arrow {
  43. height: 26px;
  44. position: absolute;
  45. top: 1px;
  46. right: 1px;
  47. width: 20px;
  48. }
  49. .select2-container--admin-autocomplete .select2-selection--single .select2-selection__arrow b {
  50. border-color: #888 transparent transparent transparent;
  51. border-style: solid;
  52. border-width: 5px 4px 0 4px;
  53. height: 0;
  54. left: 50%;
  55. margin-left: -4px;
  56. margin-top: -2px;
  57. position: absolute;
  58. top: 50%;
  59. width: 0;
  60. }
  61. .select2-container--admin-autocomplete[dir="rtl"] .select2-selection--single .select2-selection__clear {
  62. float: left;
  63. }
  64. .select2-container--admin-autocomplete[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  65. left: 1px;
  66. right: auto;
  67. }
  68. .select2-container--admin-autocomplete.select2-container--disabled .select2-selection--single {
  69. background-color: #eee;
  70. cursor: default;
  71. }
  72. .select2-container--admin-autocomplete.select2-container--disabled .select2-selection--single .select2-selection__clear {
  73. display: none;
  74. }
  75. .select2-container--admin-autocomplete.select2-container--open .select2-selection--single .select2-selection__arrow b {
  76. border-color: transparent transparent #888 transparent;
  77. border-width: 0 4px 5px 4px;
  78. }
  79. .select2-container--admin-autocomplete .select2-selection--multiple {
  80. background-color: white;
  81. border: 1px solid #ccc;
  82. border-radius: 4px;
  83. cursor: text;
  84. }
  85. .select2-container--admin-autocomplete .select2-selection--multiple .select2-selection__rendered {
  86. box-sizing: border-box;
  87. list-style: none;
  88. margin: 0;
  89. padding: 0 5px;
  90. width: 100%;
  91. }
  92. .select2-container--admin-autocomplete .select2-selection--multiple .select2-selection__rendered li {
  93. list-style: none;
  94. }
  95. .select2-container--admin-autocomplete .select2-selection--multiple .select2-selection__placeholder {
  96. color: #999;
  97. margin-top: 5px;
  98. float: left;
  99. }
  100. .select2-container--admin-autocomplete .select2-selection--multiple .select2-selection__clear {
  101. cursor: pointer;
  102. float: right;
  103. font-weight: bold;
  104. margin: 5px;
  105. }
  106. .select2-container--admin-autocomplete .select2-selection--multiple .select2-selection__choice {
  107. background-color: #e4e4e4;
  108. border: 1px solid #ccc;
  109. border-radius: 4px;
  110. cursor: default;
  111. float: left;
  112. margin-right: 5px;
  113. margin-top: 5px;
  114. padding: 0 5px;
  115. }
  116. .select2-container--admin-autocomplete .select2-selection--multiple .select2-selection__choice__remove {
  117. color: #999;
  118. cursor: pointer;
  119. display: inline-block;
  120. font-weight: bold;
  121. margin-right: 2px;
  122. }
  123. .select2-container--admin-autocomplete .select2-selection--multiple .select2-selection__choice__remove:hover {
  124. color: #333;
  125. }
  126. .select2-container--admin-autocomplete[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--admin-autocomplete[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder, .select2-container--admin-autocomplete[dir="rtl"] .select2-selection--multiple .select2-search--inline {
  127. float: right;
  128. }
  129. .select2-container--admin-autocomplete[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  130. margin-left: 5px;
  131. margin-right: auto;
  132. }
  133. .select2-container--admin-autocomplete[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  134. margin-left: 2px;
  135. margin-right: auto;
  136. }
  137. .select2-container--admin-autocomplete.select2-container--focus .select2-selection--multiple {
  138. border: solid #999 1px;
  139. outline: 0;
  140. }
  141. .select2-container--admin-autocomplete.select2-container--disabled .select2-selection--multiple {
  142. background-color: #eee;
  143. cursor: default;
  144. }
  145. .select2-container--admin-autocomplete.select2-container--disabled .select2-selection__choice__remove {
  146. display: none;
  147. }
  148. .select2-container--admin-autocomplete.select2-container--open.select2-container--above .select2-selection--single, .select2-container--admin-autocomplete.select2-container--open.select2-container--above .select2-selection--multiple {
  149. border-top-left-radius: 0;
  150. border-top-right-radius: 0;
  151. }
  152. .select2-container--admin-autocomplete.select2-container--open.select2-container--below .select2-selection--single, .select2-container--admin-autocomplete.select2-container--open.select2-container--below .select2-selection--multiple {
  153. border-bottom-left-radius: 0;
  154. border-bottom-right-radius: 0;
  155. }
  156. .select2-container--admin-autocomplete .select2-search--dropdown .select2-search__field {
  157. border: 1px solid #ccc;
  158. }
  159. .select2-container--admin-autocomplete .select2-search--inline .select2-search__field {
  160. background: transparent;
  161. border: none;
  162. outline: 0;
  163. box-shadow: none;
  164. -webkit-appearance: textfield;
  165. }
  166. .select2-container--admin-autocomplete .select2-results > .select2-results__options {
  167. max-height: 200px;
  168. overflow-y: auto;
  169. }
  170. .select2-container--admin-autocomplete .select2-results__option[role=group] {
  171. padding: 0;
  172. }
  173. .select2-container--admin-autocomplete .select2-results__option[aria-disabled=true] {
  174. color: #999;
  175. }
  176. .select2-container--admin-autocomplete .select2-results__option[aria-selected=true] {
  177. background-color: #ddd;
  178. }
  179. .select2-container--admin-autocomplete .select2-results__option .select2-results__option {
  180. padding-left: 1em;
  181. }
  182. .select2-container--admin-autocomplete .select2-results__option .select2-results__option .select2-results__group {
  183. padding-left: 0;
  184. }
  185. .select2-container--admin-autocomplete .select2-results__option .select2-results__option .select2-results__option {
  186. margin-left: -1em;
  187. padding-left: 2em;
  188. }
  189. .select2-container--admin-autocomplete .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  190. margin-left: -2em;
  191. padding-left: 3em;
  192. }
  193. .select2-container--admin-autocomplete .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  194. margin-left: -3em;
  195. padding-left: 4em;
  196. }
  197. .select2-container--admin-autocomplete .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  198. margin-left: -4em;
  199. padding-left: 5em;
  200. }
  201. .select2-container--admin-autocomplete .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  202. margin-left: -5em;
  203. padding-left: 6em;
  204. }
  205. .select2-container--admin-autocomplete .select2-results__option--highlighted[aria-selected] {
  206. background-color: #79aec8;
  207. color: white;
  208. }
  209. .select2-container--admin-autocomplete .select2-results__group {
  210. cursor: default;
  211. display: block;
  212. padding: 6px;
  213. }