|
0
|
1 .dd {
|
|
|
2 position: relative;
|
|
|
3 display: block;
|
|
|
4 margin: 0;
|
|
|
5 padding: 0;
|
|
|
6 max-width: 600px;
|
|
|
7 list-style: none;
|
|
|
8 font-size: 13px;
|
|
|
9 line-height: 20px; }
|
|
|
10
|
|
|
11 .dd-list {
|
|
|
12 display: block;
|
|
|
13 position: relative;
|
|
|
14 margin: 0;
|
|
|
15 padding: 0;
|
|
|
16 list-style: none; }
|
|
|
17 .dd-list .dd-list {
|
|
|
18 padding-left: 30px; }
|
|
|
19
|
|
|
20 .dd-item,
|
|
|
21 .dd-empty,
|
|
|
22 .dd-placeholder {
|
|
|
23 display: block;
|
|
|
24 position: relative;
|
|
|
25 margin: 0;
|
|
|
26 padding: 0;
|
|
|
27 min-height: 20px;
|
|
|
28 font-size: 13px;
|
|
|
29 line-height: 20px; }
|
|
|
30
|
|
|
31 .dd-handle {
|
|
|
32 display: block;
|
|
|
33 height: 30px;
|
|
|
34 margin: 5px 0;
|
|
|
35 padding: 5px 10px;
|
|
|
36 color: #333;
|
|
|
37 text-decoration: none;
|
|
|
38 font-weight: bold;
|
|
|
39 border: 1px solid #ccc;
|
|
|
40 background: #fafafa;
|
|
|
41 border-radius: 3px;
|
|
|
42 box-sizing: border-box; }
|
|
|
43 .dd-handle:hover {
|
|
|
44 color: #2ea8e5;
|
|
|
45 background: #fff; }
|
|
|
46
|
|
|
47 .dd-item > button {
|
|
|
48 position: relative;
|
|
|
49 cursor: pointer;
|
|
|
50 float: left;
|
|
|
51 width: 25px;
|
|
|
52 height: 20px;
|
|
|
53 margin: 5px 0;
|
|
|
54 padding: 0;
|
|
|
55 text-indent: 100%;
|
|
|
56 white-space: nowrap;
|
|
|
57 overflow: hidden;
|
|
|
58 border: 0;
|
|
|
59 background: transparent;
|
|
|
60 font-size: 12px;
|
|
|
61 line-height: 1;
|
|
|
62 text-align: center;
|
|
|
63 font-weight: bold; }
|
|
|
64 .dd-item > button:before {
|
|
|
65 display: block;
|
|
|
66 position: absolute;
|
|
|
67 width: 100%;
|
|
|
68 text-align: center;
|
|
|
69 text-indent: 0; }
|
|
|
70 .dd-item > button.dd-expand:before {
|
|
|
71 content: '+'; }
|
|
|
72 .dd-item > button.dd-collapse:before {
|
|
|
73 content: '-'; }
|
|
|
74
|
|
|
75 .dd-expand {
|
|
|
76 display: none; }
|
|
|
77
|
|
|
78 .dd-collapsed .dd-list,
|
|
|
79 .dd-collapsed .dd-collapse {
|
|
|
80 display: none; }
|
|
|
81
|
|
|
82 .dd-collapsed .dd-expand {
|
|
|
83 display: block; }
|
|
|
84
|
|
|
85 .dd-empty,
|
|
|
86 .dd-placeholder {
|
|
|
87 margin: 5px 0;
|
|
|
88 padding: 0;
|
|
|
89 min-height: 30px;
|
|
|
90 background: #f2fbff;
|
|
|
91 border: 1px dashed #b6bcbf;
|
|
|
92 box-sizing: border-box;
|
|
|
93 -moz-box-sizing: border-box; }
|
|
|
94
|
|
|
95 .dd-empty {
|
|
|
96 border: 1px dashed #bbb;
|
|
|
97 min-height: 100px;
|
|
|
98 background-color: #e5e5e5;
|
|
|
99 background-size: 60px 60px;
|
|
|
100 background-position: 0 0, 30px 30px; }
|
|
|
101
|
|
|
102 .dd-dragel {
|
|
|
103 position: absolute;
|
|
|
104 pointer-events: none;
|
|
|
105 z-index: 9999; }
|
|
|
106 .dd-dragel > .dd-item .dd-handle {
|
|
|
107 margin-top: 0; }
|
|
|
108 .dd-dragel .dd-handle {
|
|
|
109 box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, 0.1); }
|
|
|
110
|
|
|
111 .dd-nochildren .dd-placeholder {
|
|
|
112 display: none; }
|
