bootstrap-duallistbox.css 1.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778
  1. .bootstrap-duallistbox-container .buttons {
  2. width:calc(100% + 1px);
  3. margin-bottom: -6px;
  4. box-sizing: border-box;
  5. }
  6. .bootstrap-duallistbox-container label {
  7. display: block;
  8. }
  9. .bootstrap-duallistbox-container .info {
  10. display: inline-block;
  11. margin-bottom: 5px;
  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: 50%;box-sizing: border-box;
  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: 50%;box-sizing: border-box;
  37. }
  38. .bootstrap-duallistbox-container.bs2compatible .btn-group > .btn + .btn {
  39. margin-left: 0;
  40. }
  41. .bootstrap-duallistbox-container select {
  42. height: 300px;
  43. box-sizing: border-box;
  44. }
  45. .bootstrap-duallistbox-container select:focus{
  46. border-color: #e5e6e7!important;
  47. }
  48. .bootstrap-duallistbox-container .filter {
  49. display: inline-block;
  50. width: 100%;
  51. height: 31px;margin-bottom:-1px;
  52. -webkit-box-sizing: border-box;
  53. -moz-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. }