bootstrap-duallistbox.css 1.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778
  1. .bootstrap-duallistbox-container .buttons {
  2. width: 100%;
  3. margin-bottom: -1px;
  4. }
  5. .bootstrap-duallistbox-container label {
  6. display: block;
  7. }
  8. .bootstrap-duallistbox-container .info {
  9. display: inline-block;
  10. margin-bottom: 5px;
  11. font-size: 11px;
  12. }
  13. .bootstrap-duallistbox-container .clear1,
  14. .bootstrap-duallistbox-container .clear2 {
  15. display: none;
  16. font-size: 10px;
  17. }
  18. .bootstrap-duallistbox-container .box1.filtered .clear1,
  19. .bootstrap-duallistbox-container .box2.filtered .clear2 {
  20. display: inline-block;
  21. }
  22. .bootstrap-duallistbox-container .move,
  23. .bootstrap-duallistbox-container .remove {
  24. width: 60%;
  25. }
  26. .bootstrap-duallistbox-container .btn-group .btn {
  27. border-bottom-left-radius: 0;
  28. border-bottom-right-radius: 0;
  29. }
  30. .bootstrap-duallistbox-container select {
  31. border-top-left-radius: 0;
  32. border-top-right-radius: 0;
  33. }
  34. .bootstrap-duallistbox-container .moveall,
  35. .bootstrap-duallistbox-container .removeall {
  36. width: 40%;
  37. }
  38. .bootstrap-duallistbox-container.bs2compatible .btn-group > .btn + .btn {
  39. margin-left: 0;
  40. }
  41. .bootstrap-duallistbox-container select {
  42. width: 100%;
  43. height: 300px;
  44. padding: 0;
  45. }
  46. .bootstrap-duallistbox-container .filter {
  47. display: inline-block;
  48. width: 100%;
  49. height: 31px;
  50. margin: 0 0 5px 0;
  51. -webkit-box-sizing: border-box;
  52. -moz-box-sizing: border-box;
  53. box-sizing: border-box;
  54. }
  55. .bootstrap-duallistbox-container .filter.placeholder {
  56. color: #aaa;
  57. }
  58. .bootstrap-duallistbox-container.moveonselect .move,
  59. .bootstrap-duallistbox-container.moveonselect .remove {
  60. display:none;
  61. }
  62. .bootstrap-duallistbox-container.moveonselect .moveall,
  63. .bootstrap-duallistbox-container.moveonselect .removeall {
  64. width: 100%;
  65. }