comparison vakata-jstree-3.3.5/src/themes/default/style.css @ 0:25602263cff0 draft default tip

planemo upload commit 841d8b22bf9f1aaed6bfe8344b60617f45b275b2-dirty
author mingchen0919
date Sun, 30 Dec 2018 13:11:48 -0500
parents
children
comparison
equal deleted inserted replaced
-1:000000000000 0:25602263cff0
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 }