1 /* jsTree default theme */
9 list-style-image: none
;
15 display: inline-block
;
22 .jstree-anchor:focus {
27 .jstree-anchor:visited
,
29 .jstree-anchor:active {
30 text-decoration: none
;
34 display: inline-block
;
35 text-decoration: none
;
42 display: inline-block
;
43 text-decoration: none
;
52 .jstree-leaf > .jstree-ocl {
55 .jstree .jstree-open > .jstree-children {
58 .jstree
.jstree-closed
> .jstree-children
,
59 .jstree .jstree-leaf > .jstree-children {
62 .jstree-anchor > .jstree-themeicon {
65 .jstree-no-icons
.jstree-themeicon
,
66 .jstree-anchor > .jstree-themeicon-hidden {
70 .jstree-node.jstree-hidden {
73 .jstree-rtl .jstree-anchor {
76 .jstree-rtl .jstree-anchor > .jstree-themeicon {
80 .jstree-rtl .jstree-node {
83 .jstree-rtl .jstree-container-ul > .jstree-node {
88 display: inline-block
;
91 .jstree-wholerow-ul .jstree-leaf > .jstree-ocl {
94 .jstree-wholerow-ul
.jstree-anchor
,
95 .jstree-wholerow-ul .jstree-icon {
98 .jstree-wholerow-ul .jstree-wholerow {
103 -webkit-user-select: none
;
104 -moz-user-select: none
;
105 -ms-user-select: none
;
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 */
123 border: 1px solid
#979797;
124 box-shadow: 2px 2px 2px #999999;
132 .vakata-context .vakata-context-right ul {
141 .vakata-context li > a {
143 padding: 0 2em 0 2em;
144 text-decoration: none
;
149 text-shadow: 1px 1px 0 white
;
152 .vakata-context li > a:hover {
154 background-color: #e8eff7;
155 box-shadow: 0 0 2px #0a6aa1;
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
;
162 .vakata-context li > a:focus {
165 .vakata-context .vakata-context-hover > a {
167 background-color: #e8eff7;
168 box-shadow: 0 0 2px #0a6aa1;
170 .vakata-context
.vakata-context-separator
> a
,
171 .vakata-context .vakata-context-separator > a:hover {
174 border-top: 1px solid
#e2e3e3;
180 border-left: 1px solid
#e0e0e0;
181 text-shadow: 0 0 0 transparent
;
182 box-shadow: 0 0 0 transparent
;
185 .vakata-context
.vakata-contextmenu-disabled a
,
186 .vakata-context .vakata-contextmenu-disabled a:hover {
188 background-color: transparent
;
192 .vakata-context li > a > i {
193 text-decoration: none
;
194 display: inline-block
;
197 background: transparent
;
203 .vakata-context li > a > i:empty {
207 .vakata-context li > a .vakata-contextmenu-sep {
208 display: inline-block
;
213 border-left: 1px solid
#e2e3e3;
215 .vakata-context .vakata-contextmenu-shortcut {
221 .vakata-context-rtl ul {
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
;
232 .vakata-context-rtl .vakata-context-separator > a {
235 border-right: 1px solid
#e2e3e3;
237 .vakata-context-rtl .vakata-context-left ul {
243 .vakata-context-rtl li > a > i {
246 .vakata-context-rtl li > a .vakata-contextmenu-sep {
248 border-left-color: white
;
258 border-top: 5px solid transparent
;
259 border-bottom: 5px solid transparent
;
260 border-left: 5px solid
;
271 #jstree-dnd .jstree-icon
,
272 #jstree-dnd .jstree-copy
{
273 display: inline-block
;
274 text-decoration: none
;
280 #jstree-dnd .jstree-ok
{
283 #jstree-dnd .jstree-er
{
286 #jstree-dnd .jstree-copy
{
289 .jstree-default
.jstree-node
,
290 .jstree-default .jstree-icon {
291 background-repeat: no-repeat
;
292 background-color: transparent
;
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;
299 .jstree-default .jstree-hovered {
302 box-shadow: inset
0 0 1px #cccccc;
304 .jstree-default .jstree-context {
307 box-shadow: inset
0 0 1px #cccccc;
309 .jstree-default .jstree-clicked {
312 box-shadow: inset
0 0 1px #999999;
314 .jstree-default .jstree-no-icons .jstree-anchor > .jstree-themeicon {
317 .jstree-default .jstree-disabled {
318 background: transparent
;
321 .jstree-default .jstree-disabled.jstree-hovered {
322 background: transparent
;
325 .jstree-default .jstree-disabled.jstree-clicked {
328 .jstree-default .jstree-disabled > .jstree-icon {
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");
334 -webkit-filter: grayscale
(100%);
335 /* Chrome 19+ & Safari 6+ */
337 .jstree-default .jstree-search {
342 .jstree-default .jstree-no-checkboxes .jstree-checkbox {
343 display: none
!important
;
345 .jstree-default.jstree-checkbox-no-clicked .jstree-clicked {
346 background: transparent
;
349 .jstree-default.jstree-checkbox-no-clicked .jstree-clicked.jstree-hovered {
352 .jstree-default.jstree-checkbox-no-clicked > .jstree-wholerow-ul .jstree-wholerow-clicked {
353 background: transparent
;
355 .jstree-default.jstree-checkbox-no-clicked > .jstree-wholerow-ul .jstree-wholerow-clicked.jstree-wholerow-hovered {
358 .jstree-default > .jstree-striped {
360 display: inline-block
;
361 background: url
("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAkCAMAAAB/qqA+AAAABlBMVEUAAAAAAAClZ7nPAAAAAnRSTlMNAMM9s3UAAAAXSURBVHjajcEBAQAAAIKg/H/aCQZ70AUBjAATb6YPDgAAAABJRU5ErkJggg==") left top repeat
;
363 .jstree-default
> .jstree-wholerow-ul
.jstree-hovered
,
364 .jstree-default > .jstree-wholerow-ul .jstree-clicked {
365 background: transparent
;
369 .jstree-default .jstree-wholerow {
370 -moz-box-sizing: border-box
;
371 -webkit-box-sizing: border-box
;
372 box-sizing: border-box
;
374 .jstree-default .jstree-wholerow-hovered {
377 .jstree-default .jstree-wholerow-clicked {
379 background: -webkit-linear-gradient
(top
, #beebff 0%, #a8e4ff 100%);
380 background: linear-gradient
(to bottom
, #beebff 0%, #a8e4ff 100%);
382 .jstree-default .jstree-node {
388 .jstree-default .jstree-anchor {
392 .jstree-default .jstree-icon {
397 .jstree-default .jstree-icon:empty {
402 .jstree-default.jstree-rtl .jstree-node {
405 .jstree-default .jstree-wholerow {
408 .jstree-default
.jstree-node
,
409 .jstree-default .jstree-icon {
410 background-image: url
("32px.png");
412 .jstree-default .jstree-node {
413 background-position: -292px -4px;
414 background-repeat: repeat-y
;
416 .jstree-default .jstree-last {
417 background: transparent
;
419 .jstree-default .jstree-open > .jstree-ocl {
420 background-position: -132px -4px;
422 .jstree-default .jstree-closed > .jstree-ocl {
423 background-position: -100px -4px;
425 .jstree-default .jstree-leaf > .jstree-ocl {
426 background-position: -68px -4px;
428 .jstree-default .jstree-themeicon {
429 background-position: -260px -4px;
431 .jstree-default
> .jstree-no-dots
.jstree-node
,
432 .jstree-default > .jstree-no-dots .jstree-leaf > .jstree-ocl {
433 background: transparent
;
435 .jstree-default > .jstree-no-dots .jstree-open > .jstree-ocl {
436 background-position: -36px -4px;
438 .jstree-default > .jstree-no-dots .jstree-closed > .jstree-ocl {
439 background-position: -4px -4px;
441 .jstree-default .jstree-disabled {
442 background: transparent
;
444 .jstree-default .jstree-disabled.jstree-hovered {
445 background: transparent
;
447 .jstree-default .jstree-disabled.jstree-clicked {
450 .jstree-default .jstree-checkbox {
451 background-position: -164px -4px;
453 .jstree-default .jstree-checkbox:hover {
454 background-position: -164px -36px;
456 .jstree-default
.jstree-checkbox-selection
.jstree-clicked
> .jstree-checkbox
,
457 .jstree-default .jstree-checked > .jstree-checkbox {
458 background-position: -228px -4px;
460 .jstree-default
.jstree-checkbox-selection
.jstree-clicked
> .jstree-checkbox:hover
,
461 .jstree-default .jstree-checked > .jstree-checkbox:hover {
462 background-position: -228px -36px;
464 .jstree-default .jstree-anchor > .jstree-undetermined {
465 background-position: -196px -4px;
467 .jstree-default .jstree-anchor > .jstree-undetermined:hover {
468 background-position: -196px -36px;
470 .jstree-default .jstree-checkbox-disabled {
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");
476 -webkit-filter: grayscale
(100%);
477 /* Chrome 19+ & Safari 6+ */
479 .jstree-default > .jstree-striped {
480 background-size: auto
48px;
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
;
487 .jstree-default.jstree-rtl .jstree-last {
488 background: transparent
;
490 .jstree-default.jstree-rtl .jstree-open > .jstree-ocl {
491 background-position: -132px -36px;
493 .jstree-default.jstree-rtl .jstree-closed > .jstree-ocl {
494 background-position: -100px -36px;
496 .jstree-default.jstree-rtl .jstree-leaf > .jstree-ocl {
497 background-position: -68px -36px;
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
;
503 .jstree-default.jstree-rtl > .jstree-no-dots .jstree-open > .jstree-ocl {
504 background-position: -36px -36px;
506 .jstree-default.jstree-rtl > .jstree-no-dots .jstree-closed > .jstree-ocl {
507 background-position: -4px -36px;
509 .jstree-default .jstree-themeicon-custom {
510 background-color: transparent
;
511 background-image: none
;
512 background-position: 0 0;
514 .jstree-default > .jstree-container-ul .jstree-loading > .jstree-ocl {
515 background: url
("throbber.gif") center center no-repeat
;
517 .jstree-default .jstree-file {
518 background: url
("32px.png") -100px -68px no-repeat
;
520 .jstree-default .jstree-folder {
521 background: url
("32px.png") -260px -4px no-repeat
;
523 .jstree-default > .jstree-container-ul > .jstree-node {
527 #jstree-dnd.jstree-default
{
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
;
537 #jstree-dnd.jstree-default i
{
538 background: transparent
;
543 #jstree-dnd.jstree-default
.jstree-ok
{
544 background-position: -4px -68px;
546 #jstree-dnd.jstree-default
.jstree-er
{
547 background-position: -36px -68px;
549 .jstree-default .jstree-ellipsis {
552 .jstree-default .jstree-ellipsis .jstree-anchor {
553 width: calc
(100% - 29px);
554 text-overflow: ellipsis
;
557 .jstree-default .jstree-ellipsis.jstree-no-icons .jstree-anchor {
558 width: calc
(100% - 5px);
560 .jstree-default.jstree-rtl .jstree-node {
561 background-image: url
("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==");
563 .jstree-default.jstree-rtl .jstree-last {
564 background: transparent
;
566 .jstree-default-small .jstree-node {
572 .jstree-default-small .jstree-anchor {
576 .jstree-default-small .jstree-icon {
581 .jstree-default-small .jstree-icon:empty {
586 .jstree-default-small.jstree-rtl .jstree-node {
589 .jstree-default-small .jstree-wholerow {
592 .jstree-default-small
.jstree-node
,
593 .jstree-default-small .jstree-icon {
594 background-image: url
("32px.png");
596 .jstree-default-small .jstree-node {
597 background-position: -295px -7px;
598 background-repeat: repeat-y
;
600 .jstree-default-small .jstree-last {
601 background: transparent
;
603 .jstree-default-small .jstree-open > .jstree-ocl {
604 background-position: -135px -7px;
606 .jstree-default-small .jstree-closed > .jstree-ocl {
607 background-position: -103px -7px;
609 .jstree-default-small .jstree-leaf > .jstree-ocl {
610 background-position: -71px -7px;
612 .jstree-default-small .jstree-themeicon {
613 background-position: -263px -7px;
615 .jstree-default-small
> .jstree-no-dots
.jstree-node
,
616 .jstree-default-small > .jstree-no-dots .jstree-leaf > .jstree-ocl {
617 background: transparent
;
619 .jstree-default-small > .jstree-no-dots .jstree-open > .jstree-ocl {
620 background-position: -39px -7px;
622 .jstree-default-small > .jstree-no-dots .jstree-closed > .jstree-ocl {
623 background-position: -7px -7px;
625 .jstree-default-small .jstree-disabled {
626 background: transparent
;
628 .jstree-default-small .jstree-disabled.jstree-hovered {
629 background: transparent
;
631 .jstree-default-small .jstree-disabled.jstree-clicked {
634 .jstree-default-small .jstree-checkbox {
635 background-position: -167px -7px;
637 .jstree-default-small .jstree-checkbox:hover {
638 background-position: -167px -39px;
640 .jstree-default-small
.jstree-checkbox-selection
.jstree-clicked
> .jstree-checkbox
,
641 .jstree-default-small .jstree-checked > .jstree-checkbox {
642 background-position: -231px -7px;
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;
648 .jstree-default-small .jstree-anchor > .jstree-undetermined {
649 background-position: -199px -7px;
651 .jstree-default-small .jstree-anchor > .jstree-undetermined:hover {
652 background-position: -199px -39px;
654 .jstree-default-small .jstree-checkbox-disabled {
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");
660 -webkit-filter: grayscale
(100%);
661 /* Chrome 19+ & Safari 6+ */
663 .jstree-default-small > .jstree-striped {
664 background-size: auto
36px;
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
;
671 .jstree-default-small.jstree-rtl .jstree-last {
672 background: transparent
;
674 .jstree-default-small.jstree-rtl .jstree-open > .jstree-ocl {
675 background-position: -135px -39px;
677 .jstree-default-small.jstree-rtl .jstree-closed > .jstree-ocl {
678 background-position: -103px -39px;
680 .jstree-default-small.jstree-rtl .jstree-leaf > .jstree-ocl {
681 background-position: -71px -39px;
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
;
687 .jstree-default-small.jstree-rtl > .jstree-no-dots .jstree-open > .jstree-ocl {
688 background-position: -39px -39px;
690 .jstree-default-small.jstree-rtl > .jstree-no-dots .jstree-closed > .jstree-ocl {
691 background-position: -7px -39px;
693 .jstree-default-small .jstree-themeicon-custom {
694 background-color: transparent
;
695 background-image: none
;
696 background-position: 0 0;
698 .jstree-default-small > .jstree-container-ul .jstree-loading > .jstree-ocl {
699 background: url
("throbber.gif") center center no-repeat
;
701 .jstree-default-small .jstree-file {
702 background: url
("32px.png") -103px -71px no-repeat
;
704 .jstree-default-small .jstree-folder {
705 background: url
("32px.png") -263px -7px no-repeat
;
707 .jstree-default-small > .jstree-container-ul > .jstree-node {
711 #jstree-dnd.jstree-default-small
{
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
;
721 #jstree-dnd.jstree-default-small i
{
722 background: transparent
;
727 #jstree-dnd.jstree-default-small
.jstree-ok
{
728 background-position: -7px -71px;
730 #jstree-dnd.jstree-default-small
.jstree-er
{
731 background-position: -39px -71px;
733 .jstree-default-small .jstree-ellipsis {
736 .jstree-default-small .jstree-ellipsis .jstree-anchor {
737 width: calc
(100% - 23px);
738 text-overflow: ellipsis
;
741 .jstree-default-small .jstree-ellipsis.jstree-no-icons .jstree-anchor {
742 width: calc
(100% - 5px);
744 .jstree-default-small.jstree-rtl .jstree-node {
745 background-image: url
("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAACAQMAAABv1h6PAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMHBgAAiABBI4gz9AAAAABJRU5ErkJggg==");
747 .jstree-default-small.jstree-rtl .jstree-last {
748 background: transparent
;
750 .jstree-default-large .jstree-node {
756 .jstree-default-large .jstree-anchor {
760 .jstree-default-large .jstree-icon {
765 .jstree-default-large .jstree-icon:empty {
770 .jstree-default-large.jstree-rtl .jstree-node {
773 .jstree-default-large .jstree-wholerow {
776 .jstree-default-large
.jstree-node
,
777 .jstree-default-large .jstree-icon {
778 background-image: url
("32px.png");
780 .jstree-default-large .jstree-node {
781 background-position: -288px 0px;
782 background-repeat: repeat-y
;
784 .jstree-default-large .jstree-last {
785 background: transparent
;
787 .jstree-default-large .jstree-open > .jstree-ocl {
788 background-position: -128px 0px;
790 .jstree-default-large .jstree-closed > .jstree-ocl {
791 background-position: -96px 0px;
793 .jstree-default-large .jstree-leaf > .jstree-ocl {
794 background-position: -64px 0px;
796 .jstree-default-large .jstree-themeicon {
797 background-position: -256px 0px;
799 .jstree-default-large
> .jstree-no-dots
.jstree-node
,
800 .jstree-default-large > .jstree-no-dots .jstree-leaf > .jstree-ocl {
801 background: transparent
;
803 .jstree-default-large > .jstree-no-dots .jstree-open > .jstree-ocl {
804 background-position: -32px 0px;
806 .jstree-default-large > .jstree-no-dots .jstree-closed > .jstree-ocl {
807 background-position: 0px 0px;
809 .jstree-default-large .jstree-disabled {
810 background: transparent
;
812 .jstree-default-large .jstree-disabled.jstree-hovered {
813 background: transparent
;
815 .jstree-default-large .jstree-disabled.jstree-clicked {
818 .jstree-default-large .jstree-checkbox {
819 background-position: -160px 0px;
821 .jstree-default-large .jstree-checkbox:hover {
822 background-position: -160px -32px;
824 .jstree-default-large
.jstree-checkbox-selection
.jstree-clicked
> .jstree-checkbox
,
825 .jstree-default-large .jstree-checked > .jstree-checkbox {
826 background-position: -224px 0px;
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;
832 .jstree-default-large .jstree-anchor > .jstree-undetermined {
833 background-position: -192px 0px;
835 .jstree-default-large .jstree-anchor > .jstree-undetermined:hover {
836 background-position: -192px -32px;
838 .jstree-default-large .jstree-checkbox-disabled {
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");
844 -webkit-filter: grayscale
(100%);
845 /* Chrome 19+ & Safari 6+ */
847 .jstree-default-large > .jstree-striped {
848 background-size: auto
64px;
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
;
855 .jstree-default-large.jstree-rtl .jstree-last {
856 background: transparent
;
858 .jstree-default-large.jstree-rtl .jstree-open > .jstree-ocl {
859 background-position: -128px -32px;
861 .jstree-default-large.jstree-rtl .jstree-closed > .jstree-ocl {
862 background-position: -96px -32px;
864 .jstree-default-large.jstree-rtl .jstree-leaf > .jstree-ocl {
865 background-position: -64px -32px;
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
;
871 .jstree-default-large.jstree-rtl > .jstree-no-dots .jstree-open > .jstree-ocl {
872 background-position: -32px -32px;
874 .jstree-default-large.jstree-rtl > .jstree-no-dots .jstree-closed > .jstree-ocl {
875 background-position: 0px -32px;
877 .jstree-default-large .jstree-themeicon-custom {
878 background-color: transparent
;
879 background-image: none
;
880 background-position: 0 0;
882 .jstree-default-large > .jstree-container-ul .jstree-loading > .jstree-ocl {
883 background: url
("throbber.gif") center center no-repeat
;
885 .jstree-default-large .jstree-file {
886 background: url
("32px.png") -96px -64px no-repeat
;
888 .jstree-default-large .jstree-folder {
889 background: url
("32px.png") -256px 0px no-repeat
;
891 .jstree-default-large > .jstree-container-ul > .jstree-node {
895 #jstree-dnd.jstree-default-large
{
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
;
905 #jstree-dnd.jstree-default-large i
{
906 background: transparent
;
911 #jstree-dnd.jstree-default-large
.jstree-ok
{
912 background-position: 0px -64px;
914 #jstree-dnd.jstree-default-large
.jstree-er
{
915 background-position: -32px -64px;
917 .jstree-default-large .jstree-ellipsis {
920 .jstree-default-large .jstree-ellipsis .jstree-anchor {
921 width: calc
(100% - 37px);
922 text-overflow: ellipsis
;
925 .jstree-default-large .jstree-ellipsis.jstree-no-icons .jstree-anchor {
926 width: calc
(100% - 5px);
928 .jstree-default-large.jstree-rtl .jstree-node {
929 background-image: url
("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAACAQMAAAAD0EyKAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjgIIGBgABCgCBvVLXcAAAAABJRU5ErkJggg==");
931 .jstree-default-large.jstree-rtl .jstree-last {
932 background: transparent
;
934 @media (max-width: 768px) {
935 #jstree-dnd.jstree-dnd-responsive
{
939 text-shadow: 1px 1px white
;
941 #jstree-dnd.jstree-dnd-responsive
> i
{
942 background: transparent
;
946 #jstree-dnd.jstree-dnd-responsive
> .jstree-ok
{
947 background-image: url
("40px.png");
948 background-position: 0 -200px;
949 background-size: 120px 240px;
951 #jstree-dnd.jstree-dnd-responsive
> .jstree-er
{
952 background-image: url
("40px.png");
953 background-position: -40px -200px;
954 background-size: 120px 240px;
956 #jstree-marker.jstree-dnd-responsive
{
957 border-left-width: 10px;
958 border-top-width: 10px;
959 border-bottom-width: 10px;
963 @media (max-width: 768px) {
964 .jstree-default-responsive {
966 .jstree-open > .jstree-ocl,
967 .jstree-closed > .jstree-ocl { border-radius:20px; background-color:white; }
970 .jstree-default-responsive .jstree-icon {
971 background-image: url
("40px.png");
973 .jstree-default-responsive
.jstree-node
,
974 .jstree-default-responsive .jstree-leaf > .jstree-ocl {
975 background: transparent
;
977 .jstree-default-responsive .jstree-node {
984 .jstree-default-responsive .jstree-anchor {
988 .jstree-default-responsive
.jstree-icon
,
989 .jstree-default-responsive .jstree-icon:empty {
994 .jstree-default-responsive > .jstree-container-ul > .jstree-node {
997 .jstree-default-responsive.jstree-rtl .jstree-node {
1000 background: transparent
;
1002 .jstree-default-responsive.jstree-rtl .jstree-container-ul > .jstree-node {
1005 .jstree-default-responsive
.jstree-ocl
,
1006 .jstree-default-responsive
.jstree-themeicon
,
1007 .jstree-default-responsive .jstree-checkbox {
1008 background-size: 120px 240px;
1010 .jstree-default-responsive
.jstree-leaf
> .jstree-ocl
,
1011 .jstree-default-responsive.jstree-rtl .jstree-leaf > .jstree-ocl {
1012 background: transparent
;
1014 .jstree-default-responsive .jstree-open > .jstree-ocl {
1015 background-position: 0 0px !important
;
1017 .jstree-default-responsive .jstree-closed > .jstree-ocl {
1018 background-position: 0 -40px !important
;
1020 .jstree-default-responsive.jstree-rtl .jstree-closed > .jstree-ocl {
1021 background-position: -40px 0px !important
;
1023 .jstree-default-responsive .jstree-themeicon {
1024 background-position: -40px -40px;
1026 .jstree-default-responsive
.jstree-checkbox
,
1027 .jstree-default-responsive .jstree-checkbox:hover {
1028 background-position: -40px -80px;
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;
1036 .jstree-default-responsive
.jstree-anchor
> .jstree-undetermined
,
1037 .jstree-default-responsive .jstree-anchor > .jstree-undetermined:hover {
1038 background-position: 0 -120px;
1040 .jstree-default-responsive .jstree-anchor {
1043 text-shadow: 1px 1px white
;
1045 .jstree-default-responsive > .jstree-striped {
1046 background: transparent
;
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;
1054 .jstree-default-responsive .jstree-wholerow-hovered {
1055 background: #e7f4f9;
1057 .jstree-default-responsive .jstree-wholerow-clicked {
1058 background: #beebff;
1060 .jstree-default-responsive .jstree-children .jstree-last > .jstree-wholerow {
1061 box-shadow: inset
0 -6px 3px -5px #666666;
1063 .jstree-default-responsive .jstree-children .jstree-open > .jstree-wholerow {
1064 box-shadow: inset
0 6px 3px -5px #666666;
1067 .jstree-default-responsive .jstree-children .jstree-open + .jstree-open {
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;
1078 .jstree-default-responsive .jstree-node {
1079 background-position: -80px 0;
1080 background-repeat: repeat-y
;
1082 .jstree-default-responsive .jstree-last {
1083 background: transparent
;
1085 .jstree-default-responsive .jstree-leaf > .jstree-ocl {
1086 background-position: -40px -120px;
1088 .jstree-default-responsive .jstree-last > .jstree-ocl {
1089 background-position: -40px -160px;
1091 .jstree-default-responsive .jstree-themeicon-custom {
1092 background-color: transparent
;
1093 background-image: none
;
1094 background-position: 0 0;
1096 .jstree-default-responsive .jstree-file {
1097 background: url
("40px.png") 0 -160px no-repeat
;
1098 background-size: 120px 240px;
1100 .jstree-default-responsive .jstree-folder {
1101 background: url
("40px.png") -40px -40px no-repeat
;
1102 background-size: 120px 240px;
1104 .jstree-default-responsive > .jstree-container-ul > .jstree-node {