Mercurial > repos > mingchen0919 > aurora_skewer_site
comparison vakata-jstree-3.3.5/src/themes/default/style.css @ 0:a42e58c71e5b draft default tip
planemo upload commit 841d8b22bf9f1aaed6bfe8344b60617f45b275b2-dirty
author | mingchen0919 |
---|---|
date | Sun, 30 Dec 2018 12:55:49 -0500 |
parents | |
children |
comparison
equal
deleted
inserted
replaced
-1:000000000000 | 0:a42e58c71e5b |
---|---|
1 /* jsTree default theme */ | |
2 .jstree-node, | |
3 .jstree-children, | |
4 .jstree-container-ul { | |
5 display: block; | |
6 margin: 0; | |
7 padding: 0; | |
8 list-style-type: none; | |
9 list-style-image: none; | |
10 } | |
11 .jstree-node { | |
12 white-space: nowrap; | |
13 } | |
14 .jstree-anchor { | |
15 display: inline-block; | |
16 color: black; | |
17 white-space: nowrap; | |
18 padding: 0 4px 0 1px; | |
19 margin: 0; | |
20 vertical-align: top; | |
21 } | |
22 .jstree-anchor:focus { | |
23 outline: 0; | |
24 } | |
25 .jstree-anchor, | |
26 .jstree-anchor:link, | |
27 .jstree-anchor:visited, | |
28 .jstree-anchor:hover, | |
29 .jstree-anchor:active { | |
30 text-decoration: none; | |
31 color: inherit; | |
32 } | |
33 .jstree-icon { | |
34 display: inline-block; | |
35 text-decoration: none; | |
36 margin: 0; | |
37 padding: 0; | |
38 vertical-align: top; | |
39 text-align: center; | |
40 } | |
41 .jstree-icon:empty { | |
42 display: inline-block; | |
43 text-decoration: none; | |
44 margin: 0; | |
45 padding: 0; | |
46 vertical-align: top; | |
47 text-align: center; | |
48 } | |
49 .jstree-ocl { | |
50 cursor: pointer; | |
51 } | |
52 .jstree-leaf > .jstree-ocl { | |
53 cursor: default; | |
54 } | |
55 .jstree .jstree-open > .jstree-children { | |
56 display: block; | |
57 } | |
58 .jstree .jstree-closed > .jstree-children, | |
59 .jstree .jstree-leaf > .jstree-children { | |
60 display: none; | |
61 } | |
62 .jstree-anchor > .jstree-themeicon { | |
63 margin-right: 2px; | |
64 } | |
65 .jstree-no-icons .jstree-themeicon, | |
66 .jstree-anchor > .jstree-themeicon-hidden { | |
67 display: none; | |
68 } | |
69 .jstree-hidden, | |
70 .jstree-node.jstree-hidden { | |
71 display: none; | |
72 } | |
73 .jstree-rtl .jstree-anchor { | |
74 padding: 0 1px 0 4px; | |
75 } | |
76 .jstree-rtl .jstree-anchor > .jstree-themeicon { | |
77 margin-left: 2px; | |
78 margin-right: 0; | |
79 } | |
80 .jstree-rtl .jstree-node { | |
81 margin-left: 0; | |
82 } | |
83 .jstree-rtl .jstree-container-ul > .jstree-node { | |
84 margin-right: 0; | |
85 } | |
86 .jstree-wholerow-ul { | |
87 position: relative; | |
88 display: inline-block; | |
89 min-width: 100%; | |
90 } | |
91 .jstree-wholerow-ul .jstree-leaf > .jstree-ocl { | |
92 cursor: pointer; | |
93 } | |
94 .jstree-wholerow-ul .jstree-anchor, | |
95 .jstree-wholerow-ul .jstree-icon { | |
96 position: relative; | |
97 } | |
98 .jstree-wholerow-ul .jstree-wholerow { | |
99 width: 100%; | |
100 cursor: pointer; | |
101 position: absolute; | |
102 left: 0; | |
103 -webkit-user-select: none; | |
104 -moz-user-select: none; | |
105 -ms-user-select: none; | |
106 user-select: none; | |
107 } | |
108 .jstree-contextmenu .jstree-anchor { | |
109 -webkit-user-select: none; | |
110 /* disable selection/Copy of UIWebView */ | |
111 -webkit-touch-callout: none; | |
112 /* disable the IOS popup when long-press on a link */ | |
113 } | |
114 .vakata-context { | |
115 display: none; | |
116 } | |
117 .vakata-context, | |
118 .vakata-context ul { | |
119 margin: 0; | |
120 padding: 2px; | |
121 position: absolute; | |
122 background: #f5f5f5; | |
123 border: 1px solid #979797; | |
124 box-shadow: 2px 2px 2px #999999; | |
125 } | |
126 .vakata-context ul { | |
127 list-style: none; | |
128 left: 100%; | |
129 margin-top: -2.7em; | |
130 margin-left: -4px; | |
131 } | |
132 .vakata-context .vakata-context-right ul { | |
133 left: auto; | |
134 right: 100%; | |
135 margin-left: auto; | |
136 margin-right: -4px; | |
137 } | |
138 .vakata-context li { | |
139 list-style: none; | |
140 } | |
141 .vakata-context li > a { | |
142 display: block; | |
143 padding: 0 2em 0 2em; | |
144 text-decoration: none; | |
145 width: auto; | |
146 color: black; | |
147 white-space: nowrap; | |
148 line-height: 2.4em; | |
149 text-shadow: 1px 1px 0 white; | |
150 border-radius: 1px; | |
151 } | |
152 .vakata-context li > a:hover { | |
153 position: relative; | |
154 background-color: #e8eff7; | |
155 box-shadow: 0 0 2px #0a6aa1; | |
156 } | |
157 .vakata-context li > a.vakata-context-parent { | |
158 background-image: url("data:image/gif;base64,R0lGODlhCwAHAIAAACgoKP///yH5BAEAAAEALAAAAAALAAcAAAIORI4JlrqN1oMSnmmZDQUAOw=="); | |
159 background-position: right center; | |
160 background-repeat: no-repeat; | |
161 } | |
162 .vakata-context li > a:focus { | |
163 outline: 0; | |
164 } | |
165 .vakata-context .vakata-context-hover > a { | |
166 position: relative; | |
167 background-color: #e8eff7; | |
168 box-shadow: 0 0 2px #0a6aa1; | |
169 } | |
170 .vakata-context .vakata-context-separator > a, | |
171 .vakata-context .vakata-context-separator > a:hover { | |
172 background: white; | |
173 border: 0; | |
174 border-top: 1px solid #e2e3e3; | |
175 height: 1px; | |
176 min-height: 1px; | |
177 max-height: 1px; | |
178 padding: 0; | |
179 margin: 0 0 0 2.4em; | |
180 border-left: 1px solid #e0e0e0; | |
181 text-shadow: 0 0 0 transparent; | |
182 box-shadow: 0 0 0 transparent; | |
183 border-radius: 0; | |
184 } | |
185 .vakata-context .vakata-contextmenu-disabled a, | |
186 .vakata-context .vakata-contextmenu-disabled a:hover { | |
187 color: silver; | |
188 background-color: transparent; | |
189 border: 0; | |
190 box-shadow: 0 0 0; | |
191 } | |
192 .vakata-context li > a > i { | |
193 text-decoration: none; | |
194 display: inline-block; | |
195 width: 2.4em; | |
196 height: 2.4em; | |
197 background: transparent; | |
198 margin: 0 0 0 -2em; | |
199 vertical-align: top; | |
200 text-align: center; | |
201 line-height: 2.4em; | |
202 } | |
203 .vakata-context li > a > i:empty { | |
204 width: 2.4em; | |
205 line-height: 2.4em; | |
206 } | |
207 .vakata-context li > a .vakata-contextmenu-sep { | |
208 display: inline-block; | |
209 width: 1px; | |
210 height: 2.4em; | |
211 background: white; | |
212 margin: 0 0.5em 0 0; | |
213 border-left: 1px solid #e2e3e3; | |
214 } | |
215 .vakata-context .vakata-contextmenu-shortcut { | |
216 font-size: 0.8em; | |
217 color: silver; | |
218 opacity: 0.5; | |
219 display: none; | |
220 } | |
221 .vakata-context-rtl ul { | |
222 left: auto; | |
223 right: 100%; | |
224 margin-left: auto; | |
225 margin-right: -4px; | |
226 } | |
227 .vakata-context-rtl li > a.vakata-context-parent { | |
228 background-image: url("data:image/gif;base64,R0lGODlhCwAHAIAAACgoKP///yH5BAEAAAEALAAAAAALAAcAAAINjI+AC7rWHIsPtmoxLAA7"); | |
229 background-position: left center; | |
230 background-repeat: no-repeat; | |
231 } | |
232 .vakata-context-rtl .vakata-context-separator > a { | |
233 margin: 0 2.4em 0 0; | |
234 border-left: 0; | |
235 border-right: 1px solid #e2e3e3; | |
236 } | |
237 .vakata-context-rtl .vakata-context-left ul { | |
238 right: auto; | |
239 left: 100%; | |
240 margin-left: -4px; | |
241 margin-right: auto; | |
242 } | |
243 .vakata-context-rtl li > a > i { | |
244 margin: 0 -2em 0 0; | |
245 } | |
246 .vakata-context-rtl li > a .vakata-contextmenu-sep { | |
247 margin: 0 0 0 0.5em; | |
248 border-left-color: white; | |
249 background: #e2e3e3; | |
250 } | |
251 #jstree-marker { | |
252 position: absolute; | |
253 top: 0; | |
254 left: 0; | |
255 margin: -5px 0 0 0; | |
256 padding: 0; | |
257 border-right: 0; | |
258 border-top: 5px solid transparent; | |
259 border-bottom: 5px solid transparent; | |
260 border-left: 5px solid; | |
261 width: 0; | |
262 height: 0; | |
263 font-size: 0; | |
264 line-height: 0; | |
265 } | |
266 #jstree-dnd { | |
267 line-height: 16px; | |
268 margin: 0; | |
269 padding: 4px; | |
270 } | |
271 #jstree-dnd .jstree-icon, | |
272 #jstree-dnd .jstree-copy { | |
273 display: inline-block; | |
274 text-decoration: none; | |
275 margin: 0 2px 0 0; | |
276 padding: 0; | |
277 width: 16px; | |
278 height: 16px; | |
279 } | |
280 #jstree-dnd .jstree-ok { | |
281 background: green; | |
282 } | |
283 #jstree-dnd .jstree-er { | |
284 background: red; | |
285 } | |
286 #jstree-dnd .jstree-copy { | |
287 margin: 0 2px 0 2px; | |
288 } | |
289 .jstree-default .jstree-node, | |
290 .jstree-default .jstree-icon { | |
291 background-repeat: no-repeat; | |
292 background-color: transparent; | |
293 } | |
294 .jstree-default .jstree-anchor, | |
295 .jstree-default .jstree-animated, | |
296 .jstree-default .jstree-wholerow { | |
297 transition: background-color 0.15s, box-shadow 0.15s; | |
298 } | |
299 .jstree-default .jstree-hovered { | |
300 background: #e7f4f9; | |
301 border-radius: 2px; | |
302 box-shadow: inset 0 0 1px #cccccc; | |
303 } | |
304 .jstree-default .jstree-context { | |
305 background: #e7f4f9; | |
306 border-radius: 2px; | |
307 box-shadow: inset 0 0 1px #cccccc; | |
308 } | |
309 .jstree-default .jstree-clicked { | |
310 background: #beebff; | |
311 border-radius: 2px; | |
312 box-shadow: inset 0 0 1px #999999; | |
313 } | |
314 .jstree-default .jstree-no-icons .jstree-anchor > .jstree-themeicon { | |
315 display: none; | |
316 } | |
317 .jstree-default .jstree-disabled { | |
318 background: transparent; | |
319 color: #666666; | |
320 } | |
321 .jstree-default .jstree-disabled.jstree-hovered { | |
322 background: transparent; | |
323 box-shadow: none; | |
324 } | |
325 .jstree-default .jstree-disabled.jstree-clicked { | |
326 background: #efefef; | |
327 } | |
328 .jstree-default .jstree-disabled > .jstree-icon { | |
329 opacity: 0.8; | |
330 filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'jstree-grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#jstree-grayscale"); | |
331 /* Firefox 10+ */ | |
332 filter: gray; | |
333 /* IE6-9 */ | |
334 -webkit-filter: grayscale(100%); | |
335 /* Chrome 19+ & Safari 6+ */ | |
336 } | |
337 .jstree-default .jstree-search { | |
338 font-style: italic; | |
339 color: #8b0000; | |
340 font-weight: bold; | |
341 } | |
342 .jstree-default .jstree-no-checkboxes .jstree-checkbox { | |
343 display: none !important; | |
344 } | |
345 .jstree-default.jstree-checkbox-no-clicked .jstree-clicked { | |
346 background: transparent; | |
347 box-shadow: none; | |
348 } | |
349 .jstree-default.jstree-checkbox-no-clicked .jstree-clicked.jstree-hovered { | |
350 background: #e7f4f9; | |
351 } | |
352 .jstree-default.jstree-checkbox-no-clicked > .jstree-wholerow-ul .jstree-wholerow-clicked { | |
353 background: transparent; | |
354 } | |
355 .jstree-default.jstree-checkbox-no-clicked > .jstree-wholerow-ul .jstree-wholerow-clicked.jstree-wholerow-hovered { | |
356 background: #e7f4f9; | |
357 } | |
358 .jstree-default > .jstree-striped { | |
359 min-width: 100%; | |
360 display: inline-block; | |
361 background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAkCAMAAAB/qqA+AAAABlBMVEUAAAAAAAClZ7nPAAAAAnRSTlMNAMM9s3UAAAAXSURBVHjajcEBAQAAAIKg/H/aCQZ70AUBjAATb6YPDgAAAABJRU5ErkJggg==") left top repeat; | |
362 } | |
363 .jstree-default > .jstree-wholerow-ul .jstree-hovered, | |
364 .jstree-default > .jstree-wholerow-ul .jstree-clicked { | |
365 background: transparent; | |
366 box-shadow: none; | |
367 border-radius: 0; | |
368 } | |
369 .jstree-default .jstree-wholerow { | |
370 -moz-box-sizing: border-box; | |
371 -webkit-box-sizing: border-box; | |
372 box-sizing: border-box; | |
373 } | |
374 .jstree-default .jstree-wholerow-hovered { | |
375 background: #e7f4f9; | |
376 } | |
377 .jstree-default .jstree-wholerow-clicked { | |
378 background: #beebff; | |
379 background: -webkit-linear-gradient(top, #beebff 0%, #a8e4ff 100%); | |
380 background: linear-gradient(to bottom, #beebff 0%, #a8e4ff 100%); | |
381 } | |
382 .jstree-default .jstree-node { | |
383 min-height: 24px; | |
384 line-height: 24px; | |
385 margin-left: 24px; | |
386 min-width: 24px; | |
387 } | |
388 .jstree-default .jstree-anchor { | |
389 line-height: 24px; | |
390 height: 24px; | |
391 } | |
392 .jstree-default .jstree-icon { | |
393 width: 24px; | |
394 height: 24px; | |
395 line-height: 24px; | |
396 } | |
397 .jstree-default .jstree-icon:empty { | |
398 width: 24px; | |
399 height: 24px; | |
400 line-height: 24px; | |
401 } | |
402 .jstree-default.jstree-rtl .jstree-node { | |
403 margin-right: 24px; | |
404 } | |
405 .jstree-default .jstree-wholerow { | |
406 height: 24px; | |
407 } | |
408 .jstree-default .jstree-node, | |
409 .jstree-default .jstree-icon { | |
410 background-image: url("32px.png"); | |
411 } | |
412 .jstree-default .jstree-node { | |
413 background-position: -292px -4px; | |
414 background-repeat: repeat-y; | |
415 } | |
416 .jstree-default .jstree-last { | |
417 background: transparent; | |
418 } | |
419 .jstree-default .jstree-open > .jstree-ocl { | |
420 background-position: -132px -4px; | |
421 } | |
422 .jstree-default .jstree-closed > .jstree-ocl { | |
423 background-position: -100px -4px; | |
424 } | |
425 .jstree-default .jstree-leaf > .jstree-ocl { | |
426 background-position: -68px -4px; | |
427 } | |
428 .jstree-default .jstree-themeicon { | |
429 background-position: -260px -4px; | |
430 } | |
431 .jstree-default > .jstree-no-dots .jstree-node, | |
432 .jstree-default > .jstree-no-dots .jstree-leaf > .jstree-ocl { | |
433 background: transparent; | |
434 } | |
435 .jstree-default > .jstree-no-dots .jstree-open > .jstree-ocl { | |
436 background-position: -36px -4px; | |
437 } | |
438 .jstree-default > .jstree-no-dots .jstree-closed > .jstree-ocl { | |
439 background-position: -4px -4px; | |
440 } | |
441 .jstree-default .jstree-disabled { | |
442 background: transparent; | |
443 } | |
444 .jstree-default .jstree-disabled.jstree-hovered { | |
445 background: transparent; | |
446 } | |
447 .jstree-default .jstree-disabled.jstree-clicked { | |
448 background: #efefef; | |
449 } | |
450 .jstree-default .jstree-checkbox { | |
451 background-position: -164px -4px; | |
452 } | |
453 .jstree-default .jstree-checkbox:hover { | |
454 background-position: -164px -36px; | |
455 } | |
456 .jstree-default.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox, | |
457 .jstree-default .jstree-checked > .jstree-checkbox { | |
458 background-position: -228px -4px; | |
459 } | |
460 .jstree-default.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:hover, | |
461 .jstree-default .jstree-checked > .jstree-checkbox:hover { | |
462 background-position: -228px -36px; | |
463 } | |
464 .jstree-default .jstree-anchor > .jstree-undetermined { | |
465 background-position: -196px -4px; | |
466 } | |
467 .jstree-default .jstree-anchor > .jstree-undetermined:hover { | |
468 background-position: -196px -36px; | |
469 } | |
470 .jstree-default .jstree-checkbox-disabled { | |
471 opacity: 0.8; | |
472 filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'jstree-grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#jstree-grayscale"); | |
473 /* Firefox 10+ */ | |
474 filter: gray; | |
475 /* IE6-9 */ | |
476 -webkit-filter: grayscale(100%); | |
477 /* Chrome 19+ & Safari 6+ */ | |
478 } | |
479 .jstree-default > .jstree-striped { | |
480 background-size: auto 48px; | |
481 } | |
482 .jstree-default.jstree-rtl .jstree-node { | |
483 background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg=="); | |
484 background-position: 100% 1px; | |
485 background-repeat: repeat-y; | |
486 } | |
487 .jstree-default.jstree-rtl .jstree-last { | |
488 background: transparent; | |
489 } | |
490 .jstree-default.jstree-rtl .jstree-open > .jstree-ocl { | |
491 background-position: -132px -36px; | |
492 } | |
493 .jstree-default.jstree-rtl .jstree-closed > .jstree-ocl { | |
494 background-position: -100px -36px; | |
495 } | |
496 .jstree-default.jstree-rtl .jstree-leaf > .jstree-ocl { | |
497 background-position: -68px -36px; | |
498 } | |
499 .jstree-default.jstree-rtl > .jstree-no-dots .jstree-node, | |
500 .jstree-default.jstree-rtl > .jstree-no-dots .jstree-leaf > .jstree-ocl { | |
501 background: transparent; | |
502 } | |
503 .jstree-default.jstree-rtl > .jstree-no-dots .jstree-open > .jstree-ocl { | |
504 background-position: -36px -36px; | |
505 } | |
506 .jstree-default.jstree-rtl > .jstree-no-dots .jstree-closed > .jstree-ocl { | |
507 background-position: -4px -36px; | |
508 } | |
509 .jstree-default .jstree-themeicon-custom { | |
510 background-color: transparent; | |
511 background-image: none; | |
512 background-position: 0 0; | |
513 } | |
514 .jstree-default > .jstree-container-ul .jstree-loading > .jstree-ocl { | |
515 background: url("throbber.gif") center center no-repeat; | |
516 } | |
517 .jstree-default .jstree-file { | |
518 background: url("32px.png") -100px -68px no-repeat; | |
519 } | |
520 .jstree-default .jstree-folder { | |
521 background: url("32px.png") -260px -4px no-repeat; | |
522 } | |
523 .jstree-default > .jstree-container-ul > .jstree-node { | |
524 margin-left: 0; | |
525 margin-right: 0; | |
526 } | |
527 #jstree-dnd.jstree-default { | |
528 line-height: 24px; | |
529 padding: 0 4px; | |
530 } | |
531 #jstree-dnd.jstree-default .jstree-ok, | |
532 #jstree-dnd.jstree-default .jstree-er { | |
533 background-image: url("32px.png"); | |
534 background-repeat: no-repeat; | |
535 background-color: transparent; | |
536 } | |
537 #jstree-dnd.jstree-default i { | |
538 background: transparent; | |
539 width: 24px; | |
540 height: 24px; | |
541 line-height: 24px; | |
542 } | |
543 #jstree-dnd.jstree-default .jstree-ok { | |
544 background-position: -4px -68px; | |
545 } | |
546 #jstree-dnd.jstree-default .jstree-er { | |
547 background-position: -36px -68px; | |
548 } | |
549 .jstree-default .jstree-ellipsis { | |
550 overflow: hidden; | |
551 } | |
552 .jstree-default .jstree-ellipsis .jstree-anchor { | |
553 width: calc(100% - 29px); | |
554 text-overflow: ellipsis; | |
555 overflow: hidden; | |
556 } | |
557 .jstree-default .jstree-ellipsis.jstree-no-icons .jstree-anchor { | |
558 width: calc(100% - 5px); | |
559 } | |
560 .jstree-default.jstree-rtl .jstree-node { | |
561 background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg=="); | |
562 } | |
563 .jstree-default.jstree-rtl .jstree-last { | |
564 background: transparent; | |
565 } | |
566 .jstree-default-small .jstree-node { | |
567 min-height: 18px; | |
568 line-height: 18px; | |
569 margin-left: 18px; | |
570 min-width: 18px; | |
571 } | |
572 .jstree-default-small .jstree-anchor { | |
573 line-height: 18px; | |
574 height: 18px; | |
575 } | |
576 .jstree-default-small .jstree-icon { | |
577 width: 18px; | |
578 height: 18px; | |
579 line-height: 18px; | |
580 } | |
581 .jstree-default-small .jstree-icon:empty { | |
582 width: 18px; | |
583 height: 18px; | |
584 line-height: 18px; | |
585 } | |
586 .jstree-default-small.jstree-rtl .jstree-node { | |
587 margin-right: 18px; | |
588 } | |
589 .jstree-default-small .jstree-wholerow { | |
590 height: 18px; | |
591 } | |
592 .jstree-default-small .jstree-node, | |
593 .jstree-default-small .jstree-icon { | |
594 background-image: url("32px.png"); | |
595 } | |
596 .jstree-default-small .jstree-node { | |
597 background-position: -295px -7px; | |
598 background-repeat: repeat-y; | |
599 } | |
600 .jstree-default-small .jstree-last { | |
601 background: transparent; | |
602 } | |
603 .jstree-default-small .jstree-open > .jstree-ocl { | |
604 background-position: -135px -7px; | |
605 } | |
606 .jstree-default-small .jstree-closed > .jstree-ocl { | |
607 background-position: -103px -7px; | |
608 } | |
609 .jstree-default-small .jstree-leaf > .jstree-ocl { | |
610 background-position: -71px -7px; | |
611 } | |
612 .jstree-default-small .jstree-themeicon { | |
613 background-position: -263px -7px; | |
614 } | |
615 .jstree-default-small > .jstree-no-dots .jstree-node, | |
616 .jstree-default-small > .jstree-no-dots .jstree-leaf > .jstree-ocl { | |
617 background: transparent; | |
618 } | |
619 .jstree-default-small > .jstree-no-dots .jstree-open > .jstree-ocl { | |
620 background-position: -39px -7px; | |
621 } | |
622 .jstree-default-small > .jstree-no-dots .jstree-closed > .jstree-ocl { | |
623 background-position: -7px -7px; | |
624 } | |
625 .jstree-default-small .jstree-disabled { | |
626 background: transparent; | |
627 } | |
628 .jstree-default-small .jstree-disabled.jstree-hovered { | |
629 background: transparent; | |
630 } | |
631 .jstree-default-small .jstree-disabled.jstree-clicked { | |
632 background: #efefef; | |
633 } | |
634 .jstree-default-small .jstree-checkbox { | |
635 background-position: -167px -7px; | |
636 } | |
637 .jstree-default-small .jstree-checkbox:hover { | |
638 background-position: -167px -39px; | |
639 } | |
640 .jstree-default-small.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox, | |
641 .jstree-default-small .jstree-checked > .jstree-checkbox { | |
642 background-position: -231px -7px; | |
643 } | |
644 .jstree-default-small.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:hover, | |
645 .jstree-default-small .jstree-checked > .jstree-checkbox:hover { | |
646 background-position: -231px -39px; | |
647 } | |
648 .jstree-default-small .jstree-anchor > .jstree-undetermined { | |
649 background-position: -199px -7px; | |
650 } | |
651 .jstree-default-small .jstree-anchor > .jstree-undetermined:hover { | |
652 background-position: -199px -39px; | |
653 } | |
654 .jstree-default-small .jstree-checkbox-disabled { | |
655 opacity: 0.8; | |
656 filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'jstree-grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#jstree-grayscale"); | |
657 /* Firefox 10+ */ | |
658 filter: gray; | |
659 /* IE6-9 */ | |
660 -webkit-filter: grayscale(100%); | |
661 /* Chrome 19+ & Safari 6+ */ | |
662 } | |
663 .jstree-default-small > .jstree-striped { | |
664 background-size: auto 36px; | |
665 } | |
666 .jstree-default-small.jstree-rtl .jstree-node { | |
667 background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg=="); | |
668 background-position: 100% 1px; | |
669 background-repeat: repeat-y; | |
670 } | |
671 .jstree-default-small.jstree-rtl .jstree-last { | |
672 background: transparent; | |
673 } | |
674 .jstree-default-small.jstree-rtl .jstree-open > .jstree-ocl { | |
675 background-position: -135px -39px; | |
676 } | |
677 .jstree-default-small.jstree-rtl .jstree-closed > .jstree-ocl { | |
678 background-position: -103px -39px; | |
679 } | |
680 .jstree-default-small.jstree-rtl .jstree-leaf > .jstree-ocl { | |
681 background-position: -71px -39px; | |
682 } | |
683 .jstree-default-small.jstree-rtl > .jstree-no-dots .jstree-node, | |
684 .jstree-default-small.jstree-rtl > .jstree-no-dots .jstree-leaf > .jstree-ocl { | |
685 background: transparent; | |
686 } | |
687 .jstree-default-small.jstree-rtl > .jstree-no-dots .jstree-open > .jstree-ocl { | |
688 background-position: -39px -39px; | |
689 } | |
690 .jstree-default-small.jstree-rtl > .jstree-no-dots .jstree-closed > .jstree-ocl { | |
691 background-position: -7px -39px; | |
692 } | |
693 .jstree-default-small .jstree-themeicon-custom { | |
694 background-color: transparent; | |
695 background-image: none; | |
696 background-position: 0 0; | |
697 } | |
698 .jstree-default-small > .jstree-container-ul .jstree-loading > .jstree-ocl { | |
699 background: url("throbber.gif") center center no-repeat; | |
700 } | |
701 .jstree-default-small .jstree-file { | |
702 background: url("32px.png") -103px -71px no-repeat; | |
703 } | |
704 .jstree-default-small .jstree-folder { | |
705 background: url("32px.png") -263px -7px no-repeat; | |
706 } | |
707 .jstree-default-small > .jstree-container-ul > .jstree-node { | |
708 margin-left: 0; | |
709 margin-right: 0; | |
710 } | |
711 #jstree-dnd.jstree-default-small { | |
712 line-height: 18px; | |
713 padding: 0 4px; | |
714 } | |
715 #jstree-dnd.jstree-default-small .jstree-ok, | |
716 #jstree-dnd.jstree-default-small .jstree-er { | |
717 background-image: url("32px.png"); | |
718 background-repeat: no-repeat; | |
719 background-color: transparent; | |
720 } | |
721 #jstree-dnd.jstree-default-small i { | |
722 background: transparent; | |
723 width: 18px; | |
724 height: 18px; | |
725 line-height: 18px; | |
726 } | |
727 #jstree-dnd.jstree-default-small .jstree-ok { | |
728 background-position: -7px -71px; | |
729 } | |
730 #jstree-dnd.jstree-default-small .jstree-er { | |
731 background-position: -39px -71px; | |
732 } | |
733 .jstree-default-small .jstree-ellipsis { | |
734 overflow: hidden; | |
735 } | |
736 .jstree-default-small .jstree-ellipsis .jstree-anchor { | |
737 width: calc(100% - 23px); | |
738 text-overflow: ellipsis; | |
739 overflow: hidden; | |
740 } | |
741 .jstree-default-small .jstree-ellipsis.jstree-no-icons .jstree-anchor { | |
742 width: calc(100% - 5px); | |
743 } | |
744 .jstree-default-small.jstree-rtl .jstree-node { | |
745 background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAACAQMAAABv1h6PAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMHBgAAiABBI4gz9AAAAABJRU5ErkJggg=="); | |
746 } | |
747 .jstree-default-small.jstree-rtl .jstree-last { | |
748 background: transparent; | |
749 } | |
750 .jstree-default-large .jstree-node { | |
751 min-height: 32px; | |
752 line-height: 32px; | |
753 margin-left: 32px; | |
754 min-width: 32px; | |
755 } | |
756 .jstree-default-large .jstree-anchor { | |
757 line-height: 32px; | |
758 height: 32px; | |
759 } | |
760 .jstree-default-large .jstree-icon { | |
761 width: 32px; | |
762 height: 32px; | |
763 line-height: 32px; | |
764 } | |
765 .jstree-default-large .jstree-icon:empty { | |
766 width: 32px; | |
767 height: 32px; | |
768 line-height: 32px; | |
769 } | |
770 .jstree-default-large.jstree-rtl .jstree-node { | |
771 margin-right: 32px; | |
772 } | |
773 .jstree-default-large .jstree-wholerow { | |
774 height: 32px; | |
775 } | |
776 .jstree-default-large .jstree-node, | |
777 .jstree-default-large .jstree-icon { | |
778 background-image: url("32px.png"); | |
779 } | |
780 .jstree-default-large .jstree-node { | |
781 background-position: -288px 0px; | |
782 background-repeat: repeat-y; | |
783 } | |
784 .jstree-default-large .jstree-last { | |
785 background: transparent; | |
786 } | |
787 .jstree-default-large .jstree-open > .jstree-ocl { | |
788 background-position: -128px 0px; | |
789 } | |
790 .jstree-default-large .jstree-closed > .jstree-ocl { | |
791 background-position: -96px 0px; | |
792 } | |
793 .jstree-default-large .jstree-leaf > .jstree-ocl { | |
794 background-position: -64px 0px; | |
795 } | |
796 .jstree-default-large .jstree-themeicon { | |
797 background-position: -256px 0px; | |
798 } | |
799 .jstree-default-large > .jstree-no-dots .jstree-node, | |
800 .jstree-default-large > .jstree-no-dots .jstree-leaf > .jstree-ocl { | |
801 background: transparent; | |
802 } | |
803 .jstree-default-large > .jstree-no-dots .jstree-open > .jstree-ocl { | |
804 background-position: -32px 0px; | |
805 } | |
806 .jstree-default-large > .jstree-no-dots .jstree-closed > .jstree-ocl { | |
807 background-position: 0px 0px; | |
808 } | |
809 .jstree-default-large .jstree-disabled { | |
810 background: transparent; | |
811 } | |
812 .jstree-default-large .jstree-disabled.jstree-hovered { | |
813 background: transparent; | |
814 } | |
815 .jstree-default-large .jstree-disabled.jstree-clicked { | |
816 background: #efefef; | |
817 } | |
818 .jstree-default-large .jstree-checkbox { | |
819 background-position: -160px 0px; | |
820 } | |
821 .jstree-default-large .jstree-checkbox:hover { | |
822 background-position: -160px -32px; | |
823 } | |
824 .jstree-default-large.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox, | |
825 .jstree-default-large .jstree-checked > .jstree-checkbox { | |
826 background-position: -224px 0px; | |
827 } | |
828 .jstree-default-large.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:hover, | |
829 .jstree-default-large .jstree-checked > .jstree-checkbox:hover { | |
830 background-position: -224px -32px; | |
831 } | |
832 .jstree-default-large .jstree-anchor > .jstree-undetermined { | |
833 background-position: -192px 0px; | |
834 } | |
835 .jstree-default-large .jstree-anchor > .jstree-undetermined:hover { | |
836 background-position: -192px -32px; | |
837 } | |
838 .jstree-default-large .jstree-checkbox-disabled { | |
839 opacity: 0.8; | |
840 filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'jstree-grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#jstree-grayscale"); | |
841 /* Firefox 10+ */ | |
842 filter: gray; | |
843 /* IE6-9 */ | |
844 -webkit-filter: grayscale(100%); | |
845 /* Chrome 19+ & Safari 6+ */ | |
846 } | |
847 .jstree-default-large > .jstree-striped { | |
848 background-size: auto 64px; | |
849 } | |
850 .jstree-default-large.jstree-rtl .jstree-node { | |
851 background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg=="); | |
852 background-position: 100% 1px; | |
853 background-repeat: repeat-y; | |
854 } | |
855 .jstree-default-large.jstree-rtl .jstree-last { | |
856 background: transparent; | |
857 } | |
858 .jstree-default-large.jstree-rtl .jstree-open > .jstree-ocl { | |
859 background-position: -128px -32px; | |
860 } | |
861 .jstree-default-large.jstree-rtl .jstree-closed > .jstree-ocl { | |
862 background-position: -96px -32px; | |
863 } | |
864 .jstree-default-large.jstree-rtl .jstree-leaf > .jstree-ocl { | |
865 background-position: -64px -32px; | |
866 } | |
867 .jstree-default-large.jstree-rtl > .jstree-no-dots .jstree-node, | |
868 .jstree-default-large.jstree-rtl > .jstree-no-dots .jstree-leaf > .jstree-ocl { | |
869 background: transparent; | |
870 } | |
871 .jstree-default-large.jstree-rtl > .jstree-no-dots .jstree-open > .jstree-ocl { | |
872 background-position: -32px -32px; | |
873 } | |
874 .jstree-default-large.jstree-rtl > .jstree-no-dots .jstree-closed > .jstree-ocl { | |
875 background-position: 0px -32px; | |
876 } | |
877 .jstree-default-large .jstree-themeicon-custom { | |
878 background-color: transparent; | |
879 background-image: none; | |
880 background-position: 0 0; | |
881 } | |
882 .jstree-default-large > .jstree-container-ul .jstree-loading > .jstree-ocl { | |
883 background: url("throbber.gif") center center no-repeat; | |
884 } | |
885 .jstree-default-large .jstree-file { | |
886 background: url("32px.png") -96px -64px no-repeat; | |
887 } | |
888 .jstree-default-large .jstree-folder { | |
889 background: url("32px.png") -256px 0px no-repeat; | |
890 } | |
891 .jstree-default-large > .jstree-container-ul > .jstree-node { | |
892 margin-left: 0; | |
893 margin-right: 0; | |
894 } | |
895 #jstree-dnd.jstree-default-large { | |
896 line-height: 32px; | |
897 padding: 0 4px; | |
898 } | |
899 #jstree-dnd.jstree-default-large .jstree-ok, | |
900 #jstree-dnd.jstree-default-large .jstree-er { | |
901 background-image: url("32px.png"); | |
902 background-repeat: no-repeat; | |
903 background-color: transparent; | |
904 } | |
905 #jstree-dnd.jstree-default-large i { | |
906 background: transparent; | |
907 width: 32px; | |
908 height: 32px; | |
909 line-height: 32px; | |
910 } | |
911 #jstree-dnd.jstree-default-large .jstree-ok { | |
912 background-position: 0px -64px; | |
913 } | |
914 #jstree-dnd.jstree-default-large .jstree-er { | |
915 background-position: -32px -64px; | |
916 } | |
917 .jstree-default-large .jstree-ellipsis { | |
918 overflow: hidden; | |
919 } | |
920 .jstree-default-large .jstree-ellipsis .jstree-anchor { | |
921 width: calc(100% - 37px); | |
922 text-overflow: ellipsis; | |
923 overflow: hidden; | |
924 } | |
925 .jstree-default-large .jstree-ellipsis.jstree-no-icons .jstree-anchor { | |
926 width: calc(100% - 5px); | |
927 } | |
928 .jstree-default-large.jstree-rtl .jstree-node { | |
929 background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAACAQMAAAAD0EyKAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjgIIGBgABCgCBvVLXcAAAAABJRU5ErkJggg=="); | |
930 } | |
931 .jstree-default-large.jstree-rtl .jstree-last { | |
932 background: transparent; | |
933 } | |
934 @media (max-width: 768px) { | |
935 #jstree-dnd.jstree-dnd-responsive { | |
936 line-height: 40px; | |
937 font-weight: bold; | |
938 font-size: 1.1em; | |
939 text-shadow: 1px 1px white; | |
940 } | |
941 #jstree-dnd.jstree-dnd-responsive > i { | |
942 background: transparent; | |
943 width: 40px; | |
944 height: 40px; | |
945 } | |
946 #jstree-dnd.jstree-dnd-responsive > .jstree-ok { | |
947 background-image: url("40px.png"); | |
948 background-position: 0 -200px; | |
949 background-size: 120px 240px; | |
950 } | |
951 #jstree-dnd.jstree-dnd-responsive > .jstree-er { | |
952 background-image: url("40px.png"); | |
953 background-position: -40px -200px; | |
954 background-size: 120px 240px; | |
955 } | |
956 #jstree-marker.jstree-dnd-responsive { | |
957 border-left-width: 10px; | |
958 border-top-width: 10px; | |
959 border-bottom-width: 10px; | |
960 margin-top: -10px; | |
961 } | |
962 } | |
963 @media (max-width: 768px) { | |
964 .jstree-default-responsive { | |
965 /* | |
966 .jstree-open > .jstree-ocl, | |
967 .jstree-closed > .jstree-ocl { border-radius:20px; background-color:white; } | |
968 */ | |
969 } | |
970 .jstree-default-responsive .jstree-icon { | |
971 background-image: url("40px.png"); | |
972 } | |
973 .jstree-default-responsive .jstree-node, | |
974 .jstree-default-responsive .jstree-leaf > .jstree-ocl { | |
975 background: transparent; | |
976 } | |
977 .jstree-default-responsive .jstree-node { | |
978 min-height: 40px; | |
979 line-height: 40px; | |
980 margin-left: 40px; | |
981 min-width: 40px; | |
982 white-space: nowrap; | |
983 } | |
984 .jstree-default-responsive .jstree-anchor { | |
985 line-height: 40px; | |
986 height: 40px; | |
987 } | |
988 .jstree-default-responsive .jstree-icon, | |
989 .jstree-default-responsive .jstree-icon:empty { | |
990 width: 40px; | |
991 height: 40px; | |
992 line-height: 40px; | |
993 } | |
994 .jstree-default-responsive > .jstree-container-ul > .jstree-node { | |
995 margin-left: 0; | |
996 } | |
997 .jstree-default-responsive.jstree-rtl .jstree-node { | |
998 margin-left: 0; | |
999 margin-right: 40px; | |
1000 background: transparent; | |
1001 } | |
1002 .jstree-default-responsive.jstree-rtl .jstree-container-ul > .jstree-node { | |
1003 margin-right: 0; | |
1004 } | |
1005 .jstree-default-responsive .jstree-ocl, | |
1006 .jstree-default-responsive .jstree-themeicon, | |
1007 .jstree-default-responsive .jstree-checkbox { | |
1008 background-size: 120px 240px; | |
1009 } | |
1010 .jstree-default-responsive .jstree-leaf > .jstree-ocl, | |
1011 .jstree-default-responsive.jstree-rtl .jstree-leaf > .jstree-ocl { | |
1012 background: transparent; | |
1013 } | |
1014 .jstree-default-responsive .jstree-open > .jstree-ocl { | |
1015 background-position: 0 0px !important; | |
1016 } | |
1017 .jstree-default-responsive .jstree-closed > .jstree-ocl { | |
1018 background-position: 0 -40px !important; | |
1019 } | |
1020 .jstree-default-responsive.jstree-rtl .jstree-closed > .jstree-ocl { | |
1021 background-position: -40px 0px !important; | |
1022 } | |
1023 .jstree-default-responsive .jstree-themeicon { | |
1024 background-position: -40px -40px; | |
1025 } | |
1026 .jstree-default-responsive .jstree-checkbox, | |
1027 .jstree-default-responsive .jstree-checkbox:hover { | |
1028 background-position: -40px -80px; | |
1029 } | |
1030 .jstree-default-responsive.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox, | |
1031 .jstree-default-responsive.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:hover, | |
1032 .jstree-default-responsive .jstree-checked > .jstree-checkbox, | |
1033 .jstree-default-responsive .jstree-checked > .jstree-checkbox:hover { | |
1034 background-position: 0 -80px; | |
1035 } | |
1036 .jstree-default-responsive .jstree-anchor > .jstree-undetermined, | |
1037 .jstree-default-responsive .jstree-anchor > .jstree-undetermined:hover { | |
1038 background-position: 0 -120px; | |
1039 } | |
1040 .jstree-default-responsive .jstree-anchor { | |
1041 font-weight: bold; | |
1042 font-size: 1.1em; | |
1043 text-shadow: 1px 1px white; | |
1044 } | |
1045 .jstree-default-responsive > .jstree-striped { | |
1046 background: transparent; | |
1047 } | |
1048 .jstree-default-responsive .jstree-wholerow { | |
1049 border-top: 1px solid rgba(255, 255, 255, 0.7); | |
1050 border-bottom: 1px solid rgba(64, 64, 64, 0.2); | |
1051 background: #ebebeb; | |
1052 height: 40px; | |
1053 } | |
1054 .jstree-default-responsive .jstree-wholerow-hovered { | |
1055 background: #e7f4f9; | |
1056 } | |
1057 .jstree-default-responsive .jstree-wholerow-clicked { | |
1058 background: #beebff; | |
1059 } | |
1060 .jstree-default-responsive .jstree-children .jstree-last > .jstree-wholerow { | |
1061 box-shadow: inset 0 -6px 3px -5px #666666; | |
1062 } | |
1063 .jstree-default-responsive .jstree-children .jstree-open > .jstree-wholerow { | |
1064 box-shadow: inset 0 6px 3px -5px #666666; | |
1065 border-top: 0; | |
1066 } | |
1067 .jstree-default-responsive .jstree-children .jstree-open + .jstree-open { | |
1068 box-shadow: none; | |
1069 } | |
1070 .jstree-default-responsive .jstree-node, | |
1071 .jstree-default-responsive .jstree-icon, | |
1072 .jstree-default-responsive .jstree-node > .jstree-ocl, | |
1073 .jstree-default-responsive .jstree-themeicon, | |
1074 .jstree-default-responsive .jstree-checkbox { | |
1075 background-image: url("40px.png"); | |
1076 background-size: 120px 240px; | |
1077 } | |
1078 .jstree-default-responsive .jstree-node { | |
1079 background-position: -80px 0; | |
1080 background-repeat: repeat-y; | |
1081 } | |
1082 .jstree-default-responsive .jstree-last { | |
1083 background: transparent; | |
1084 } | |
1085 .jstree-default-responsive .jstree-leaf > .jstree-ocl { | |
1086 background-position: -40px -120px; | |
1087 } | |
1088 .jstree-default-responsive .jstree-last > .jstree-ocl { | |
1089 background-position: -40px -160px; | |
1090 } | |
1091 .jstree-default-responsive .jstree-themeicon-custom { | |
1092 background-color: transparent; | |
1093 background-image: none; | |
1094 background-position: 0 0; | |
1095 } | |
1096 .jstree-default-responsive .jstree-file { | |
1097 background: url("40px.png") 0 -160px no-repeat; | |
1098 background-size: 120px 240px; | |
1099 } | |
1100 .jstree-default-responsive .jstree-folder { | |
1101 background: url("40px.png") -40px -40px no-repeat; | |
1102 background-size: 120px 240px; | |
1103 } | |
1104 .jstree-default-responsive > .jstree-container-ul > .jstree-node { | |
1105 margin-left: 0; | |
1106 margin-right: 0; | |
1107 } | |
1108 } |