Нема описа

um-select.css 16KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620
  1. /*
  2. Version: 3.4.8 Timestamp: Thu May 1 09:50:32 EDT 2014
  3. */
  4. .select2-container {
  5. margin: 0 !important;
  6. position: relative !important;
  7. display: inline-block !important;
  8. /* inline-block for ie7 */
  9. zoom: 1 !important;
  10. *display: inline !important;
  11. vertical-align: middle !important;
  12. }
  13. .select2-container a:hover {
  14. color: #666 !important;
  15. }
  16. .select2-container,
  17. .select2-drop,
  18. .select2-search,
  19. .select2-search input {
  20. /*
  21. Force border-box so that % widths fit the parent
  22. container without overlap because of margin/padding.
  23. More Info : http://www.quirksmode.org/css/box.html
  24. */
  25. -webkit-box-sizing: border-box; /* webkit */
  26. -moz-box-sizing: border-box; /* firefox */
  27. box-sizing: border-box; /* css3 */
  28. }
  29. .select2-container .select2-choice {
  30. display: block !important;
  31. height: 36px !important;
  32. padding: 0 0 0 12px !important;
  33. overflow: hidden !important;
  34. position: relative !important;
  35. white-space: nowrap !important;
  36. line-height: 35px !important;
  37. color: #666 !important;
  38. font-size: 15px !important;
  39. text-align: left !important;
  40. text-decoration: none !important;
  41. -moz-border-radius: 2px !important;
  42. -webkit-border-radius: 2px !important;
  43. border-radius: 2px !important;
  44. background-clip: padding-box !important;
  45. -webkit-touch-callout: none;
  46. -webkit-user-select: none;
  47. -moz-user-select: none;
  48. -ms-user-select: none;
  49. user-select: none;
  50. background: none !important;
  51. background-color: #fff !important;
  52. }
  53. .select2-container.select2-drop-above .select2-choice {
  54. -moz-border-radius: 0 0 2px 2px !important;
  55. -webkit-border-radius: 0 0 2px 2px !important;
  56. border-radius: 0 0 2px 2px !important;
  57. }
  58. .select2-container.select2-allowclear .select2-choice .select2-chosen {
  59. margin-right: 42px;
  60. }
  61. .select2-container .select2-choice > .select2-chosen {
  62. margin-right: 26px !important;
  63. display: block !important;
  64. overflow: hidden !important;
  65. white-space: nowrap !important;
  66. text-overflow: ellipsis !important;
  67. float: none !important;
  68. width: auto !important;
  69. font-weight: normal;
  70. }
  71. .select2-container .select2-choice abbr {
  72. display: none;
  73. width: 20px!important;
  74. height: 100% !important;
  75. right: 24px !important;
  76. font-size: 1px !important;
  77. text-decoration: none !important;
  78. border: 0 !important;
  79. background: none !important;
  80. cursor: pointer !important;
  81. outline: 0 !important;
  82. }
  83. .select2-container.select2-allowclear .select2-choice abbr {
  84. display: inline-block !important;
  85. }
  86. .select2-container .select2-choice abbr:hover {
  87. cursor: pointer !important;
  88. }
  89. .select2-drop-mask {
  90. border: 0 !important;
  91. margin: 0 !important;
  92. padding: 0 !important;
  93. position: fixed !important;
  94. left: 0 !important;
  95. top: 0 !important;
  96. min-height: 100% !important;
  97. min-width: 100% !important;
  98. height: auto !important;
  99. width: auto !important;
  100. opacity: 0 !important;
  101. z-index: 1999997 !important;
  102. /* styles required for IE to work */
  103. background-color: #fff !important;
  104. filter: alpha(opacity=0) !important;
  105. }
  106. .select2-drop {
  107. width: 100%;
  108. margin-top: -1px;
  109. position: absolute;
  110. z-index: 1999998 !important;
  111. top: 100%;
  112. background: #fff;
  113. color: #666;
  114. -moz-border-radius: 0 0 2px 2px;
  115. -webkit-border-radius: 0 0 2px 2px;
  116. border-radius: 0 0 2px 2px;
  117. box-shadow: none;
  118. }
  119. .select2-drop.select2-drop-above {
  120. margin-top: 1px;
  121. -moz-border-radius: 2px 2px 0 0;
  122. -webkit-border-radius: 2px 2px 0 0;
  123. border-radius: 2px 2px 0 0;
  124. box-shadow: none;
  125. }
  126. .select2-drop-active {
  127. box-shadow: none !important;
  128. }
  129. .select2-drop.select2-drop-above.select2-drop-active {
  130. }
  131. .select2-drop-auto-width {
  132. width: auto !important;
  133. }
  134. .select2-drop-auto-width .select2-search {
  135. padding-top: 4px;
  136. }
  137. .select2-container .select2-choice .select2-arrow {
  138. display: inline-block !important;
  139. width: 34px !important;
  140. height: 100% !important;
  141. position: absolute !important;
  142. right: 0 !important;
  143. top: 0 !important;
  144. -moz-border-radius: 0 2px 2px 0 !important;
  145. -webkit-border-radius: 0 2px 2px 0 !important;
  146. border-radius: 0 2px 2px 0 !important;
  147. background-clip: padding-box !important;
  148. text-align: center !important;
  149. background: transparent !important;
  150. border-left: 0 !important;
  151. }
  152. .select2-container .select2-choice .select2-arrow * {
  153. line-height: 100% !important;
  154. vertical-align: middle !important;
  155. }
  156. .select2-container .select2-choice .select2-arrow b {
  157. display: block !important;
  158. width: 100% !important;
  159. height: 100% !important;
  160. background: none !important;
  161. }
  162. .select2-container .select2-choice .select2-arrow:before {
  163. content: "\f3d0" !important;
  164. font-size: 27px !important;
  165. font-family: "Ionicons" !important;
  166. width: 100% !important;
  167. display: block;
  168. height: 100%;
  169. line-height: 36px;
  170. }
  171. .select2-container .select2-choice .select2-arrow:hover:before {color: #666 !important}
  172. .select2-search {
  173. display: inline-block !important;
  174. width: 100% !important;
  175. min-height: 32px !important;
  176. height: 32px !important;
  177. line-height: 1em !important;
  178. margin: 0 !important;
  179. padding-left: 4px !important;
  180. padding-right: 4px !important;
  181. position: relative !important;
  182. z-index: 1999999 !important;
  183. white-space: nowrap !important;
  184. }
  185. .select2-search input[type=text] {
  186. background: none !important;
  187. width: 100% !important;
  188. height: 32px !important;
  189. line-height: auto !important;
  190. padding: 0 38px 0 7px !important;
  191. margin: 0 !important;
  192. outline: 0 !important;
  193. border: 1px solid #ddd !important;
  194. color: #666 !important;
  195. -moz-border-radius: 2px !important;
  196. -webkit-border-radius: 2px !important;
  197. border-radius: 2px !important;
  198. font-size: 15px !important;
  199. box-sizing: border-box !important;
  200. -webkit-font-smoothing: antialiased !important;
  201. -moz-osx-font-smoothing: grayscale !important;
  202. box-shadow: none !important;
  203. }
  204. .select2-search:before {
  205. content: "\f4a4" !important;
  206. font-size: 20px !important;
  207. height: 32px !important;
  208. line-height: 32px !important;
  209. font-family: "Ionicons" !important;
  210. top: 0 !important;
  211. right: 10px !important;
  212. position: absolute !important;
  213. }
  214. .select2-drop .select2-search {margin-top: 4px !important}
  215. .select2-search input.select2-active {
  216. background: #fff !important;
  217. }
  218. .select2-container-active .select2-choice,
  219. .select2-container-active .select2-choices {
  220. outline: none !important;
  221. box-shadow: none !important;
  222. }
  223. .select2-dropdown-open .select2-choice {
  224. border-bottom-left-radius: 0 !important;
  225. border-bottom-right-radius: 0 !important;
  226. }
  227. .select2-dropdown-open.select2-drop-above .select2-choice,
  228. .select2-dropdown-open.select2-drop-above .select2-choices {
  229. }
  230. .select2-dropdown-open .select2-choice .select2-arrow {
  231. background: transparent !important;
  232. filter: none !important;
  233. border-color: transparent !important;
  234. }
  235. .select2-dropdown-open .select2-choice .select2-arrow b {
  236. }
  237. .select2-hidden-accessible {
  238. border: 0;
  239. clip: rect(0 0 0 0);
  240. height: 1px;
  241. margin: -1px;
  242. overflow: hidden;
  243. padding: 0;
  244. position: absolute;
  245. width: 1px;
  246. }
  247. /* results */
  248. .select2-results {
  249. max-height: 200px;
  250. padding: 0 0 0 5px;
  251. margin: 4px 4px 4px 0;
  252. position: relative;
  253. overflow-x: hidden;
  254. overflow-y: auto;
  255. -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  256. }
  257. .select2-results ul.select2-result-sub {
  258. margin: 0;
  259. padding-left: 0;
  260. }
  261. .select2-results li {
  262. list-style: none;
  263. display: list-item;
  264. background-image: none;
  265. font-size: 15px;
  266. margin: 0!important;
  267. padding: 3px 0 !important;
  268. color: #666 !important;
  269. }
  270. .select2-results li.select2-result-with-children > .select2-result-label {
  271. font-weight: bold !important;
  272. }
  273. .select2-results .select2-result-label {
  274. padding: 3px 7px 4px !important;
  275. margin: 0 !important;
  276. cursor: pointer;
  277. min-height: 1em !important;
  278. -webkit-touch-callout: none;
  279. -webkit-user-select: none;
  280. -moz-user-select: none;
  281. -ms-user-select: none;
  282. user-select: none;
  283. -webkit-font-smoothing: antialiased !important;
  284. -moz-osx-font-smoothing: grayscale !important;
  285. }
  286. .select2-results-dept-1 .select2-result-label { padding-left: 20px }
  287. .select2-results-dept-2 .select2-result-label { padding-left: 40px }
  288. .select2-results-dept-3 .select2-result-label { padding-left: 60px }
  289. .select2-results-dept-4 .select2-result-label { padding-left: 80px }
  290. .select2-results-dept-5 .select2-result-label { padding-left: 100px }
  291. .select2-results-dept-6 .select2-result-label { padding-left: 110px }
  292. .select2-results-dept-7 .select2-result-label { padding-left: 120px }
  293. .select2-results .select2-highlighted {
  294. background: none !important;
  295. background: #f4f4f4 !important;
  296. color: #666 !important;
  297. }
  298. .select2-results li em {
  299. background: #feffde !important;
  300. font-style: normal !important;
  301. }
  302. .select2-results .select2-highlighted em {
  303. background: transparent !important;
  304. }
  305. .select2-results .select2-highlighted ul {
  306. background: #fff !important;
  307. color: #666 !important;
  308. }
  309. .select2-results .select2-no-results,
  310. .select2-results .select2-searching,
  311. .select2-results .select2-selection-limit {
  312. background: #f4f4f4 !important;
  313. display: list-item !important;
  314. padding: 5px !important;
  315. font-size: 15px !important;
  316. -webkit-font-smoothing: antialiased !important;
  317. -moz-osx-font-smoothing: grayscale !important;
  318. }
  319. /*
  320. disabled look for disabled choices in the results dropdown
  321. */
  322. .select2-results .select2-disabled.select2-highlighted .select2-result-label {
  323. color: #bbb !important;
  324. background: #fff !important;
  325. display: list-item !important;
  326. cursor: default !important;
  327. }
  328. .select2-results .select2-disabled .select2-result-label {
  329. color: #bbb !important;
  330. background: #fff !important;
  331. display: list-item !important;
  332. cursor: default !important;
  333. }
  334. .select2-results .select2-selected {
  335. display: none;
  336. }
  337. .select2-more-results.select2-active {
  338. background: #f4f4f4 !important;
  339. }
  340. .select2-more-results {
  341. background: #f4f4f4 !important;
  342. display: list-item !important;
  343. }
  344. /* disabled styles */
  345. .select2-container.select2-container-disabled .select2-choice {
  346. background-color: #f4f4f4 !important;
  347. background-image: none !important;
  348. border: 1px solid #ddd !important;
  349. cursor: default !important;
  350. }
  351. .select2-container.select2-container-disabled .select2-choice .select2-arrow {
  352. background: none !important;
  353. background: #f9f9f9 !important;
  354. border-left: 0 !important;
  355. }
  356. .select2-container.select2-container-disabled .select2-choice abbr {
  357. display: none !important;
  358. }
  359. /* multiselect */
  360. .select2-container-multi .select2-choices {
  361. height: auto !important;
  362. height: 1% !important;
  363. margin: 0 !important;
  364. padding: 1px 3px !important;
  365. position: relative !important;
  366. cursor: text !important;
  367. overflow: hidden !important;
  368. -moz-border-radius: 2px !important;
  369. -webkit-border-radius: 2px !important;
  370. border-radius: 2px !important;
  371. box-shadow: none !important;
  372. }
  373. .select2-locked {
  374. padding: 3px 5px 3px 5px !important;
  375. }
  376. .select2-container-multi .select2-choices {
  377. min-height: 26px;
  378. background-image: none !important;
  379. }
  380. .select2-container-multi.select2-container-active .select2-choices {
  381. outline: none;
  382. box-shadow: none;
  383. }
  384. .select2-container-multi .select2-choices li {
  385. float: left;
  386. list-style: none;
  387. }
  388. html[dir="rtl"] .select2-container-multi .select2-choices li
  389. {
  390. float: right;
  391. }
  392. .select2-container-multi .select2-choices .select2-search-field {
  393. margin: 0;
  394. padding: 0;
  395. white-space: nowrap;
  396. }
  397. .select2-container-multi .select2-choices .select2-search-field input {
  398. padding: 5px !important;
  399. margin: 3px 0 !important;
  400. font-size: 100%;
  401. height: auto !important;
  402. outline: 0;
  403. border: 0 !important;
  404. -webkit-box-shadow: none;
  405. box-shadow: none;
  406. background: transparent !important;
  407. }
  408. .select2-container-multi .select2-choices .select2-search-field input.select2-active {
  409. background: #fff !important;
  410. }
  411. .select2-container-multi .select2-choices .select2-search-choice {
  412. padding: 4px 20px 4px 5px !important;
  413. margin: 6px 0 4px 5px !important;
  414. position: relative;
  415. line-height: 14px;
  416. font-size: 14px;
  417. color: #666;
  418. cursor: default;
  419. border: 1px solid #dddddd;
  420. -moz-border-radius: 2px;
  421. -webkit-border-radius: 2px;
  422. border-radius: 2px;
  423. box-shadow: none !important;
  424. -webkit-touch-callout: none;
  425. -webkit-user-select: none;
  426. -moz-user-select: none;
  427. -ms-user-select: none;
  428. user-select: none;
  429. background: none !important;
  430. background-color: #f9f9f9 !important;
  431. }
  432. html[dir="rtl"] .select2-container-multi .select2-choices .select2-search-choice
  433. {
  434. margin-left: 0;
  435. margin-right: 5px;
  436. }
  437. .select2-container-multi .select2-choices .select2-search-choice .select2-chosen {
  438. cursor: default;
  439. }
  440. .select2-container-multi .select2-choices .select2-search-choice-focus {
  441. background: #f1f1f1;
  442. }
  443. .select2-search-choice-close {
  444. position: absolute !important;
  445. width: 18px !important;
  446. height: 18px !important;
  447. right: 0 !important;
  448. top: 0 !important;
  449. left: auto !important;
  450. outline: none !important;
  451. background: none !important;
  452. }
  453. .select2-search-choice-close:before {
  454. content: "\f2d7" !important;
  455. font-size: 22px !important;
  456. font-family: "Ionicons" !important;
  457. right: 4px !important;
  458. position: relative !important;
  459. display: block;
  460. height: 100%;
  461. width: 100%;
  462. line-height: 36px;
  463. }
  464. .select2-search-choice-close:hover:before {color: #666 !important}
  465. .select2-container-multi .select2-search-choice-close {
  466. text-decoration: none !important;
  467. width: 21px !important;
  468. height: 100% !important;
  469. text-align: center !important;
  470. border-bottom: 0 !important;
  471. }
  472. .select2-container-multi .select2-search-choice-close:before {
  473. font-size: 16px !important;
  474. right: 0 !important;
  475. line-height: 23px !important;
  476. }
  477. /* disabled styles */
  478. .select2-container-multi.select2-container-disabled .select2-choices {
  479. background-color: #f4f4f4;
  480. background-image: none;
  481. border: 1px solid #ddd;
  482. cursor: default;
  483. }
  484. .select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice {
  485. padding: 3px 5px 3px 5px;
  486. border: 1px solid #ddd;
  487. background-image: none;
  488. background-color: #f4f4f4;
  489. }
  490. .select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close { display: none; background: none;}
  491. /* end multiselect */
  492. .select2-result-selectable .select2-match,
  493. .select2-result-unselectable .select2-match {
  494. text-decoration: underline;
  495. }
  496. .select2-offscreen, .select2-offscreen:focus {
  497. clip: rect(0 0 0 0) !important;
  498. width: 1px !important;
  499. height: 1px !important;
  500. border: 0 !important;
  501. margin: 0 !important;
  502. padding: 0 !important;
  503. overflow: hidden !important;
  504. position: absolute !important;
  505. outline: 0 !important;
  506. left: 0px !important;
  507. top: 0px !important;
  508. }
  509. .select2-display-none {
  510. display: none;
  511. }
  512. .select2-measure-scrollbar {
  513. position: absolute;
  514. top: -10000px;
  515. left: -10000px;
  516. width: 100px;
  517. height: 100px;
  518. overflow: scroll;
  519. }