|
352
|
1 /* TREE LAYOUT */
|
|
|
2 .tree ul {
|
|
|
3 margin:0 0 0 5px;
|
|
|
4 padding:0 0 0 0;
|
|
|
5 list-style-type:none;
|
|
|
6 }
|
|
|
7 .tree li {
|
|
|
8 display:block;
|
|
|
9 min-height:18px;
|
|
|
10 line-height:18px;
|
|
|
11 padding:0 0 0 15px;
|
|
|
12 margin:0 0 0 0;
|
|
|
13
|
|
|
14 /* Background fix */
|
|
|
15 clear:both;
|
|
|
16 _height:18px;
|
|
|
17 #height:auto;
|
|
|
18 }
|
|
|
19 .tree li ul {
|
|
|
20 display:none;
|
|
|
21 }
|
|
|
22 .tree li a,
|
|
|
23 .tree li span {
|
|
|
24 /*
|
|
|
25 vertical-align:bottom;
|
|
|
26 display:-moz-inline-stack;
|
|
|
27 */
|
|
|
28 display:inline-block;
|
|
|
29 line-height:16px;
|
|
|
30 height:16px;
|
|
|
31 padding:1px 4px 1px 23px !important;
|
|
|
32 color:black;
|
|
|
33 white-space:nowrap;
|
|
|
34 text-decoration:none;
|
|
|
35 background-color:transparent;
|
|
|
36 background-repeat:no-repeat;
|
|
|
37 background-position:4px 1px;
|
|
|
38 border:0;
|
|
|
39 margin:0;
|
|
|
40 }
|
|
|
41 .tree li a:hover,
|
|
|
42 .tree li a.hover {
|
|
|
43 background-color: #e7f4f9;
|
|
|
44 border:1px solid #d8f0fa;
|
|
|
45 padding:0px 3px 0px 22px !important;
|
|
|
46 background-position:3px 0px;
|
|
|
47 }
|
|
|
48 .tree li a.clicked,
|
|
|
49 .tree li a.clicked:hover,
|
|
|
50 .tree li span.clicked {
|
|
|
51 background-color: #beebff;
|
|
|
52 border:1px solid #99defd;
|
|
|
53 padding:0px 3px 0px 22px !important;
|
|
|
54 background-position:3px 0px;
|
|
|
55 }
|
|
|
56 .tree li span.clicked {
|
|
|
57 padding:0px 3px 0px 20px !important;
|
|
|
58 }
|
|
|
59
|
|
|
60 .tree li a input,
|
|
|
61 .tree li span input {
|
|
|
62 margin:0;
|
|
|
63 padding:0 0;
|
|
|
64 display:block;
|
|
|
65 height:12px !important;
|
|
|
66 border:1px solid white;
|
|
|
67 background:white;
|
|
|
68 font-size:10px;
|
|
|
69 font-family:Verdana;
|
|
|
70 }
|
|
|
71 .tree li a input:not([class="xxx"]),
|
|
|
72 .tree li span input:not([class="xxx"]) {
|
|
|
73 padding:1px 0;
|
|
|
74 }
|
|
|
75
|
|
|
76 .locked li a {
|
|
|
77 color:gray;
|
|
|
78 }
|
|
|
79
|
|
|
80 /* FOR DOTS */
|
|
|
81 .tree ul {
|
|
|
82 background-position:6px 1px;
|
|
|
83 background-repeat:repeat-y;
|
|
|
84 }
|
|
|
85 .tree li {
|
|
|
86 background-position:7px center;
|
|
|
87 background-repeat:no-repeat;
|
|
|
88 }
|
|
|
89 .tree li.last {
|
|
|
90 background-position:5px top;
|
|
|
91 background-repeat:no-repeat;
|
|
|
92 float:left;
|
|
|
93 }
|
|
|
94 /* NO DOTS */
|
|
|
95 .no_dots ul {
|
|
|
96 background:transparent !important;
|
|
|
97 }
|
|
|
98 .no_dots li, .no_dots li.last {
|
|
|
99 background-color:transparent !important;
|
|
|
100 }
|
|
|
101 .no_dots li.leaf {
|
|
|
102 background-image:none !important;
|
|
|
103 background-color:transparent !important;
|
|
|
104 }
|
|
|
105
|
|
|
106 /* OPEN OR CLOSE */
|
|
|
107 .tree li.open ul {
|
|
|
108 display:block;
|
|
|
109 }
|
|
|
110 .tree li.closed ul {
|
|
|
111 display:none !important;
|
|
|
112 }
|
|
|
113
|
|
|
114
|
|
|
115 /* FOR DRAGGING */
|
|
|
116 .tree #dragged {
|
|
|
117 padding:0 3px;
|
|
|
118 margin:0;
|
|
|
119 background:white;
|
|
|
120 opacity: .85;
|
|
|
121 filter: alpha(opacity=85);
|
|
|
122
|
|
|
123 position:absolute;
|
|
|
124 top:-10px;
|
|
|
125 left:-10px;
|
|
|
126 }
|
|
|
127 .tree #dragged.last,
|
|
|
128 .tree #dragged:last-child {
|
|
|
129 background:white;
|
|
|
130 }
|
|
|
131 .tree #dragged ul ul {
|
|
|
132 display:none;
|
|
|
133 }
|
|
|
134
|
|
|
135 /* RTL modification */
|
|
|
136 .rtl * {
|
|
|
137 direction:rtl;
|
|
|
138 }
|
|
|
139 .rtl ul {
|
|
|
140 margin:0 5px 0 0;
|
|
|
141 }
|
|
|
142 .rtl li {
|
|
|
143 padding:0 15px 0 0;
|
|
|
144 }
|
|
|
145 .rtl li.last {
|
|
|
146 background-position:right top;
|
|
|
147 float:right;
|
|
|
148 }
|
|
|
149 .rtl li a,
|
|
|
150 .rtl li span {
|
|
|
151 float:right;
|
|
|
152 padding:1px 23px 1px 4px !important;
|
|
|
153 background-position:right 1px;
|
|
|
154 margin-right:1px;
|
|
|
155 }
|
|
|
156 .rtl li a:hover,
|
|
|
157 .rtl li a.hover {
|
|
|
158 background-color: #e7f4f9;
|
|
|
159 border:1px solid #d8f0fa;
|
|
|
160 padding:0px 23px 0px 3px !important;
|
|
|
161 background-position:right 0px;
|
|
|
162 margin-right:0px;
|
|
|
163 }
|
|
|
164 .rtl li a.clicked,
|
|
|
165 .rtl li a.clicked:hover,
|
|
|
166 .rtl li span.clicked {
|
|
|
167 background-color: #beebff;
|
|
|
168 border:1px solid #99defd;
|
|
|
169 padding:0px 23px 0px 3px !important;
|
|
|
170 background-position:right 0px;
|
|
|
171 margin-right:0px;
|
|
|
172 }
|
|
|
173 .rtl li span.clicked {
|
|
|
174 padding:0px 21px 0px 3px !important;
|
|
|
175 }
|
|
|
176
|
|
|
177 .rtl ul {
|
|
|
178 background-position:right 1px;
|
|
|
179 }
|
|
|
180 .rtl li {
|
|
|
181 background-position:right center;
|
|
|
182 }
|
|
|
183 .rtl #dragged li.open {
|
|
|
184 background-position: right 5px;
|
|
|
185 }
|
|
|
186
|
|
|
187 /* CONTEXT MENU */
|
|
|
188 .tree .context {
|
|
|
189 display:none;
|
|
|
190 position:absolute;
|
|
|
191 list-style-type:none;
|
|
|
192 margin:0;
|
|
|
193 padding:0;
|
|
|
194 }
|
|
|
195 .tree .context .separator {
|
|
|
196 display:none;
|
|
|
197 }
|
|
|
198 .tree .context a {
|
|
|
199 display:block;
|
|
|
200 margin:0;
|
|
|
201 padding:0;
|
|
|
202 }
|
|
|
203
|
|
|
204 .tree li, x:-moz-any-link { overflow:auto; #overflow:visible; }
|
|
|
205 /** FF2 stuff **/
|
|
|
206 .tree li a, x:-moz-any-link { display:inline; float:left; }
|
|
|
207 .tree li, .tree li ul, .tree li.open ul, x:-moz-any-link { clear:both; }
|
|
|
208 .tree li a, x:-moz-any-link, x:default { display:inline-block; float:none; }
|
|
|
209 .tree li ul, .tree li.open ul, x:-moz-any-link, x:default { clear:none; }
|
