bootstrap-duallistbox.css 2.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788
  1. /*
  2. * Bootstrap Duallistbox - v4.0.2
  3. * A responsive dual listbox widget optimized for Twitter Bootstrap. It works on all modern browsers and on touch devices.
  4. * http://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: 50%;
  33. box-sizing: content-box;
  34. }
  35. .bootstrap-duallistbox-container .btn-group .btn {
  36. border-bottom-left-radius: 0;
  37. border-bottom-right-radius: 0;
  38. }
  39. .bootstrap-duallistbox-container:not(.moveonselect) select {
  40. border-top-left-radius: 0;
  41. border-top-right-radius: 0;
  42. }
  43. .bootstrap-duallistbox-container .moveall,
  44. .bootstrap-duallistbox-container .removeall {
  45. width: 50%;
  46. box-sizing: content-box;
  47. }
  48. .bootstrap-duallistbox-container.bs2compatible .btn-group > .btn + .btn {
  49. margin-left: 0;
  50. }
  51. .bootstrap-duallistbox-container select {
  52. width: 100%;
  53. height: 300px;
  54. padding: 0;
  55. }
  56. .bootstrap-duallistbox-container .filter {
  57. display: inline-block;
  58. width: 100%;
  59. height: 31px;
  60. margin: 0 0 5px 0;
  61. -webkit-box-sizing: border-box;
  62. -moz-box-sizing: border-box;
  63. box-sizing: border-box;
  64. }
  65. .bootstrap-duallistbox-container .filter.placeholder {
  66. color: #aaa;
  67. }
  68. .bootstrap-duallistbox-container.moveonselect .move,
  69. .bootstrap-duallistbox-container.moveonselect .remove {
  70. display:none;
  71. }
  72. .bootstrap-duallistbox-container.moveonselect .moveall,
  73. .bootstrap-duallistbox-container.moveonselect .removeall {
  74. width: 100%;
  75. }