bootstrap-duallistbox.css 2.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687
  1. /*
  2. * Bootstrap Duallistbox - v3.0.7
  3. * A responsive dual listbox widget optimized for Twitter Bootstrap. It works on all modern browsers and on touch devices.
  4. * https://www.virtuosoft.eu/code/bootstrap-duallistbox/
  5. *
  6. * Made by István Ujj-Mészáros
  7. * Under Apache License v2.0 License
  8. */
  9. .bootstrap-duallistbox-container .buttons {
  10. width: 100%;
  11. margin-bottom: -1px;
  12. }
  13. .bootstrap-duallistbox-container label {
  14. display: block;
  15. }
  16. .bootstrap-duallistbox-container .info {
  17. display: inline-block;
  18. margin-bottom: 5px;
  19. font-size: 11px;
  20. }
  21. .bootstrap-duallistbox-container .clear1,
  22. .bootstrap-duallistbox-container .clear2 {
  23. display: none;
  24. font-size: 10px;
  25. }
  26. .bootstrap-duallistbox-container .box1.filtered .clear1,
  27. .bootstrap-duallistbox-container .box2.filtered .clear2 {
  28. display: inline-block;
  29. }
  30. .bootstrap-duallistbox-container .move,
  31. .bootstrap-duallistbox-container .remove {
  32. width: 60%;
  33. }
  34. .bootstrap-duallistbox-container .btn-group .btn {
  35. border-bottom-left-radius: 0;
  36. border-bottom-right-radius: 0;
  37. }
  38. .bootstrap-duallistbox-container select {
  39. border-top-left-radius: 0;
  40. border-top-right-radius: 0;
  41. }
  42. .bootstrap-duallistbox-container .moveall,
  43. .bootstrap-duallistbox-container .removeall {
  44. width: 40%;
  45. }
  46. .bootstrap-duallistbox-container.bs2compatible .btn-group > .btn + .btn {
  47. margin-left: 0;
  48. }
  49. .bootstrap-duallistbox-container select {
  50. width: 100%;
  51. height: 300px;
  52. padding: 0;
  53. }
  54. .bootstrap-duallistbox-container .filter {
  55. display: inline-block;
  56. width: 100%;
  57. height: 31px;
  58. margin: 0 0 5px 0;
  59. -webkit-box-sizing: border-box;
  60. -moz-box-sizing: border-box;
  61. box-sizing: border-box;
  62. }
  63. .bootstrap-duallistbox-container .filter.placeholder {
  64. color: #aaa;
  65. }
  66. .bootstrap-duallistbox-container.moveonselect .move,
  67. .bootstrap-duallistbox-container.moveonselect .remove {
  68. display:none;
  69. }
  70. .bootstrap-duallistbox-container.moveonselect .moveall,
  71. .bootstrap-duallistbox-container.moveonselect .removeall {
  72. width: 100%;
  73. }