multiselect.css 1.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869
  1. /* Multiselect inputs */
  2. .ms-container {
  3. position: relative;
  4. }
  5. .ms-container .glyph-icon {
  6. font-size: 20px;
  7. line-height: 30px;
  8. position: absolute;
  9. top: 50%;
  10. left: 50%;
  11. width: 30px;
  12. height: 30px;
  13. margin: -15px 0 0 -15px;
  14. text-align: center;
  15. }
  16. .ms-container:after {
  17. font-size: 0;
  18. line-height: 0;
  19. display: block;
  20. visibility: hidden;
  21. clear: both;
  22. height: 0;
  23. min-height: 0;
  24. content: '.';
  25. }
  26. .ms-container .ms-selectable,
  27. .ms-container .ms-selection {
  28. float: left;
  29. width: 45%;
  30. color: #555;
  31. background: #fff;
  32. }
  33. .ms-container .ms-selection {
  34. float: right;
  35. }
  36. .ms-container .ms-list {
  37. position: relative;
  38. overflow-y: auto;
  39. height: 200px;
  40. padding: 5px 10px;
  41. border-width: 1px;
  42. border-style: solid;
  43. }
  44. .ms-list li {
  45. line-height: 20px;
  46. margin: 5px 0;
  47. padding: 3px 10px;
  48. }
  49. .ms-container ul {
  50. margin: 0;
  51. padding: 0;
  52. list-style-type: none;
  53. }
  54. .ms-container .ms-optgroup-container {
  55. width: 100%;
  56. }
  57. .ms-container .ms-optgroup-label {
  58. line-height: 20px;
  59. margin: 0;
  60. padding: 3px 10px;
  61. cursor: pointer;
  62. }
  63. .ms-container li.ms-hover {
  64. cursor: pointer;
  65. }
  66. .ms-container li.disabled {
  67. cursor: text;
  68. }