hjg
2023-11-18 bb48edb3d9faaaeab0088151c86fc24137acdb08
提交 | 用户 | 时间
58d006 1 /*
A 2  *  Bootstrap Duallistbox - v3.0.5
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
14 .bootstrap-duallistbox-container label {
15   display: block;
16 }
17
18 .bootstrap-duallistbox-container .info {
19   display: inline-block;
20   margin-bottom: 5px;
21   font-size: 11px;
22 }
23
24 .bootstrap-duallistbox-container .clear1,
25 .bootstrap-duallistbox-container .clear2 {
26   display: none;
27   font-size: 10px;
28 }
29
30 .bootstrap-duallistbox-container .box1.filtered .clear1,
31 .bootstrap-duallistbox-container .box2.filtered .clear2 {
32   display: inline-block;
33 }
34
35 .bootstrap-duallistbox-container .move,
36 .bootstrap-duallistbox-container .remove {
37   width: 60%;
38 }
39
40 .bootstrap-duallistbox-container .btn-group .btn {
41   border-bottom-left-radius: 0;
42   border-bottom-right-radius: 0;
43 }
44 .bootstrap-duallistbox-container select {
45   border-top-left-radius: 0;
46   border-top-right-radius: 0;
47 }
48
49 .bootstrap-duallistbox-container .moveall,
50 .bootstrap-duallistbox-container .removeall {
51   width: 40%;
52 }
53
54 .bootstrap-duallistbox-container.bs2compatible .btn-group > .btn + .btn {
55   margin-left: 0;
56 }
57
58 .bootstrap-duallistbox-container select {
59   width: 100%;
60   height: 300px;
61   padding: 0;
62 }
63
64 .bootstrap-duallistbox-container .filter {
65   display: inline-block;
66   width: 100%;
67   height: 31px;
68   margin: 0 0 5px 0;
69   -webkit-box-sizing: border-box;
70   -moz-box-sizing: border-box;
71   box-sizing: border-box;
72 }
73
74 .bootstrap-duallistbox-container .filter.placeholder {
75   color: #aaa;
76 }
77
78 .bootstrap-duallistbox-container.moveonselect .move,
79 .bootstrap-duallistbox-container.moveonselect .remove {
80   display:none;
81 }
82
83 .bootstrap-duallistbox-container.moveonselect .moveall,
84 .bootstrap-duallistbox-container.moveonselect .removeall {
85   width: 100%;
86 }