jstree.css 31 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066
  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. .jstree-node {
  11. white-space: nowrap; }
  12. .jstree-anchor {
  13. display: inline-block;
  14. color: black;
  15. white-space: nowrap;
  16. padding: 0 4px 0 1px;
  17. margin: 0;
  18. vertical-align: top; }
  19. .jstree-anchor:focus {
  20. outline: 0; }
  21. .jstree-anchor,
  22. .jstree-anchor:link,
  23. .jstree-anchor:visited,
  24. .jstree-anchor:hover,
  25. .jstree-anchor:active {
  26. text-decoration: none;
  27. color: inherit; }
  28. .jstree-icon {
  29. display: inline-block;
  30. text-decoration: none;
  31. margin: 0;
  32. padding: 0;
  33. vertical-align: top;
  34. text-align: center; }
  35. .jstree-icon:empty {
  36. display: inline-block;
  37. text-decoration: none;
  38. margin: 0;
  39. padding: 0;
  40. vertical-align: top;
  41. text-align: center; }
  42. .jstree-ocl {
  43. cursor: pointer; }
  44. .jstree-leaf > .jstree-ocl {
  45. cursor: default; }
  46. .jstree .jstree-open > .jstree-children {
  47. display: block; }
  48. .jstree .jstree-closed > .jstree-children,
  49. .jstree .jstree-leaf > .jstree-children {
  50. display: none; }
  51. .jstree-anchor > .jstree-themeicon {
  52. margin-right: 2px; }
  53. .jstree-no-icons .jstree-themeicon,
  54. .jstree-anchor > .jstree-themeicon-hidden {
  55. display: none; }
  56. .jstree-hidden,
  57. .jstree-node.jstree-hidden {
  58. display: none; }
  59. .jstree-rtl .jstree-anchor {
  60. padding: 0 1px 0 4px; }
  61. .jstree-rtl .jstree-anchor > .jstree-themeicon {
  62. margin-left: 2px;
  63. margin-right: 0; }
  64. .jstree-rtl .jstree-node {
  65. margin-left: 0; }
  66. .jstree-rtl .jstree-container-ul > .jstree-node {
  67. margin-right: 0; }
  68. .jstree-wholerow-ul {
  69. position: relative;
  70. display: inline-block;
  71. min-width: 100%; }
  72. .jstree-wholerow-ul .jstree-leaf > .jstree-ocl {
  73. cursor: pointer; }
  74. .jstree-wholerow-ul .jstree-anchor,
  75. .jstree-wholerow-ul .jstree-icon {
  76. position: relative; }
  77. .jstree-wholerow-ul .jstree-wholerow {
  78. width: 100%;
  79. cursor: pointer;
  80. position: absolute;
  81. left: 0;
  82. -webkit-user-select: none;
  83. -moz-user-select: none;
  84. -ms-user-select: none;
  85. user-select: none; }
  86. .jstree-contextmenu .jstree-anchor {
  87. -webkit-user-select: none;
  88. /* disable selection/Copy of UIWebView */
  89. -webkit-touch-callout: none;
  90. /* disable the IOS popup when long-press on a link */ }
  91. .vakata-context {
  92. display: none; }
  93. .vakata-context,
  94. .vakata-context ul {
  95. margin: 0;
  96. padding: 2px;
  97. position: absolute;
  98. background: #f5f5f5;
  99. border: 1px solid #979797;
  100. box-shadow: 2px 2px 2px #999999; }
  101. .vakata-context ul {
  102. list-style: none;
  103. left: 100%;
  104. margin-top: -2.7em;
  105. margin-left: -4px; }
  106. .vakata-context .vakata-context-right ul {
  107. left: auto;
  108. right: 100%;
  109. margin-left: auto;
  110. margin-right: -4px; }
  111. .vakata-context li {
  112. list-style: none; }
  113. .vakata-context li > a {
  114. display: block;
  115. padding: 0 2em 0 2em;
  116. text-decoration: none;
  117. width: auto;
  118. color: black;
  119. white-space: nowrap;
  120. line-height: 2.4em;
  121. text-shadow: 1px 1px 0 white;
  122. border-radius: 1px; }
  123. .vakata-context li > a:hover {
  124. position: relative;
  125. background-color: #e8eff7;
  126. box-shadow: 0 0 2px #0a6aa1; }
  127. .vakata-context li > a.vakata-context-parent {
  128. background-image: url("data:image/gif;base64,R0lGODlhCwAHAIAAACgoKP///yH5BAEAAAEALAAAAAALAAcAAAIORI4JlrqN1oMSnmmZDQUAOw==");
  129. background-position: right center;
  130. background-repeat: no-repeat; }
  131. .vakata-context li > a:focus {
  132. outline: 0; }
  133. .vakata-context .vakata-context-hover > a {
  134. position: relative;
  135. background-color: #e8eff7;
  136. box-shadow: 0 0 2px #0a6aa1; }
  137. .vakata-context .vakata-context-separator > a,
  138. .vakata-context .vakata-context-separator > a:hover {
  139. background: white;
  140. border: 0;
  141. border-top: 1px solid #e2e3e3;
  142. height: 1px;
  143. min-height: 1px;
  144. max-height: 1px;
  145. padding: 0;
  146. margin: 0 0 0 2.4em;
  147. border-left: 1px solid #e0e0e0;
  148. text-shadow: 0 0 0 transparent;
  149. box-shadow: 0 0 0 transparent;
  150. border-radius: 0; }
  151. .vakata-context .vakata-contextmenu-disabled a,
  152. .vakata-context .vakata-contextmenu-disabled a:hover {
  153. color: silver;
  154. background-color: transparent;
  155. border: 0;
  156. box-shadow: 0 0 0; }
  157. .vakata-context li > a > i {
  158. text-decoration: none;
  159. display: inline-block;
  160. width: 2.4em;
  161. height: 2.4em;
  162. background: transparent;
  163. margin: 0 0 0 -2em;
  164. vertical-align: top;
  165. text-align: center;
  166. line-height: 2.4em; }
  167. .vakata-context li > a > i:empty {
  168. width: 2.4em;
  169. line-height: 2.4em; }
  170. .vakata-context li > a .vakata-contextmenu-sep {
  171. display: inline-block;
  172. width: 1px;
  173. height: 2.4em;
  174. background: white;
  175. margin: 0 0.5em 0 0;
  176. border-left: 1px solid #e2e3e3; }
  177. .vakata-context .vakata-contextmenu-shortcut {
  178. font-size: 0.8em;
  179. color: silver;
  180. opacity: 0.5;
  181. display: none; }
  182. .vakata-context-rtl ul {
  183. left: auto;
  184. right: 100%;
  185. margin-left: auto;
  186. margin-right: -4px; }
  187. .vakata-context-rtl li > a.vakata-context-parent {
  188. background-image: url("data:image/gif;base64,R0lGODlhCwAHAIAAACgoKP///yH5BAEAAAEALAAAAAALAAcAAAINjI+AC7rWHIsPtmoxLAA7");
  189. background-position: left center;
  190. background-repeat: no-repeat; }
  191. .vakata-context-rtl .vakata-context-separator > a {
  192. margin: 0 2.4em 0 0;
  193. border-left: 0;
  194. border-right: 1px solid #e2e3e3; }
  195. .vakata-context-rtl .vakata-context-left ul {
  196. right: auto;
  197. left: 100%;
  198. margin-left: -4px;
  199. margin-right: auto; }
  200. .vakata-context-rtl li > a > i {
  201. margin: 0 -2em 0 0; }
  202. .vakata-context-rtl li > a .vakata-contextmenu-sep {
  203. margin: 0 0 0 0.5em;
  204. border-left-color: white;
  205. background: #e2e3e3; }
  206. #jstree-marker {
  207. position: absolute;
  208. top: 0;
  209. left: 0;
  210. margin: -5px 0 0 0;
  211. padding: 0;
  212. border-right: 0;
  213. border-top: 5px solid transparent;
  214. border-bottom: 5px solid transparent;
  215. border-left: 5px solid;
  216. width: 0;
  217. height: 0;
  218. font-size: 0;
  219. line-height: 0; }
  220. #jstree-dnd {
  221. line-height: 16px;
  222. margin: 0;
  223. padding: 4px; }
  224. #jstree-dnd .jstree-icon,
  225. #jstree-dnd .jstree-copy {
  226. display: inline-block;
  227. text-decoration: none;
  228. margin: 0 2px 0 0;
  229. padding: 0;
  230. width: 16px;
  231. height: 16px; }
  232. #jstree-dnd .jstree-ok {
  233. background: green; }
  234. #jstree-dnd .jstree-er {
  235. background: red; }
  236. #jstree-dnd .jstree-copy {
  237. margin: 0 2px 0 2px; }
  238. .jstree-default .jstree-node,
  239. .jstree-default .jstree-icon {
  240. background-repeat: no-repeat;
  241. background-color: transparent; }
  242. .jstree-default .jstree-anchor,
  243. .jstree-default .jstree-animated,
  244. .jstree-default .jstree-wholerow {
  245. transition: background-color 0.15s, box-shadow 0.15s; }
  246. .jstree-default .jstree-hovered {
  247. color: #589ffc;
  248. background: #f3f7f9;
  249. border-radius: 0.215rem; }
  250. .jstree-default .jstree-hovered .jstree-themeicon-custom {
  251. color: #76838f; }
  252. .jstree-default .jstree-context {
  253. background: #e7f4f9;
  254. border-radius: 2px;
  255. box-shadow: inset 0 0 1px #cccccc; }
  256. .jstree-default .jstree-clicked {
  257. background: #76838f;
  258. background: #f3f7f9;
  259. border-radius: 0.215rem; }
  260. .jstree-default .jstree-no-icons .jstree-anchor > .jstree-themeicon {
  261. display: none; }
  262. .jstree-default .jstree-disabled {
  263. color: #e4eaec;
  264. background: transparent; }
  265. .jstree-default .jstree-disabled.jstree-hovered {
  266. background: transparent;
  267. box-shadow: none; }
  268. .jstree-default .jstree-disabled.jstree-clicked {
  269. background: #efefef; }
  270. .jstree-default .jstree-disabled > .jstree-icon {
  271. opacity: 0.8;
  272. 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");
  273. /* Firefox 10+ */
  274. filter: gray;
  275. /* IE6-9 */
  276. -webkit-filter: grayscale(100%);
  277. /* Chrome 19+ & Safari 6+ */ }
  278. .jstree-default .jstree-search {
  279. font-style: italic;
  280. color: #8b0000;
  281. font-weight: bold; }
  282. .jstree-default .jstree-no-checkboxes .jstree-checkbox {
  283. display: none !important; }
  284. .jstree-default.jstree-checkbox-no-clicked .jstree-clicked {
  285. background: transparent;
  286. box-shadow: none; }
  287. .jstree-default.jstree-checkbox-no-clicked .jstree-clicked.jstree-hovered {
  288. background: #e7f4f9; }
  289. .jstree-default.jstree-checkbox-no-clicked > .jstree-wholerow-ul .jstree-wholerow-clicked {
  290. background: transparent; }
  291. .jstree-default.jstree-checkbox-no-clicked > .jstree-wholerow-ul .jstree-wholerow-clicked.jstree-wholerow-hovered {
  292. background: #e7f4f9; }
  293. .jstree-default > .jstree-striped {
  294. min-width: 100%;
  295. display: inline-block;
  296. background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAkCAMAAAB/qqA+AAAABlBMVEUAAAAAAAClZ7nPAAAAAnRSTlMNAMM9s3UAAAAXSURBVHjajcEBAQAAAIKg/H/aCQZ70AUBjAATb6YPDgAAAABJRU5ErkJggg==") left top repeat; }
  297. .jstree-default > .jstree-wholerow-ul .jstree-hovered,
  298. .jstree-default > .jstree-wholerow-ul .jstree-clicked {
  299. background: transparent;
  300. box-shadow: none;
  301. border-radius: 0; }
  302. .jstree-default .jstree-wholerow {
  303. box-sizing: border-box; }
  304. .jstree-default .jstree-wholerow-hovered {
  305. background: #e7f4f9; }
  306. .jstree-default .jstree-wholerow-clicked {
  307. background: #beebff;
  308. background: linear-gradient(to bottom, #beebff 0%, #a8e4ff 100%); }
  309. .jstree-default .jstree-node {
  310. min-height: 24px;
  311. line-height: 24px;
  312. margin-left: 24px;
  313. min-width: 24px; }
  314. .jstree-default .jstree-anchor {
  315. line-height: 24px;
  316. height: 24px; }
  317. .jstree-default .jstree-icon {
  318. width: 24px;
  319. height: 24px;
  320. line-height: 24px; }
  321. .jstree-default .jstree-icon:empty {
  322. width: 24px;
  323. height: 24px;
  324. line-height: 24px; }
  325. .jstree-default.jstree-rtl .jstree-node {
  326. margin-right: 24px; }
  327. .jstree-default .jstree-wholerow {
  328. height: 24px; }
  329. .jstree-default .jstree-node,
  330. .jstree-default .jstree-icon {
  331. background-image: url("32px.png"); }
  332. .jstree-default .jstree-node {
  333. background-position: -292px -4px;
  334. background-repeat: repeat-y; }
  335. .jstree-default .jstree-last {
  336. background: transparent; }
  337. .jstree-default .jstree-open > .jstree-ocl {
  338. background-position: -132px -4px; }
  339. .jstree-default .jstree-closed > .jstree-ocl {
  340. background-position: -100px -4px; }
  341. .jstree-default .jstree-leaf > .jstree-ocl {
  342. background-position: -68px -4px; }
  343. .jstree-default .jstree-themeicon {
  344. background-position: -260px -4px; }
  345. .jstree-default > .jstree-no-dots .jstree-node,
  346. .jstree-default > .jstree-no-dots .jstree-leaf > .jstree-ocl {
  347. background: transparent; }
  348. .jstree-default > .jstree-no-dots .jstree-open > .jstree-ocl {
  349. background-position: -36px -4px; }
  350. .jstree-default > .jstree-no-dots .jstree-closed > .jstree-ocl {
  351. background-position: -4px -4px; }
  352. .jstree-default .jstree-disabled {
  353. background: transparent; }
  354. .jstree-default .jstree-disabled.jstree-hovered {
  355. background: transparent; }
  356. .jstree-default .jstree-disabled.jstree-clicked {
  357. background: #efefef; }
  358. .jstree-default .jstree-checkbox {
  359. background-position: -164px -4px; }
  360. .jstree-default .jstree-checkbox:hover {
  361. background-position: -164px -36px; }
  362. .jstree-default.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox,
  363. .jstree-default .jstree-checked > .jstree-checkbox {
  364. background-position: -228px -4px; }
  365. .jstree-default.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:hover,
  366. .jstree-default .jstree-checked > .jstree-checkbox:hover {
  367. background-position: -228px -36px; }
  368. .jstree-default .jstree-anchor > .jstree-undetermined {
  369. background-position: -196px -4px; }
  370. .jstree-default .jstree-anchor > .jstree-undetermined:hover {
  371. background-position: -196px -36px; }
  372. .jstree-default .jstree-checkbox-disabled {
  373. opacity: 0.8;
  374. 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");
  375. /* Firefox 10+ */
  376. filter: gray;
  377. /* IE6-9 */
  378. -webkit-filter: grayscale(100%);
  379. /* Chrome 19+ & Safari 6+ */ }
  380. .jstree-default > .jstree-striped {
  381. background-size: auto 48px; }
  382. .jstree-default.jstree-rtl .jstree-node {
  383. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==");
  384. background-position: 100% 1px;
  385. background-repeat: repeat-y; }
  386. .jstree-default.jstree-rtl .jstree-last {
  387. background: transparent; }
  388. .jstree-default.jstree-rtl .jstree-open > .jstree-ocl {
  389. background-position: -132px -36px; }
  390. .jstree-default.jstree-rtl .jstree-closed > .jstree-ocl {
  391. background-position: -100px -36px; }
  392. .jstree-default.jstree-rtl .jstree-leaf > .jstree-ocl {
  393. background-position: -68px -36px; }
  394. .jstree-default.jstree-rtl > .jstree-no-dots .jstree-node,
  395. .jstree-default.jstree-rtl > .jstree-no-dots .jstree-leaf > .jstree-ocl {
  396. background: transparent; }
  397. .jstree-default.jstree-rtl > .jstree-no-dots .jstree-open > .jstree-ocl {
  398. background-position: -36px -36px; }
  399. .jstree-default.jstree-rtl > .jstree-no-dots .jstree-closed > .jstree-ocl {
  400. background-position: -4px -36px; }
  401. .jstree-default .jstree-themeicon-custom {
  402. background-color: transparent;
  403. background-image: none;
  404. background-position: 0 0; }
  405. .jstree-default > .jstree-container-ul .jstree-loading > .jstree-ocl {
  406. background: url("throbber.gif") center center no-repeat; }
  407. .jstree-default .jstree-file {
  408. background: url("32px.png") -100px -68px no-repeat; }
  409. .jstree-default .jstree-folder {
  410. background: url("32px.png") -260px -4px no-repeat; }
  411. .jstree-default > .jstree-container-ul > .jstree-node {
  412. margin-left: 0;
  413. margin-right: 0; }
  414. #jstree-dnd.jstree-default {
  415. line-height: 24px;
  416. padding: 0 4px; }
  417. #jstree-dnd.jstree-default .jstree-ok,
  418. #jstree-dnd.jstree-default .jstree-er {
  419. background-image: url("32px.png");
  420. background-repeat: no-repeat;
  421. background-color: transparent; }
  422. #jstree-dnd.jstree-default i {
  423. background: transparent;
  424. width: 24px;
  425. height: 24px;
  426. line-height: 24px; }
  427. #jstree-dnd.jstree-default .jstree-ok {
  428. background-position: -4px -68px; }
  429. #jstree-dnd.jstree-default .jstree-er {
  430. background-position: -36px -68px; }
  431. .jstree-default .jstree-ellipsis {
  432. overflow: hidden; }
  433. .jstree-default .jstree-ellipsis .jstree-anchor {
  434. width: calc(100% - 29px);
  435. text-overflow: ellipsis;
  436. overflow: hidden; }
  437. .jstree-default .jstree-ellipsis.jstree-no-icons .jstree-anchor {
  438. width: calc(100% - 5px); }
  439. .jstree-default.jstree-rtl .jstree-node {
  440. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg=="); }
  441. .jstree-default.jstree-rtl .jstree-last {
  442. background: transparent; }
  443. .jstree-default-small .jstree-node {
  444. min-height: 18px;
  445. line-height: 18px;
  446. margin-left: 18px;
  447. min-width: 18px; }
  448. .jstree-default-small .jstree-anchor {
  449. line-height: 18px;
  450. height: 18px; }
  451. .jstree-default-small .jstree-icon {
  452. width: 18px;
  453. height: 18px;
  454. line-height: 18px; }
  455. .jstree-default-small .jstree-icon:empty {
  456. width: 18px;
  457. height: 18px;
  458. line-height: 18px; }
  459. .jstree-default-small.jstree-rtl .jstree-node {
  460. margin-right: 18px; }
  461. .jstree-default-small .jstree-wholerow {
  462. height: 18px; }
  463. .jstree-default-small .jstree-node,
  464. .jstree-default-small .jstree-icon {
  465. background-image: url("32px.png"); }
  466. .jstree-default-small .jstree-node {
  467. background-position: -295px -7px;
  468. background-repeat: repeat-y; }
  469. .jstree-default-small .jstree-last {
  470. background: transparent; }
  471. .jstree-default-small .jstree-open > .jstree-ocl {
  472. background-position: -135px -7px; }
  473. .jstree-default-small .jstree-closed > .jstree-ocl {
  474. background-position: -103px -7px; }
  475. .jstree-default-small .jstree-leaf > .jstree-ocl {
  476. background-position: -71px -7px; }
  477. .jstree-default-small .jstree-themeicon {
  478. background-position: -263px -7px; }
  479. .jstree-default-small > .jstree-no-dots .jstree-node,
  480. .jstree-default-small > .jstree-no-dots .jstree-leaf > .jstree-ocl {
  481. background: transparent; }
  482. .jstree-default-small > .jstree-no-dots .jstree-open > .jstree-ocl {
  483. background-position: -39px -7px; }
  484. .jstree-default-small > .jstree-no-dots .jstree-closed > .jstree-ocl {
  485. background-position: -7px -7px; }
  486. .jstree-default-small .jstree-disabled {
  487. background: transparent; }
  488. .jstree-default-small .jstree-disabled.jstree-hovered {
  489. background: transparent; }
  490. .jstree-default-small .jstree-disabled.jstree-clicked {
  491. background: #efefef; }
  492. .jstree-default-small .jstree-checkbox {
  493. background-position: -167px -7px; }
  494. .jstree-default-small .jstree-checkbox:hover {
  495. background-position: -167px -39px; }
  496. .jstree-default-small.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox,
  497. .jstree-default-small .jstree-checked > .jstree-checkbox {
  498. background-position: -231px -7px; }
  499. .jstree-default-small.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:hover,
  500. .jstree-default-small .jstree-checked > .jstree-checkbox:hover {
  501. background-position: -231px -39px; }
  502. .jstree-default-small .jstree-anchor > .jstree-undetermined {
  503. background-position: -199px -7px; }
  504. .jstree-default-small .jstree-anchor > .jstree-undetermined:hover {
  505. background-position: -199px -39px; }
  506. .jstree-default-small .jstree-checkbox-disabled {
  507. opacity: 0.8;
  508. 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");
  509. /* Firefox 10+ */
  510. filter: gray;
  511. /* IE6-9 */
  512. -webkit-filter: grayscale(100%);
  513. /* Chrome 19+ & Safari 6+ */ }
  514. .jstree-default-small > .jstree-striped {
  515. background-size: auto 36px; }
  516. .jstree-default-small.jstree-rtl .jstree-node {
  517. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==");
  518. background-position: 100% 1px;
  519. background-repeat: repeat-y; }
  520. .jstree-default-small.jstree-rtl .jstree-last {
  521. background: transparent; }
  522. .jstree-default-small.jstree-rtl .jstree-open > .jstree-ocl {
  523. background-position: -135px -39px; }
  524. .jstree-default-small.jstree-rtl .jstree-closed > .jstree-ocl {
  525. background-position: -103px -39px; }
  526. .jstree-default-small.jstree-rtl .jstree-leaf > .jstree-ocl {
  527. background-position: -71px -39px; }
  528. .jstree-default-small.jstree-rtl > .jstree-no-dots .jstree-node,
  529. .jstree-default-small.jstree-rtl > .jstree-no-dots .jstree-leaf > .jstree-ocl {
  530. background: transparent; }
  531. .jstree-default-small.jstree-rtl > .jstree-no-dots .jstree-open > .jstree-ocl {
  532. background-position: -39px -39px; }
  533. .jstree-default-small.jstree-rtl > .jstree-no-dots .jstree-closed > .jstree-ocl {
  534. background-position: -7px -39px; }
  535. .jstree-default-small .jstree-themeicon-custom {
  536. background-color: transparent;
  537. background-image: none;
  538. background-position: 0 0; }
  539. .jstree-default-small > .jstree-container-ul .jstree-loading > .jstree-ocl {
  540. background: url("throbber.gif") center center no-repeat; }
  541. .jstree-default-small .jstree-file {
  542. background: url("32px.png") -103px -71px no-repeat; }
  543. .jstree-default-small .jstree-folder {
  544. background: url("32px.png") -263px -7px no-repeat; }
  545. .jstree-default-small > .jstree-container-ul > .jstree-node {
  546. margin-left: 0;
  547. margin-right: 0; }
  548. #jstree-dnd.jstree-default-small {
  549. line-height: 18px;
  550. padding: 0 4px; }
  551. #jstree-dnd.jstree-default-small .jstree-ok,
  552. #jstree-dnd.jstree-default-small .jstree-er {
  553. background-image: url("32px.png");
  554. background-repeat: no-repeat;
  555. background-color: transparent; }
  556. #jstree-dnd.jstree-default-small i {
  557. background: transparent;
  558. width: 18px;
  559. height: 18px;
  560. line-height: 18px; }
  561. #jstree-dnd.jstree-default-small .jstree-ok {
  562. background-position: -7px -71px; }
  563. #jstree-dnd.jstree-default-small .jstree-er {
  564. background-position: -39px -71px; }
  565. .jstree-default-small .jstree-ellipsis {
  566. overflow: hidden; }
  567. .jstree-default-small .jstree-ellipsis .jstree-anchor {
  568. width: calc(100% - 23px);
  569. text-overflow: ellipsis;
  570. overflow: hidden; }
  571. .jstree-default-small .jstree-ellipsis.jstree-no-icons .jstree-anchor {
  572. width: calc(100% - 5px); }
  573. .jstree-default-small.jstree-rtl .jstree-node {
  574. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAACAQMAAABv1h6PAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMHBgAAiABBI4gz9AAAAABJRU5ErkJggg=="); }
  575. .jstree-default-small.jstree-rtl .jstree-last {
  576. background: transparent; }
  577. .jstree-default-large .jstree-node {
  578. min-height: 32px;
  579. line-height: 32px;
  580. margin-left: 32px;
  581. min-width: 32px; }
  582. .jstree-default-large .jstree-anchor {
  583. line-height: 32px;
  584. height: 32px; }
  585. .jstree-default-large .jstree-icon {
  586. width: 32px;
  587. height: 32px;
  588. line-height: 32px; }
  589. .jstree-default-large .jstree-icon:empty {
  590. width: 32px;
  591. height: 32px;
  592. line-height: 32px; }
  593. .jstree-default-large.jstree-rtl .jstree-node {
  594. margin-right: 32px; }
  595. .jstree-default-large .jstree-wholerow {
  596. height: 32px; }
  597. .jstree-default-large .jstree-node,
  598. .jstree-default-large .jstree-icon {
  599. background-image: url("32px.png"); }
  600. .jstree-default-large .jstree-node {
  601. background-position: -288px 0px;
  602. background-repeat: repeat-y; }
  603. .jstree-default-large .jstree-last {
  604. background: transparent; }
  605. .jstree-default-large .jstree-open > .jstree-ocl {
  606. background-position: -128px 0px; }
  607. .jstree-default-large .jstree-closed > .jstree-ocl {
  608. background-position: -96px 0px; }
  609. .jstree-default-large .jstree-leaf > .jstree-ocl {
  610. background-position: -64px 0px; }
  611. .jstree-default-large .jstree-themeicon {
  612. background-position: -256px 0px; }
  613. .jstree-default-large > .jstree-no-dots .jstree-node,
  614. .jstree-default-large > .jstree-no-dots .jstree-leaf > .jstree-ocl {
  615. background: transparent; }
  616. .jstree-default-large > .jstree-no-dots .jstree-open > .jstree-ocl {
  617. background-position: -32px 0px; }
  618. .jstree-default-large > .jstree-no-dots .jstree-closed > .jstree-ocl {
  619. background-position: 0px 0px; }
  620. .jstree-default-large .jstree-disabled {
  621. background: transparent; }
  622. .jstree-default-large .jstree-disabled.jstree-hovered {
  623. background: transparent; }
  624. .jstree-default-large .jstree-disabled.jstree-clicked {
  625. background: #efefef; }
  626. .jstree-default-large .jstree-checkbox {
  627. background-position: -160px 0px; }
  628. .jstree-default-large .jstree-checkbox:hover {
  629. background-position: -160px -32px; }
  630. .jstree-default-large.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox,
  631. .jstree-default-large .jstree-checked > .jstree-checkbox {
  632. background-position: -224px 0px; }
  633. .jstree-default-large.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:hover,
  634. .jstree-default-large .jstree-checked > .jstree-checkbox:hover {
  635. background-position: -224px -32px; }
  636. .jstree-default-large .jstree-anchor > .jstree-undetermined {
  637. background-position: -192px 0px; }
  638. .jstree-default-large .jstree-anchor > .jstree-undetermined:hover {
  639. background-position: -192px -32px; }
  640. .jstree-default-large .jstree-checkbox-disabled {
  641. opacity: 0.8;
  642. 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");
  643. /* Firefox 10+ */
  644. filter: gray;
  645. /* IE6-9 */
  646. -webkit-filter: grayscale(100%);
  647. /* Chrome 19+ & Safari 6+ */ }
  648. .jstree-default-large > .jstree-striped {
  649. background-size: auto 64px; }
  650. .jstree-default-large.jstree-rtl .jstree-node {
  651. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==");
  652. background-position: 100% 1px;
  653. background-repeat: repeat-y; }
  654. .jstree-default-large.jstree-rtl .jstree-last {
  655. background: transparent; }
  656. .jstree-default-large.jstree-rtl .jstree-open > .jstree-ocl {
  657. background-position: -128px -32px; }
  658. .jstree-default-large.jstree-rtl .jstree-closed > .jstree-ocl {
  659. background-position: -96px -32px; }
  660. .jstree-default-large.jstree-rtl .jstree-leaf > .jstree-ocl {
  661. background-position: -64px -32px; }
  662. .jstree-default-large.jstree-rtl > .jstree-no-dots .jstree-node,
  663. .jstree-default-large.jstree-rtl > .jstree-no-dots .jstree-leaf > .jstree-ocl {
  664. background: transparent; }
  665. .jstree-default-large.jstree-rtl > .jstree-no-dots .jstree-open > .jstree-ocl {
  666. background-position: -32px -32px; }
  667. .jstree-default-large.jstree-rtl > .jstree-no-dots .jstree-closed > .jstree-ocl {
  668. background-position: 0px -32px; }
  669. .jstree-default-large .jstree-themeicon-custom {
  670. background-color: transparent;
  671. background-image: none;
  672. background-position: 0 0; }
  673. .jstree-default-large > .jstree-container-ul .jstree-loading > .jstree-ocl {
  674. background: url("throbber.gif") center center no-repeat; }
  675. .jstree-default-large .jstree-file {
  676. background: url("32px.png") -96px -64px no-repeat; }
  677. .jstree-default-large .jstree-folder {
  678. background: url("32px.png") -256px 0px no-repeat; }
  679. .jstree-default-large > .jstree-container-ul > .jstree-node {
  680. margin-left: 0;
  681. margin-right: 0; }
  682. #jstree-dnd.jstree-default-large {
  683. line-height: 32px;
  684. padding: 0 4px; }
  685. #jstree-dnd.jstree-default-large .jstree-ok,
  686. #jstree-dnd.jstree-default-large .jstree-er {
  687. background-image: url("32px.png");
  688. background-repeat: no-repeat;
  689. background-color: transparent; }
  690. #jstree-dnd.jstree-default-large i {
  691. background: transparent;
  692. width: 32px;
  693. height: 32px;
  694. line-height: 32px; }
  695. #jstree-dnd.jstree-default-large .jstree-ok {
  696. background-position: 0px -64px; }
  697. #jstree-dnd.jstree-default-large .jstree-er {
  698. background-position: -32px -64px; }
  699. .jstree-default-large .jstree-ellipsis {
  700. overflow: hidden; }
  701. .jstree-default-large .jstree-ellipsis .jstree-anchor {
  702. width: calc(100% - 37px);
  703. text-overflow: ellipsis;
  704. overflow: hidden; }
  705. .jstree-default-large .jstree-ellipsis.jstree-no-icons .jstree-anchor {
  706. width: calc(100% - 5px); }
  707. .jstree-default-large.jstree-rtl .jstree-node {
  708. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAACAQMAAAAD0EyKAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjgIIGBgABCgCBvVLXcAAAAABJRU5ErkJggg=="); }
  709. .jstree-default-large.jstree-rtl .jstree-last {
  710. background: transparent; }
  711. @media (max-width: 768px) {
  712. #jstree-dnd.jstree-dnd-responsive {
  713. line-height: 40px;
  714. font-weight: bold;
  715. font-size: 1.1em;
  716. text-shadow: 1px 1px white; }
  717. #jstree-dnd.jstree-dnd-responsive > i {
  718. background: transparent;
  719. width: 40px;
  720. height: 40px; }
  721. #jstree-dnd.jstree-dnd-responsive > .jstree-ok {
  722. background-image: url("40px.png");
  723. background-position: 0 -200px;
  724. background-size: 120px 240px; }
  725. #jstree-dnd.jstree-dnd-responsive > .jstree-er {
  726. background-image: url("40px.png");
  727. background-position: -40px -200px;
  728. background-size: 120px 240px; }
  729. #jstree-marker.jstree-dnd-responsive {
  730. border-left-width: 10px;
  731. border-top-width: 10px;
  732. border-bottom-width: 10px;
  733. margin-top: -10px; } }
  734. @media (max-width: 768px) {
  735. .jstree-default-responsive {
  736. /*
  737. .jstree-open > .jstree-ocl,
  738. .jstree-closed > .jstree-ocl { border-radius:20px; background-color:white; }
  739. */ }
  740. .jstree-default-responsive .jstree-icon {
  741. background-image: url("40px.png"); }
  742. .jstree-default-responsive .jstree-node,
  743. .jstree-default-responsive .jstree-leaf > .jstree-ocl {
  744. background: transparent; }
  745. .jstree-default-responsive .jstree-node {
  746. min-height: 40px;
  747. line-height: 40px;
  748. margin-left: 40px;
  749. min-width: 40px;
  750. white-space: nowrap; }
  751. .jstree-default-responsive .jstree-anchor {
  752. line-height: 40px;
  753. height: 40px; }
  754. .jstree-default-responsive .jstree-icon,
  755. .jstree-default-responsive .jstree-icon:empty {
  756. width: 40px;
  757. height: 40px;
  758. line-height: 40px; }
  759. .jstree-default-responsive > .jstree-container-ul > .jstree-node {
  760. margin-left: 0; }
  761. .jstree-default-responsive.jstree-rtl .jstree-node {
  762. margin-left: 0;
  763. margin-right: 40px;
  764. background: transparent; }
  765. .jstree-default-responsive.jstree-rtl .jstree-container-ul > .jstree-node {
  766. margin-right: 0; }
  767. .jstree-default-responsive .jstree-ocl,
  768. .jstree-default-responsive .jstree-themeicon,
  769. .jstree-default-responsive .jstree-checkbox {
  770. background-size: 120px 240px; }
  771. .jstree-default-responsive .jstree-leaf > .jstree-ocl,
  772. .jstree-default-responsive.jstree-rtl .jstree-leaf > .jstree-ocl {
  773. background: transparent; }
  774. .jstree-default-responsive .jstree-open > .jstree-ocl {
  775. background-position: 0 0px !important; }
  776. .jstree-default-responsive .jstree-closed > .jstree-ocl {
  777. background-position: 0 -40px !important; }
  778. .jstree-default-responsive.jstree-rtl .jstree-closed > .jstree-ocl {
  779. background-position: -40px 0px !important; }
  780. .jstree-default-responsive .jstree-themeicon {
  781. background-position: -40px -40px; }
  782. .jstree-default-responsive .jstree-checkbox,
  783. .jstree-default-responsive .jstree-checkbox:hover {
  784. background-position: -40px -80px; }
  785. .jstree-default-responsive.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox,
  786. .jstree-default-responsive.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:hover,
  787. .jstree-default-responsive .jstree-checked > .jstree-checkbox,
  788. .jstree-default-responsive .jstree-checked > .jstree-checkbox:hover {
  789. background-position: 0 -80px; }
  790. .jstree-default-responsive .jstree-anchor > .jstree-undetermined,
  791. .jstree-default-responsive .jstree-anchor > .jstree-undetermined:hover {
  792. background-position: 0 -120px; }
  793. .jstree-default-responsive .jstree-anchor {
  794. font-weight: bold;
  795. font-size: 1.1em;
  796. text-shadow: 1px 1px white; }
  797. .jstree-default-responsive > .jstree-striped {
  798. background: transparent; }
  799. .jstree-default-responsive .jstree-wholerow {
  800. border-top: 1px solid rgba(255, 255, 255, 0.7);
  801. border-bottom: 1px solid rgba(64, 64, 64, 0.2);
  802. background: #ebebeb;
  803. height: 40px; }
  804. .jstree-default-responsive .jstree-wholerow-hovered {
  805. background: #e7f4f9; }
  806. .jstree-default-responsive .jstree-wholerow-clicked {
  807. background: #beebff; }
  808. .jstree-default-responsive .jstree-children .jstree-last > .jstree-wholerow {
  809. box-shadow: inset 0 -6px 3px -5px #666666; }
  810. .jstree-default-responsive .jstree-children .jstree-open > .jstree-wholerow {
  811. box-shadow: inset 0 6px 3px -5px #666666;
  812. border-top: 0; }
  813. .jstree-default-responsive .jstree-children .jstree-open + .jstree-open {
  814. box-shadow: none; }
  815. .jstree-default-responsive .jstree-node,
  816. .jstree-default-responsive .jstree-icon,
  817. .jstree-default-responsive .jstree-node > .jstree-ocl,
  818. .jstree-default-responsive .jstree-themeicon,
  819. .jstree-default-responsive .jstree-checkbox {
  820. background-image: url("40px.png");
  821. background-size: 120px 240px; }
  822. .jstree-default-responsive .jstree-node {
  823. background-position: -80px 0;
  824. background-repeat: repeat-y; }
  825. .jstree-default-responsive .jstree-last {
  826. background: transparent; }
  827. .jstree-default-responsive .jstree-leaf > .jstree-ocl {
  828. background-position: -40px -120px; }
  829. .jstree-default-responsive .jstree-last > .jstree-ocl {
  830. background-position: -40px -160px; }
  831. .jstree-default-responsive .jstree-themeicon-custom {
  832. background-color: transparent;
  833. background-image: none;
  834. background-position: 0 0; }
  835. .jstree-default-responsive .jstree-file {
  836. background: url("40px.png") 0 -160px no-repeat;
  837. background-size: 120px 240px; }
  838. .jstree-default-responsive .jstree-folder {
  839. background: url("40px.png") -40px -40px no-repeat;
  840. background-size: 120px 240px; }
  841. .jstree-default-responsive > .jstree-container-ul > .jstree-node {
  842. margin-left: 0;
  843. margin-right: 0; } }