multiselect.css 1.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859
  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-bottom-left-radius:.5em;
  8. border-bottom-right-radius:.5em;
  9. border-top:none;
  10. box-shadow:0 1px 1px #ddd;
  11. padding-top:.5em;
  12. position:absolute;
  13. z-index:49;
  14. }
  15. ul.multiselectoptions>li {
  16. overflow:hidden;
  17. white-space:nowrap;
  18. }
  19. div.multiselect {
  20. display:inline-block;
  21. max-width:400px;
  22. min-width:100px;
  23. padding-right:.6em;
  24. position:relative;
  25. vertical-align:bottom;
  26. }
  27. div.multiselect.active {
  28. background-color:#fff;
  29. border-bottom:none;
  30. border-bottom-left-radius:0;
  31. border-bottom-right-radius:0;
  32. position:relative;
  33. z-index:50;
  34. }
  35. div.multiselect>span:first-child {
  36. float:left;
  37. margin-right:2em;
  38. overflow:hidden;
  39. text-overflow:ellipsis;
  40. width:90%;
  41. }
  42. div.multiselect>span:last-child {
  43. position:absolute;
  44. right:.8em;
  45. }
  46. ul.multiselectoptions input.new {
  47. border-top-left-radius:0;
  48. border-top-right-radius:0;
  49. padding-bottom:.2em;
  50. padding-top:.2em;
  51. margin:0;
  52. }