|
0
|
1 ul.tree {
|
|
|
2 margin-left: 12px;
|
|
|
3 }
|
|
|
4
|
|
|
5 ul.tree,
|
|
|
6 ul.tree ul {
|
|
|
7 list-style: none outside;
|
|
|
8 margin-bottom: 0;
|
|
|
9 padding: 0;
|
|
|
10 }
|
|
|
11
|
|
|
12 ul.tree ul {
|
|
|
13 display: block;
|
|
|
14 margin-left: 12px;
|
|
|
15 margin-right: 0;
|
|
|
16 }
|
|
|
17
|
|
|
18 ul.tree li.closed > ul {
|
|
|
19 display: none;
|
|
|
20 }
|
|
|
21
|
|
|
22 ul.tree li {
|
|
|
23 clear: both;
|
|
|
24 }
|
|
|
25
|
|
|
26 ul.tree .toggler {
|
|
|
27 background-image: url(jqtree-icons.png);
|
|
|
28 background-repeat: no-repeat;
|
|
|
29 background-position: -8px 0;
|
|
|
30 width: 8px;
|
|
|
31 height: 8px;
|
|
|
32 display: block;
|
|
|
33 position: absolute;
|
|
|
34 left: -12px;
|
|
|
35 top: 30%;
|
|
|
36 text-indent: -9999px;
|
|
|
37 border-bottom: none;
|
|
|
38 }
|
|
|
39
|
|
|
40 ul.tree div {
|
|
|
41 cursor: pointer;
|
|
|
42 }
|
|
|
43
|
|
|
44 ul.tree .title {
|
|
|
45 color: #1C4257;
|
|
|
46 vertical-align: middle;
|
|
|
47 }
|
|
|
48
|
|
|
49 ul.tree li.folder {
|
|
|
50 margin-bottom: 4px;
|
|
|
51 }
|
|
|
52
|
|
|
53 ul.tree li.folder.closed {
|
|
|
54 margin-bottom: 1px;
|
|
|
55 }
|
|
|
56
|
|
|
57 ul.tree li.folder .title {
|
|
|
58 margin-left: 0;
|
|
|
59 }
|
|
|
60
|
|
|
61 ul.tree .toggler.closed {
|
|
|
62 background-position: 0 0;
|
|
|
63 }
|
|
|
64
|
|
|
65 span.tree-dragging {
|
|
|
66 color: #fff;
|
|
|
67 background: #000;
|
|
|
68 opacity: 0.6;
|
|
|
69 cursor: pointer;
|
|
|
70 padding: 2px 8px;
|
|
|
71 }
|
|
|
72
|
|
|
73 ul.tree li.ghost {
|
|
|
74 position: relative;
|
|
|
75 z-index: 10;
|
|
|
76 margin-right: 10px;
|
|
|
77 }
|
|
|
78
|
|
|
79 ul.tree li.ghost span {
|
|
|
80 display: block;
|
|
|
81 }
|
|
|
82
|
|
|
83 ul.tree li.ghost span.circle {
|
|
|
84 background-image: url(jqtree-icons.png);
|
|
|
85 background-repeat: no-repeat;
|
|
|
86 background-position: 0 -8px;
|
|
|
87 height: 8px;
|
|
|
88 width: 8px;
|
|
|
89 position: absolute;
|
|
|
90 top: -4px;
|
|
|
91 left: 2px;
|
|
|
92 }
|
|
|
93
|
|
|
94 ul.tree li.ghost span.line {
|
|
|
95 background-color: #0000ff;
|
|
|
96 height: 2px;
|
|
|
97 padding: 0;
|
|
|
98 position: absolute;
|
|
|
99 top: -1px;
|
|
|
100 left: 10px;
|
|
|
101 width: 100%;
|
|
|
102 }
|
|
|
103
|
|
|
104 ul.tree li.ghost.inside {
|
|
|
105 margin-left: 48px;
|
|
|
106 }
|
|
|
107
|
|
|
108 ul.tree span.tree-hit {
|
|
|
109 position: absolute;
|
|
|
110 display: block;
|
|
|
111 }
|
|
|
112
|
|
|
113 ul.tree span.border {
|
|
|
114 position: absolute;
|
|
|
115 display: block;
|
|
|
116 left: -2px;
|
|
|
117 top: 0;
|
|
|
118 border: solid 2px #0000ff;
|
|
|
119 -webkit-border-radius: 6px;
|
|
|
120 -moz-border-radius: 6px;
|
|
|
121 border-radius: 6px;
|
|
|
122 margin: 0;
|
|
|
123 }
|
|
|
124
|
|
|
125 ul.tree div {
|
|
|
126 width: 100%; /* todo: why is this in here? */
|
|
|
127 *width: auto; /* ie7 fix; issue 41 */
|
|
|
128 position: relative;
|
|
|
129 }
|
|
|
130
|
|
|
131 ul.tree li.selected > div,
|
|
|
132 ul.tree li.selected > div:hover {
|
|
|
133 background-color: #97BDD6;
|
|
|
134 background: -webkit-gradient(linear, left top, left bottom, from(#BEE0F5), to(#89AFCA));
|
|
|
135 background: -moz-linear-gradient(top, #BEE0F5, #89AFCA);
|
|
|
136 background: -ms-linear-gradient(top, #BEE0F5, #89AFCA);
|
|
|
137 background: -o-linear-gradient(top, #BEE0F5, #89AFCA);
|
|
|
138 text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);
|
|
|
139 }
|
|
|
140
|
|
|
141 ul.tree .moving > div .title {
|
|
|
142 outline: dashed 1px #0000ff;
|
|
|
143 }
|
