Subversion Repositories oidplus

Rev

Go to most recent revision | View as "text/css" | Blame | Last modification | View Log | RSS feed

  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 .vakata-contextmenu-disabled > a > i {
  193.   filter: grayscale(100%);
  194. }
  195. .vakata-context li > a > i {
  196.   text-decoration: none;
  197.   display: inline-block;
  198.   width: 2.4em;
  199.   height: 2.4em;
  200.   background: transparent;
  201.   margin: 0 0 0 -2em;
  202.   vertical-align: top;
  203.   text-align: center;
  204.   line-height: 2.4em;
  205. }
  206. .vakata-context li > a > i:empty {
  207.   width: 2.4em;
  208.   line-height: 2.4em;
  209. }
  210. .vakata-context li > a .vakata-contextmenu-sep {
  211.   display: inline-block;
  212.   width: 1px;
  213.   height: 2.4em;
  214.   background: white;
  215.   margin: 0 0.5em 0 0;
  216.   border-left: 1px solid #e2e3e3;
  217. }
  218. .vakata-context .vakata-contextmenu-shortcut {
  219.   font-size: 0.8em;
  220.   color: silver;
  221.   opacity: 0.5;
  222.   display: none;
  223. }
  224. .vakata-context-rtl ul {
  225.   left: auto;
  226.   right: 100%;
  227.   margin-left: auto;
  228.   margin-right: -4px;
  229. }
  230. .vakata-context-rtl li > a.vakata-context-parent {
  231.   background-image: url("data:image/gif;base64,R0lGODlhCwAHAIAAACgoKP///yH5BAEAAAEALAAAAAALAAcAAAINjI+AC7rWHIsPtmoxLAA7");
  232.   background-position: left center;
  233.   background-repeat: no-repeat;
  234. }
  235. .vakata-context-rtl .vakata-context-separator > a {
  236.   margin: 0 2.4em 0 0;
  237.   border-left: 0;
  238.   border-right: 1px solid #e2e3e3;
  239. }
  240. .vakata-context-rtl .vakata-context-left ul {
  241.   right: auto;
  242.   left: 100%;
  243.   margin-left: -4px;
  244.   margin-right: auto;
  245. }
  246. .vakata-context-rtl li > a > i {
  247.   margin: 0 -2em 0 0;
  248. }
  249. .vakata-context-rtl li > a .vakata-contextmenu-sep {
  250.   margin: 0 0 0 0.5em;
  251.   border-left-color: white;
  252.   background: #e2e3e3;
  253. }
  254. #jstree-marker {
  255.   position: absolute;
  256.   top: 0;
  257.   left: 0;
  258.   margin: -5px 0 0 0;
  259.   padding: 0;
  260.   border-right: 0;
  261.   border-top: 5px solid transparent;
  262.   border-bottom: 5px solid transparent;
  263.   border-left: 5px solid;
  264.   width: 0;
  265.   height: 0;
  266.   font-size: 0;
  267.   line-height: 0;
  268. }
  269. #jstree-dnd {
  270.   line-height: 16px;
  271.   margin: 0;
  272.   padding: 4px;
  273. }
  274. #jstree-dnd .jstree-icon,
  275. #jstree-dnd .jstree-copy {
  276.   display: inline-block;
  277.   text-decoration: none;
  278.   margin: 0 2px 0 0;
  279.   padding: 0;
  280.   width: 16px;
  281.   height: 16px;
  282. }
  283. #jstree-dnd .jstree-ok {
  284.   background: green;
  285. }
  286. #jstree-dnd .jstree-er {
  287.   background: red;
  288. }
  289. #jstree-dnd .jstree-copy {
  290.   margin: 0 2px 0 2px;
  291. }
  292. .jstree-default .jstree-node,
  293. .jstree-default .jstree-icon {
  294.   background-repeat: no-repeat;
  295.   background-color: transparent;
  296. }
  297. .jstree-default .jstree-anchor,
  298. .jstree-default .jstree-animated,
  299. .jstree-default .jstree-wholerow {
  300.   transition: background-color 0.15s, box-shadow 0.15s;
  301. }
  302. .jstree-default .jstree-hovered {
  303.   background: #e7f4f9;
  304.   border-radius: 2px;
  305.   box-shadow: inset 0 0 1px #cccccc;
  306. }
  307. .jstree-default .jstree-context {
  308.   background: #e7f4f9;
  309.   border-radius: 2px;
  310.   box-shadow: inset 0 0 1px #cccccc;
  311. }
  312. .jstree-default .jstree-clicked {
  313.   background: #beebff;
  314.   border-radius: 2px;
  315.   box-shadow: inset 0 0 1px #999999;
  316. }
  317. .jstree-default .jstree-no-icons .jstree-anchor > .jstree-themeicon {
  318.   display: none;
  319. }
  320. .jstree-default .jstree-disabled {
  321.   background: transparent;
  322.   color: #666666;
  323. }
  324. .jstree-default .jstree-disabled.jstree-hovered {
  325.   background: transparent;
  326.   box-shadow: none;
  327. }
  328. .jstree-default .jstree-disabled.jstree-clicked {
  329.   background: #efefef;
  330. }
  331. .jstree-default .jstree-disabled > .jstree-icon {
  332.   opacity: 0.8;
  333.   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.   /* Firefox 10+ */
  335.   filter: gray;
  336.   /* IE6-9 */
  337.   -webkit-filter: grayscale(100%);
  338.   /* Chrome 19+ & Safari 6+ */
  339. }
  340. .jstree-default .jstree-search {
  341.   font-style: italic;
  342.   color: #8b0000;
  343.   font-weight: bold;
  344. }
  345. .jstree-default .jstree-no-checkboxes .jstree-checkbox {
  346.   display: none !important;
  347. }
  348. .jstree-default.jstree-checkbox-no-clicked .jstree-clicked {
  349.   background: transparent;
  350.   box-shadow: none;
  351. }
  352. .jstree-default.jstree-checkbox-no-clicked .jstree-clicked.jstree-hovered {
  353.   background: #e7f4f9;
  354. }
  355. .jstree-default.jstree-checkbox-no-clicked > .jstree-wholerow-ul .jstree-wholerow-clicked {
  356.   background: transparent;
  357. }
  358. .jstree-default.jstree-checkbox-no-clicked > .jstree-wholerow-ul .jstree-wholerow-clicked.jstree-wholerow-hovered {
  359.   background: #e7f4f9;
  360. }
  361. .jstree-default > .jstree-striped {
  362.   min-width: 100%;
  363.   display: inline-block;
  364.   background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAkCAMAAAB/qqA+AAAABlBMVEUAAAAAAAClZ7nPAAAAAnRSTlMNAMM9s3UAAAAXSURBVHjajcEBAQAAAIKg/H/aCQZ70AUBjAATb6YPDgAAAABJRU5ErkJggg==") left top repeat;
  365. }
  366. .jstree-default > .jstree-wholerow-ul .jstree-hovered,
  367. .jstree-default > .jstree-wholerow-ul .jstree-clicked {
  368.   background: transparent;
  369.   box-shadow: none;
  370.   border-radius: 0;
  371. }
  372. .jstree-default .jstree-wholerow {
  373.   -moz-box-sizing: border-box;
  374.   -webkit-box-sizing: border-box;
  375.   box-sizing: border-box;
  376. }
  377. .jstree-default .jstree-wholerow-hovered {
  378.   background: #e7f4f9;
  379. }
  380. .jstree-default .jstree-wholerow-clicked {
  381.   background: #beebff;
  382.   background: -webkit-linear-gradient(top, #beebff 0%, #a8e4ff 100%);
  383.   background: linear-gradient(to bottom, #beebff 0%, #a8e4ff 100%);
  384. }
  385. .jstree-default .jstree-node {
  386.   min-height: 24px;
  387.   line-height: 24px;
  388.   margin-left: 24px;
  389.   min-width: 24px;
  390. }
  391. .jstree-default .jstree-anchor {
  392.   line-height: 24px;
  393.   height: 24px;
  394. }
  395. .jstree-default .jstree-icon {
  396.   width: 24px;
  397.   height: 24px;
  398.   line-height: 24px;
  399. }
  400. .jstree-default .jstree-icon:empty {
  401.   width: 24px;
  402.   height: 24px;
  403.   line-height: 24px;
  404. }
  405. .jstree-default.jstree-rtl .jstree-node {
  406.   margin-right: 24px;
  407. }
  408. .jstree-default .jstree-wholerow {
  409.   height: 24px;
  410. }
  411. .jstree-default .jstree-node,
  412. .jstree-default .jstree-icon {
  413.   background-image: url("32px.png");
  414. }
  415. .jstree-default .jstree-node {
  416.   background-position: -292px -4px;
  417.   background-repeat: repeat-y;
  418. }
  419. .jstree-default .jstree-last {
  420.   background: transparent;
  421. }
  422. .jstree-default .jstree-open > .jstree-ocl {
  423.   background-position: -132px -4px;
  424. }
  425. .jstree-default .jstree-closed > .jstree-ocl {
  426.   background-position: -100px -4px;
  427. }
  428. .jstree-default .jstree-leaf > .jstree-ocl {
  429.   background-position: -68px -4px;
  430. }
  431. .jstree-default .jstree-themeicon {
  432.   background-position: -260px -4px;
  433. }
  434. .jstree-default > .jstree-no-dots .jstree-node,
  435. .jstree-default > .jstree-no-dots .jstree-leaf > .jstree-ocl {
  436.   background: transparent;
  437. }
  438. .jstree-default > .jstree-no-dots .jstree-open > .jstree-ocl {
  439.   background-position: -36px -4px;
  440. }
  441. .jstree-default > .jstree-no-dots .jstree-closed > .jstree-ocl {
  442.   background-position: -4px -4px;
  443. }
  444. .jstree-default .jstree-disabled {
  445.   background: transparent;
  446. }
  447. .jstree-default .jstree-disabled.jstree-hovered {
  448.   background: transparent;
  449. }
  450. .jstree-default .jstree-disabled.jstree-clicked {
  451.   background: #efefef;
  452. }
  453. .jstree-default .jstree-checkbox {
  454.   background-position: -164px -4px;
  455. }
  456. .jstree-default .jstree-checkbox:hover {
  457.   background-position: -164px -36px;
  458. }
  459. .jstree-default.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox,
  460. .jstree-default .jstree-checked > .jstree-checkbox {
  461.   background-position: -228px -4px;
  462. }
  463. .jstree-default.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:hover,
  464. .jstree-default .jstree-checked > .jstree-checkbox:hover {
  465.   background-position: -228px -36px;
  466. }
  467. .jstree-default .jstree-anchor > .jstree-undetermined {
  468.   background-position: -196px -4px;
  469. }
  470. .jstree-default .jstree-anchor > .jstree-undetermined:hover {
  471.   background-position: -196px -36px;
  472. }
  473. .jstree-default .jstree-checkbox-disabled {
  474.   opacity: 0.8;
  475.   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.   /* Firefox 10+ */
  477.   filter: gray;
  478.   /* IE6-9 */
  479.   -webkit-filter: grayscale(100%);
  480.   /* Chrome 19+ & Safari 6+ */
  481. }
  482. .jstree-default > .jstree-striped {
  483.   background-size: auto 48px;
  484. }
  485. .jstree-default.jstree-rtl .jstree-node {
  486.   background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==");
  487.   background-position: 100% 1px;
  488.   background-repeat: repeat-y;
  489. }
  490. .jstree-default.jstree-rtl .jstree-last {
  491.   background: transparent;
  492. }
  493. .jstree-default.jstree-rtl .jstree-open > .jstree-ocl {
  494.   background-position: -132px -36px;
  495. }
  496. .jstree-default.jstree-rtl .jstree-closed > .jstree-ocl {
  497.   background-position: -100px -36px;
  498. }
  499. .jstree-default.jstree-rtl .jstree-leaf > .jstree-ocl {
  500.   background-position: -68px -36px;
  501. }
  502. .jstree-default.jstree-rtl > .jstree-no-dots .jstree-node,
  503. .jstree-default.jstree-rtl > .jstree-no-dots .jstree-leaf > .jstree-ocl {
  504.   background: transparent;
  505. }
  506. .jstree-default.jstree-rtl > .jstree-no-dots .jstree-open > .jstree-ocl {
  507.   background-position: -36px -36px;
  508. }
  509. .jstree-default.jstree-rtl > .jstree-no-dots .jstree-closed > .jstree-ocl {
  510.   background-position: -4px -36px;
  511. }
  512. .jstree-default .jstree-themeicon-custom {
  513.   background-color: transparent;
  514.   background-image: none;
  515.   background-position: 0 0;
  516. }
  517. .jstree-default > .jstree-container-ul .jstree-loading > .jstree-ocl {
  518.   background: url("throbber.gif") center center no-repeat;
  519. }
  520. .jstree-default .jstree-file {
  521.   background: url("32px.png") -100px -68px no-repeat;
  522. }
  523. .jstree-default .jstree-folder {
  524.   background: url("32px.png") -260px -4px no-repeat;
  525. }
  526. .jstree-default > .jstree-container-ul > .jstree-node {
  527.   margin-left: 0;
  528.   margin-right: 0;
  529. }
  530. #jstree-dnd.jstree-default {
  531.   line-height: 24px;
  532.   padding: 0 4px;
  533. }
  534. #jstree-dnd.jstree-default .jstree-ok,
  535. #jstree-dnd.jstree-default .jstree-er {
  536.   background-image: url("32px.png");
  537.   background-repeat: no-repeat;
  538.   background-color: transparent;
  539. }
  540. #jstree-dnd.jstree-default i {
  541.   background: transparent;
  542.   width: 24px;
  543.   height: 24px;
  544.   line-height: 24px;
  545. }
  546. #jstree-dnd.jstree-default .jstree-ok {
  547.   background-position: -4px -68px;
  548. }
  549. #jstree-dnd.jstree-default .jstree-er {
  550.   background-position: -36px -68px;
  551. }
  552. .jstree-default .jstree-ellipsis {
  553.   overflow: hidden;
  554. }
  555. .jstree-default .jstree-ellipsis .jstree-anchor {
  556.   width: calc(100% - 29px);
  557.   text-overflow: ellipsis;
  558.   overflow: hidden;
  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-rtl .jstree-node {
  742.   background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAACAQMAAABv1h6PAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMHBgAAiABBI4gz9AAAAABJRU5ErkJggg==");
  743. }
  744. .jstree-default-small.jstree-rtl .jstree-last {
  745.   background: transparent;
  746. }
  747. .jstree-default-large .jstree-node {
  748.   min-height: 32px;
  749.   line-height: 32px;
  750.   margin-left: 32px;
  751.   min-width: 32px;
  752. }
  753. .jstree-default-large .jstree-anchor {
  754.   line-height: 32px;
  755.   height: 32px;
  756. }
  757. .jstree-default-large .jstree-icon {
  758.   width: 32px;
  759.   height: 32px;
  760.   line-height: 32px;
  761. }
  762. .jstree-default-large .jstree-icon:empty {
  763.   width: 32px;
  764.   height: 32px;
  765.   line-height: 32px;
  766. }
  767. .jstree-default-large.jstree-rtl .jstree-node {
  768.   margin-right: 32px;
  769. }
  770. .jstree-default-large .jstree-wholerow {
  771.   height: 32px;
  772. }
  773. .jstree-default-large .jstree-node,
  774. .jstree-default-large .jstree-icon {
  775.   background-image: url("32px.png");
  776. }
  777. .jstree-default-large .jstree-node {
  778.   background-position: -288px 0px;
  779.   background-repeat: repeat-y;
  780. }
  781. .jstree-default-large .jstree-last {
  782.   background: transparent;
  783. }
  784. .jstree-default-large .jstree-open > .jstree-ocl {
  785.   background-position: -128px 0px;
  786. }
  787. .jstree-default-large .jstree-closed > .jstree-ocl {
  788.   background-position: -96px 0px;
  789. }
  790. .jstree-default-large .jstree-leaf > .jstree-ocl {
  791.   background-position: -64px 0px;
  792. }
  793. .jstree-default-large .jstree-themeicon {
  794.   background-position: -256px 0px;
  795. }
  796. .jstree-default-large > .jstree-no-dots .jstree-node,
  797. .jstree-default-large > .jstree-no-dots .jstree-leaf > .jstree-ocl {
  798.   background: transparent;
  799. }
  800. .jstree-default-large > .jstree-no-dots .jstree-open > .jstree-ocl {
  801.   background-position: -32px 0px;
  802. }
  803. .jstree-default-large > .jstree-no-dots .jstree-closed > .jstree-ocl {
  804.   background-position: 0px 0px;
  805. }
  806. .jstree-default-large .jstree-disabled {
  807.   background: transparent;
  808. }
  809. .jstree-default-large .jstree-disabled.jstree-hovered {
  810.   background: transparent;
  811. }
  812. .jstree-default-large .jstree-disabled.jstree-clicked {
  813.   background: #efefef;
  814. }
  815. .jstree-default-large .jstree-checkbox {
  816.   background-position: -160px 0px;
  817. }
  818. .jstree-default-large .jstree-checkbox:hover {
  819.   background-position: -160px -32px;
  820. }
  821. .jstree-default-large.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox,
  822. .jstree-default-large .jstree-checked > .jstree-checkbox {
  823.   background-position: -224px 0px;
  824. }
  825. .jstree-default-large.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:hover,
  826. .jstree-default-large .jstree-checked > .jstree-checkbox:hover {
  827.   background-position: -224px -32px;
  828. }
  829. .jstree-default-large .jstree-anchor > .jstree-undetermined {
  830.   background-position: -192px 0px;
  831. }
  832. .jstree-default-large .jstree-anchor > .jstree-undetermined:hover {
  833.   background-position: -192px -32px;
  834. }
  835. .jstree-default-large .jstree-checkbox-disabled {
  836.   opacity: 0.8;
  837.   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");
  838.   /* Firefox 10+ */
  839.   filter: gray;
  840.   /* IE6-9 */
  841.   -webkit-filter: grayscale(100%);
  842.   /* Chrome 19+ & Safari 6+ */
  843. }
  844. .jstree-default-large > .jstree-striped {
  845.   background-size: auto 64px;
  846. }
  847. .jstree-default-large.jstree-rtl .jstree-node {
  848.   background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==");
  849.   background-position: 100% 1px;
  850.   background-repeat: repeat-y;
  851. }
  852. .jstree-default-large.jstree-rtl .jstree-last {
  853.   background: transparent;
  854. }
  855. .jstree-default-large.jstree-rtl .jstree-open > .jstree-ocl {
  856.   background-position: -128px -32px;
  857. }
  858. .jstree-default-large.jstree-rtl .jstree-closed > .jstree-ocl {
  859.   background-position: -96px -32px;
  860. }
  861. .jstree-default-large.jstree-rtl .jstree-leaf > .jstree-ocl {
  862.   background-position: -64px -32px;
  863. }
  864. .jstree-default-large.jstree-rtl > .jstree-no-dots .jstree-node,
  865. .jstree-default-large.jstree-rtl > .jstree-no-dots .jstree-leaf > .jstree-ocl {
  866.   background: transparent;
  867. }
  868. .jstree-default-large.jstree-rtl > .jstree-no-dots .jstree-open > .jstree-ocl {
  869.   background-position: -32px -32px;
  870. }
  871. .jstree-default-large.jstree-rtl > .jstree-no-dots .jstree-closed > .jstree-ocl {
  872.   background-position: 0px -32px;
  873. }
  874. .jstree-default-large .jstree-themeicon-custom {
  875.   background-color: transparent;
  876.   background-image: none;
  877.   background-position: 0 0;
  878. }
  879. .jstree-default-large > .jstree-container-ul .jstree-loading > .jstree-ocl {
  880.   background: url("throbber.gif") center center no-repeat;
  881. }
  882. .jstree-default-large .jstree-file {
  883.   background: url("32px.png") -96px -64px no-repeat;
  884. }
  885. .jstree-default-large .jstree-folder {
  886.   background: url("32px.png") -256px 0px no-repeat;
  887. }
  888. .jstree-default-large > .jstree-container-ul > .jstree-node {
  889.   margin-left: 0;
  890.   margin-right: 0;
  891. }
  892. #jstree-dnd.jstree-default-large {
  893.   line-height: 32px;
  894.   padding: 0 4px;
  895. }
  896. #jstree-dnd.jstree-default-large .jstree-ok,
  897. #jstree-dnd.jstree-default-large .jstree-er {
  898.   background-image: url("32px.png");
  899.   background-repeat: no-repeat;
  900.   background-color: transparent;
  901. }
  902. #jstree-dnd.jstree-default-large i {
  903.   background: transparent;
  904.   width: 32px;
  905.   height: 32px;
  906.   line-height: 32px;
  907. }
  908. #jstree-dnd.jstree-default-large .jstree-ok {
  909.   background-position: 0px -64px;
  910. }
  911. #jstree-dnd.jstree-default-large .jstree-er {
  912.   background-position: -32px -64px;
  913. }
  914. .jstree-default-large .jstree-ellipsis {
  915.   overflow: hidden;
  916. }
  917. .jstree-default-large .jstree-ellipsis .jstree-anchor {
  918.   width: calc(100% - 37px);
  919.   text-overflow: ellipsis;
  920.   overflow: hidden;
  921. }
  922. .jstree-default-large.jstree-rtl .jstree-node {
  923.   background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAACAQMAAAAD0EyKAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjgIIGBgABCgCBvVLXcAAAAABJRU5ErkJggg==");
  924. }
  925. .jstree-default-large.jstree-rtl .jstree-last {
  926.   background: transparent;
  927. }
  928. @media (max-width: 768px) {
  929.   #jstree-dnd.jstree-dnd-responsive {
  930.     line-height: 40px;
  931.     font-weight: bold;
  932.     font-size: 1.1em;
  933.     text-shadow: 1px 1px white;
  934.   }
  935.   #jstree-dnd.jstree-dnd-responsive > i {
  936.     background: transparent;
  937.     width: 40px;
  938.     height: 40px;
  939.   }
  940.   #jstree-dnd.jstree-dnd-responsive > .jstree-ok {
  941.     background-image: url("40px.png");
  942.     background-position: 0 -200px;
  943.     background-size: 120px 240px;
  944.   }
  945.   #jstree-dnd.jstree-dnd-responsive > .jstree-er {
  946.     background-image: url("40px.png");
  947.     background-position: -40px -200px;
  948.     background-size: 120px 240px;
  949.   }
  950.   #jstree-marker.jstree-dnd-responsive {
  951.     border-left-width: 10px;
  952.     border-top-width: 10px;
  953.     border-bottom-width: 10px;
  954.     margin-top: -10px;
  955.   }
  956. }
  957. @media (max-width: 768px) {
  958.   .jstree-default-responsive {
  959.     /*
  960.         .jstree-open > .jstree-ocl,
  961.         .jstree-closed > .jstree-ocl { border-radius:20px; background-color:white; }
  962.         */
  963.   }
  964.   .jstree-default-responsive .jstree-icon {
  965.     background-image: url("40px.png");
  966.   }
  967.   .jstree-default-responsive .jstree-node,
  968.   .jstree-default-responsive .jstree-leaf > .jstree-ocl {
  969.     background: transparent;
  970.   }
  971.   .jstree-default-responsive .jstree-node {
  972.     min-height: 40px;
  973.     line-height: 40px;
  974.     margin-left: 40px;
  975.     min-width: 40px;
  976.     white-space: nowrap;
  977.   }
  978.   .jstree-default-responsive .jstree-anchor {
  979.     line-height: 40px;
  980.     height: 40px;
  981.   }
  982.   .jstree-default-responsive .jstree-icon,
  983.   .jstree-default-responsive .jstree-icon:empty {
  984.     width: 40px;
  985.     height: 40px;
  986.     line-height: 40px;
  987.   }
  988.   .jstree-default-responsive > .jstree-container-ul > .jstree-node {
  989.     margin-left: 0;
  990.   }
  991.   .jstree-default-responsive.jstree-rtl .jstree-node {
  992.     margin-left: 0;
  993.     margin-right: 40px;
  994.     background: transparent;
  995.   }
  996.   .jstree-default-responsive.jstree-rtl .jstree-container-ul > .jstree-node {
  997.     margin-right: 0;
  998.   }
  999.   .jstree-default-responsive .jstree-ocl,
  1000.   .jstree-default-responsive .jstree-themeicon,
  1001.   .jstree-default-responsive .jstree-checkbox {
  1002.     background-size: 120px 240px;
  1003.   }
  1004.   .jstree-default-responsive .jstree-leaf > .jstree-ocl,
  1005.   .jstree-default-responsive.jstree-rtl .jstree-leaf > .jstree-ocl {
  1006.     background: transparent;
  1007.   }
  1008.   .jstree-default-responsive .jstree-open > .jstree-ocl {
  1009.     background-position: 0 0 !important;
  1010.   }
  1011.   .jstree-default-responsive .jstree-closed > .jstree-ocl {
  1012.     background-position: 0 -40px !important;
  1013.   }
  1014.   .jstree-default-responsive.jstree-rtl .jstree-closed > .jstree-ocl {
  1015.     background-position: -40px 0 !important;
  1016.   }
  1017.   .jstree-default-responsive .jstree-themeicon {
  1018.     background-position: -40px -40px;
  1019.   }
  1020.   .jstree-default-responsive .jstree-checkbox,
  1021.   .jstree-default-responsive .jstree-checkbox:hover {
  1022.     background-position: -40px -80px;
  1023.   }
  1024.   .jstree-default-responsive.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox,
  1025.   .jstree-default-responsive.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:hover,
  1026.   .jstree-default-responsive .jstree-checked > .jstree-checkbox,
  1027.   .jstree-default-responsive .jstree-checked > .jstree-checkbox:hover {
  1028.     background-position: 0 -80px;
  1029.   }
  1030.   .jstree-default-responsive .jstree-anchor > .jstree-undetermined,
  1031.   .jstree-default-responsive .jstree-anchor > .jstree-undetermined:hover {
  1032.     background-position: 0 -120px;
  1033.   }
  1034.   .jstree-default-responsive .jstree-anchor {
  1035.     font-weight: bold;
  1036.     font-size: 1.1em;
  1037.     text-shadow: 1px 1px white;
  1038.   }
  1039.   .jstree-default-responsive > .jstree-striped {
  1040.     background: transparent;
  1041.   }
  1042.   .jstree-default-responsive .jstree-wholerow {
  1043.     border-top: 1px solid rgba(255, 255, 255, 0.7);
  1044.     border-bottom: 1px solid rgba(64, 64, 64, 0.2);
  1045.     background: #ebebeb;
  1046.     height: 40px;
  1047.   }
  1048.   .jstree-default-responsive .jstree-wholerow-hovered {
  1049.     background: #e7f4f9;
  1050.   }
  1051.   .jstree-default-responsive .jstree-wholerow-clicked {
  1052.     background: #beebff;
  1053.   }
  1054.   .jstree-default-responsive .jstree-children .jstree-last > .jstree-wholerow {
  1055.     box-shadow: inset 0 -6px 3px -5px #666666;
  1056.   }
  1057.   .jstree-default-responsive .jstree-children .jstree-open > .jstree-wholerow {
  1058.     box-shadow: inset 0 6px 3px -5px #666666;
  1059.     border-top: 0;
  1060.   }
  1061.   .jstree-default-responsive .jstree-children .jstree-open + .jstree-open {
  1062.     box-shadow: none;
  1063.   }
  1064.   .jstree-default-responsive .jstree-node,
  1065.   .jstree-default-responsive .jstree-icon,
  1066.   .jstree-default-responsive .jstree-node > .jstree-ocl,
  1067.   .jstree-default-responsive .jstree-themeicon,
  1068.   .jstree-default-responsive .jstree-checkbox {
  1069.     background-image: url("40px.png");
  1070.     background-size: 120px 240px;
  1071.   }
  1072.   .jstree-default-responsive .jstree-node {
  1073.     background-position: -80px 0;
  1074.     background-repeat: repeat-y;
  1075.   }
  1076.   .jstree-default-responsive .jstree-last {
  1077.     background: transparent;
  1078.   }
  1079.   .jstree-default-responsive .jstree-leaf > .jstree-ocl {
  1080.     background-position: -40px -120px;
  1081.   }
  1082.   .jstree-default-responsive .jstree-last > .jstree-ocl {
  1083.     background-position: -40px -160px;
  1084.   }
  1085.   .jstree-default-responsive .jstree-themeicon-custom {
  1086.     background-color: transparent;
  1087.     background-image: none;
  1088.     background-position: 0 0;
  1089.   }
  1090.   .jstree-default-responsive .jstree-file {
  1091.     background: url("40px.png") 0 -160px no-repeat;
  1092.     background-size: 120px 240px;
  1093.   }
  1094.   .jstree-default-responsive .jstree-folder {
  1095.     background: url("40px.png") -40px -40px no-repeat;
  1096.     background-size: 120px 240px;
  1097.   }
  1098.   .jstree-default-responsive > .jstree-container-ul > .jstree-node {
  1099.     margin-left: 0;
  1100.     margin-right: 0;
  1101.   }
  1102. }
  1103.