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.

multiselect.css 1.5KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778
  1. /* Copyright (c) 2011, Jan-Christoph Borchardt, http://jancborchardt.net
  2. This file is licensed under the Affero General Public License version 3 or later.
  3. See the COPYING-README file. */
  4. ul.multiselectoptions {
  5. background-color:#fff;
  6. border:1px solid #ddd;
  7. border-top:none;
  8. box-shadow:0 1px 1px #ddd;
  9. padding-top:.5em;
  10. position:absolute;
  11. max-height: 20em;
  12. overflow-y: auto;
  13. z-index:49;
  14. }
  15. ul.multiselectoptions.down {
  16. border-bottom-left-radius:.5em;
  17. border-bottom-right-radius:.5em;
  18. }
  19. ul.multiselectoptions.up {
  20. border-top-left-radius:.5em;
  21. border-top-right-radius:.5em;
  22. }
  23. ul.multiselectoptions>li {
  24. overflow:hidden;
  25. white-space:nowrap;
  26. }
  27. div.multiselect {
  28. display:inline-block;
  29. max-width:400px;
  30. min-width:100px;
  31. padding-right:.6em;
  32. position:relative;
  33. vertical-align:bottom;
  34. }
  35. div.multiselect.active {
  36. background-color:#fff;
  37. position:relative;
  38. z-index:50;
  39. }
  40. div.multiselect.up {
  41. border-top:0 none;
  42. border-top-left-radius:0;
  43. border-top-right-radius:0;
  44. }
  45. div.multiselect.down {
  46. border-bottom:none;
  47. border-bottom-left-radius:0;
  48. border-bottom-right-radius:0;
  49. }
  50. div.multiselect>span:first-child {
  51. float:left;
  52. margin-right:2em;
  53. overflow:hidden;
  54. text-overflow:ellipsis;
  55. width:90%;
  56. }
  57. div.multiselect>span:last-child {
  58. position:absolute;
  59. right:.8em;
  60. }
  61. ul.multiselectoptions input.new {
  62. border-top-left-radius:0;
  63. border-top-right-radius:0;
  64. padding-bottom:.2em;
  65. padding-top:.2em;
  66. margin:0;
  67. }