You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

1108 lines
31 KiB

6 years ago
  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. }