汇联通执法队后台管理系统
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

chosen.css 12KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344
  1. .chosen-select {
  2. width: 100%; }
  3. .chosen-select-deselect {
  4. width: 100%; }
  5. .chosen-container {
  6. display: inline-block;
  7. font-size: 14px;
  8. position: relative;
  9. vertical-align: middle; }
  10. .chosen-container .chosen-drop {
  11. background: #fff;
  12. border: 1px solid #ccc;
  13. border-bottom-right-radius: 4px;
  14. border-bottom-left-radius: 4px;
  15. -webkit-box-shadow: 0 8px 8px rgba(0, 0, 0, 0.25);
  16. box-shadow: 0 8px 8px rgba(0, 0, 0, 0.25);
  17. margin-top: -1px;
  18. position: absolute;
  19. top: 100%;
  20. left: -9000px;
  21. z-index: 1060; }
  22. .chosen-container.chosen-with-drop .chosen-drop {
  23. left: 0;
  24. right: 0; }
  25. .chosen-container .chosen-results {
  26. color: #555555;
  27. margin: 0 4px 4px 0;
  28. max-height: 240px;
  29. padding: 0 0 0 4px;
  30. position: relative;
  31. overflow-x: hidden;
  32. overflow-y: auto;
  33. -webkit-overflow-scrolling: touch; }
  34. .chosen-container .chosen-results li {
  35. display: none;
  36. line-height: 1.42857;
  37. list-style: none;
  38. margin: 0;
  39. padding: 5px 6px; }
  40. .chosen-container .chosen-results li em {
  41. background: #feffde;
  42. font-style: normal; }
  43. .chosen-container .chosen-results li.group-result {
  44. display: list-item;
  45. cursor: default;
  46. color: #999;
  47. font-weight: bold; }
  48. .chosen-container .chosen-results li.group-option {
  49. padding-left: 15px; }
  50. .chosen-container .chosen-results li.active-result {
  51. cursor: pointer;
  52. display: list-item; }
  53. .chosen-container .chosen-results li.highlighted {
  54. background-color: #337ab7;
  55. background-image: none;
  56. color: white; }
  57. .chosen-container .chosen-results li.highlighted em {
  58. background: transparent; }
  59. .chosen-container .chosen-results li.disabled-result {
  60. display: list-item;
  61. color: #777777; }
  62. .chosen-container .chosen-results .no-results {
  63. background: #eeeeee;
  64. display: list-item; }
  65. .chosen-container .chosen-results-scroll {
  66. background: white;
  67. margin: 0 4px;
  68. position: absolute;
  69. text-align: center;
  70. width: 321px;
  71. z-index: 1; }
  72. .chosen-container .chosen-results-scroll span {
  73. display: inline-block;
  74. height: 1.42857;
  75. text-indent: -5000px;
  76. width: 9px; }
  77. .chosen-container .chosen-results-scroll-down {
  78. bottom: 0; }
  79. .chosen-container .chosen-results-scroll-down span {
  80. background: url("chosen-sprite.png") no-repeat -4px -3px; }
  81. .chosen-container .chosen-results-scroll-up span {
  82. background: url("chosen-sprite.png") no-repeat -22px -3px; }
  83. .chosen-container-single .chosen-single {
  84. background-color: #fff;
  85. -webkit-background-clip: padding-box;
  86. -moz-background-clip: padding;
  87. background-clip: padding-box;
  88. border: 1px solid #ccc;
  89. border-top-right-radius: 4px;
  90. border-top-left-radius: 4px;
  91. border-bottom-right-radius: 4px;
  92. border-bottom-left-radius: 4px;
  93. -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  94. box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  95. color: #555555;
  96. display: block;
  97. height: 34px;
  98. overflow: hidden;
  99. line-height: 34px;
  100. padding: 0 0 0 8px;
  101. position: relative;
  102. text-decoration: none;
  103. white-space: nowrap; }
  104. .chosen-container-single .chosen-single span {
  105. display: block;
  106. margin-right: 26px;
  107. overflow: hidden;
  108. text-overflow: ellipsis;
  109. white-space: nowrap; }
  110. .chosen-container-single .chosen-single abbr {
  111. background: url("chosen-sprite.png") right top no-repeat;
  112. display: block;
  113. font-size: 1px;
  114. height: 10px;
  115. position: absolute;
  116. right: 26px;
  117. top: 12px;
  118. width: 12px; }
  119. .chosen-container-single .chosen-single abbr:hover {
  120. background-position: right -11px; }
  121. .chosen-container-single .chosen-single.chosen-disabled .chosen-single abbr:hover {
  122. background-position: right 2px; }
  123. .chosen-container-single .chosen-single div {
  124. display: block;
  125. height: 100%;
  126. position: absolute;
  127. top: 0;
  128. right: 0;
  129. width: 18px; }
  130. .chosen-container-single .chosen-single div b {
  131. background: url("chosen-sprite.png") no-repeat 0 7px;
  132. display: block;
  133. height: 100%;
  134. width: 100%; }
  135. .chosen-container-single .chosen-default {
  136. color: #777777; }
  137. .chosen-container-single .chosen-search {
  138. margin: 0;
  139. padding: 3px 4px;
  140. position: relative;
  141. white-space: nowrap;
  142. z-index: 1000; }
  143. .chosen-container-single .chosen-search input[type="text"] {
  144. background: url("chosen-sprite.png") no-repeat 100% -20px, #fff;
  145. border: 1px solid #ccc;
  146. border-top-right-radius: 4px;
  147. border-top-left-radius: 4px;
  148. border-bottom-right-radius: 4px;
  149. border-bottom-left-radius: 4px;
  150. -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  151. box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  152. margin: 1px 0;
  153. padding: 4px 20px 4px 4px;
  154. width: 100%; }
  155. .chosen-container-single .chosen-drop {
  156. margin-top: -1px;
  157. border-bottom-right-radius: 4px;
  158. border-bottom-left-radius: 4px;
  159. -webkit-background-clip: padding-box;
  160. -moz-background-clip: padding;
  161. background-clip: padding-box; }
  162. .chosen-container-single-nosearch .chosen-search input[type="text"] {
  163. position: absolute;
  164. left: -9000px; }
  165. .chosen-container-multi .chosen-choices {
  166. background-color: #fff;
  167. border: 1px solid #ccc;
  168. border-top-right-radius: 4px;
  169. border-top-left-radius: 4px;
  170. border-bottom-right-radius: 4px;
  171. border-bottom-left-radius: 4px;
  172. -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  173. box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  174. cursor: text;
  175. height: auto !important;
  176. height: 1%;
  177. margin: 0;
  178. overflow: hidden;
  179. padding: 0;
  180. position: relative; }
  181. .chosen-container-multi .chosen-choices li {
  182. float: left;
  183. list-style: none; }
  184. .chosen-container-multi .chosen-choices .search-field {
  185. margin: 0;
  186. padding: 0;
  187. white-space: nowrap; }
  188. .chosen-container-multi .chosen-choices .search-field input[type="text"] {
  189. background: transparent !important;
  190. border: 0 !important;
  191. -webkit-box-shadow: none;
  192. box-shadow: none;
  193. color: #555555;
  194. height: 32px;
  195. margin: 0;
  196. padding: 4px;
  197. outline: 0; }
  198. .chosen-container-multi .chosen-choices .search-field .default {
  199. color: #999; }
  200. .chosen-container-multi .chosen-choices .search-choice {
  201. -webkit-background-clip: padding-box;
  202. -moz-background-clip: padding;
  203. background-clip: padding-box;
  204. background-color: #eeeeee;
  205. border: 1px solid #ccc;
  206. border-top-right-radius: 4px;
  207. border-top-left-radius: 4px;
  208. border-bottom-right-radius: 4px;
  209. border-bottom-left-radius: 4px;
  210. background-image: -webkit-linear-gradient(top, white 0%, #eeeeee 100%);
  211. background-image: -o-linear-gradient(top, white 0%, #eeeeee 100%);
  212. background-image: linear-gradient(to bottom, white 0%, #eeeeee 100%);
  213. background-repeat: repeat-x;
  214. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);
  215. -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  216. box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  217. color: #333333;
  218. cursor: default;
  219. line-height: 13px;
  220. margin: 6px 0 3px 5px;
  221. padding: 3px 20px 3px 5px;
  222. position: relative; }
  223. .chosen-container-multi .chosen-choices .search-choice .search-choice-close {
  224. background: url("chosen-sprite.png") right top no-repeat;
  225. display: block;
  226. font-size: 1px;
  227. height: 10px;
  228. position: absolute;
  229. right: 4px;
  230. top: 5px;
  231. width: 12px;
  232. cursor: pointer; }
  233. .chosen-container-multi .chosen-choices .search-choice .search-choice-close:hover {
  234. background-position: right -11px; }
  235. .chosen-container-multi .chosen-choices .search-choice-focus {
  236. background: #d4d4d4; }
  237. .chosen-container-multi .chosen-choices .search-choice-focus .search-choice-close {
  238. background-position: right -11px; }
  239. .chosen-container-multi .chosen-results {
  240. margin: 0 0 0 0;
  241. padding: 0; }
  242. .chosen-container-multi .chosen-drop .result-selected {
  243. display: none; }
  244. .chosen-container-active .chosen-single {
  245. border: 1px solid #66afe9;
  246. -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px #66afe9;
  247. box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px #66afe9;
  248. -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
  249. -o-transition: border linear 0.2s, box-shadow linear 0.2s;
  250. transition: border linear 0.2s, box-shadow linear 0.2s; }
  251. .chosen-container-active.chosen-with-drop .chosen-single {
  252. background-color: #fff;
  253. border: 1px solid #66afe9;
  254. border-bottom-right-radius: 0;
  255. border-bottom-left-radius: 0;
  256. -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px #66afe9;
  257. box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px #66afe9;
  258. -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
  259. -o-transition: border linear 0.2s, box-shadow linear 0.2s;
  260. transition: border linear 0.2s, box-shadow linear 0.2s; }
  261. .chosen-container-active.chosen-with-drop .chosen-single div {
  262. background: transparent;
  263. border-left: none; }
  264. .chosen-container-active.chosen-with-drop .chosen-single div b {
  265. background-position: -18px 7px; }
  266. .chosen-container-active .chosen-choices {
  267. border: 1px solid #66afe9;
  268. border-bottom-right-radius: 0;
  269. border-bottom-left-radius: 0;
  270. -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px #66afe9;
  271. box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px #66afe9;
  272. -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
  273. -o-transition: border linear 0.2s, box-shadow linear 0.2s;
  274. transition: border linear 0.2s, box-shadow linear 0.2s; }
  275. .chosen-container-active .chosen-choices .search-field input[type="text"] {
  276. color: #111 !important; }
  277. .chosen-container-active.chosen-with-drop .chosen-choices {
  278. border-bottom-right-radius: 0;
  279. border-bottom-left-radius: 0; }
  280. .chosen-disabled {
  281. cursor: default;
  282. opacity: 0.5 !important; }
  283. .chosen-disabled .chosen-single {
  284. cursor: default; }
  285. .chosen-disabled .chosen-choices .search-choice .search-choice-close {
  286. cursor: default; }
  287. .chosen-rtl {
  288. text-align: right; }
  289. .chosen-rtl .chosen-single {
  290. padding: 0 8px 0 0;
  291. overflow: visible; }
  292. .chosen-rtl .chosen-single span {
  293. margin-left: 26px;
  294. margin-right: 0;
  295. direction: rtl; }
  296. .chosen-rtl .chosen-single div {
  297. left: 7px;
  298. right: auto; }
  299. .chosen-rtl .chosen-single abbr {
  300. left: 26px;
  301. right: auto; }
  302. .chosen-rtl .chosen-choices .search-field input[type="text"] {
  303. direction: rtl; }
  304. .chosen-rtl .chosen-choices li {
  305. float: right; }
  306. .chosen-rtl .chosen-choices .search-choice {
  307. margin: 6px 5px 3px 0;
  308. padding: 3px 5px 3px 19px; }
  309. .chosen-rtl .chosen-choices .search-choice .search-choice-close {
  310. background-position: right top;
  311. left: 4px;
  312. right: auto; }
  313. .chosen-rtl.chosen-container-single .chosen-results {
  314. margin: 0 0 4px 4px;
  315. padding: 0 4px 0 0; }
  316. .chosen-rtl .chosen-results .group-option {
  317. padding-left: 0;
  318. padding-right: 15px; }
  319. .chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
  320. border-right: none; }
  321. .chosen-rtl .chosen-search input[type="text"] {
  322. background: url("chosen-sprite.png") no-repeat -28px -20px, #fff;
  323. direction: rtl;
  324. padding: 4px 5px 4px 20px; }
  325. @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx) {
  326. .chosen-rtl .chosen-search input[type="text"],
  327. .chosen-container-single .chosen-single abbr,
  328. .chosen-container-single .chosen-single div b,
  329. .chosen-container-single .chosen-search input[type="text"],
  330. .chosen-container-multi .chosen-choices .search-choice .search-choice-close,
  331. .chosen-container .chosen-results-scroll-down span,
  332. .chosen-container .chosen-results-scroll-up span {
  333. background-image: url("chosen-sprite@2x.png") !important;
  334. background-size: 52px 37px !important;
  335. background-repeat: no-repeat !important; } }