style.css 31 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106
  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. user-select: none;
  114. }
  115. .vakata-context {
  116. display: none;
  117. }
  118. .vakata-context,
  119. .vakata-context ul {
  120. margin: 0;
  121. padding: 2px;
  122. position: absolute;
  123. background: #f5f5f5;
  124. border: 1px solid #979797;
  125. box-shadow: 2px 2px 2px #999999;
  126. }
  127. .vakata-context ul {
  128. list-style: none;
  129. left: 100%;
  130. margin-top: -2.7em;
  131. margin-left: -4px;
  132. }
  133. .vakata-context .vakata-context-right ul {
  134. left: auto;
  135. right: 100%;
  136. margin-left: auto;
  137. margin-right: -4px;
  138. }
  139. .vakata-context li {
  140. list-style: none;
  141. }
  142. .vakata-context li > a {
  143. display: block;
  144. padding: 0 2em 0 2em;
  145. text-decoration: none;
  146. width: auto;
  147. color: black;
  148. white-space: nowrap;
  149. line-height: 2.4em;
  150. text-shadow: 1px 1px 0 white;
  151. border-radius: 1px;
  152. }
  153. .vakata-context li > a:hover {
  154. position: relative;
  155. background-color: #e8eff7;
  156. box-shadow: 0 0 2px #0a6aa1;
  157. }
  158. .vakata-context li > a.vakata-context-parent {
  159. background-image: url("data:image/gif;base64,R0lGODlhCwAHAIAAACgoKP///yH5BAEAAAEALAAAAAALAAcAAAIORI4JlrqN1oMSnmmZDQUAOw==");
  160. background-position: right center;
  161. background-repeat: no-repeat;
  162. }
  163. .vakata-context li > a:focus {
  164. outline: 0;
  165. }
  166. .vakata-context .vakata-context-no-icons {
  167. margin-left: 0;
  168. }
  169. .vakata-context .vakata-context-hover > a {
  170. position: relative;
  171. background-color: #e8eff7;
  172. box-shadow: 0 0 2px #0a6aa1;
  173. }
  174. .vakata-context .vakata-context-separator > a,
  175. .vakata-context .vakata-context-separator > a:hover {
  176. background: white;
  177. border: 0;
  178. border-top: 1px solid #e2e3e3;
  179. height: 1px;
  180. min-height: 1px;
  181. max-height: 1px;
  182. padding: 0;
  183. margin: 0 0 0 2.4em;
  184. border-left: 1px solid #e0e0e0;
  185. text-shadow: 0 0 0 transparent;
  186. box-shadow: 0 0 0 transparent;
  187. border-radius: 0;
  188. }
  189. .vakata-context .vakata-contextmenu-disabled a,
  190. .vakata-context .vakata-contextmenu-disabled a:hover {
  191. color: silver;
  192. background-color: transparent;
  193. border: 0;
  194. box-shadow: 0 0 0;
  195. }
  196. .vakata-context .vakata-contextmenu-disabled > a > i {
  197. filter: grayscale(100%);
  198. }
  199. .vakata-context li > a > i {
  200. text-decoration: none;
  201. display: inline-block;
  202. width: 2.4em;
  203. height: 2.4em;
  204. background: transparent;
  205. margin: 0 0 0 -2em;
  206. vertical-align: top;
  207. text-align: center;
  208. line-height: 2.4em;
  209. }
  210. .vakata-context li > a > i:empty {
  211. width: 2.4em;
  212. line-height: 2.4em;
  213. }
  214. .vakata-context li > a .vakata-contextmenu-sep {
  215. display: inline-block;
  216. width: 1px;
  217. height: 2.4em;
  218. background: white;
  219. margin: 0 0.5em 0 0;
  220. border-left: 1px solid #e2e3e3;
  221. }
  222. .vakata-context .vakata-contextmenu-shortcut {
  223. font-size: 0.8em;
  224. color: silver;
  225. opacity: 0.5;
  226. display: none;
  227. }
  228. .vakata-context-rtl ul {
  229. left: auto;
  230. right: 100%;
  231. margin-left: auto;
  232. margin-right: -4px;
  233. }
  234. .vakata-context-rtl li > a.vakata-context-parent {
  235. background-image: url("data:image/gif;base64,R0lGODlhCwAHAIAAACgoKP///yH5BAEAAAEALAAAAAALAAcAAAINjI+AC7rWHIsPtmoxLAA7");
  236. background-position: left center;
  237. background-repeat: no-repeat;
  238. }
  239. .vakata-context-rtl .vakata-context-separator > a {
  240. margin: 0 2.4em 0 0;
  241. border-left: 0;
  242. border-right: 1px solid #e2e3e3;
  243. }
  244. .vakata-context-rtl .vakata-context-left ul {
  245. right: auto;
  246. left: 100%;
  247. margin-left: -4px;
  248. margin-right: auto;
  249. }
  250. .vakata-context-rtl li > a > i {
  251. margin: 0 -2em 0 0;
  252. }
  253. .vakata-context-rtl li > a .vakata-contextmenu-sep {
  254. margin: 0 0 0 0.5em;
  255. border-left-color: white;
  256. background: #e2e3e3;
  257. }
  258. #jstree-marker {
  259. position: absolute;
  260. top: 0;
  261. left: 0;
  262. margin: -5px 0 0 0;
  263. padding: 0;
  264. border-right: 0;
  265. border-top: 5px solid transparent;
  266. border-bottom: 5px solid transparent;
  267. border-left: 5px solid;
  268. width: 0;
  269. height: 0;
  270. font-size: 0;
  271. line-height: 0;
  272. }
  273. #jstree-dnd {
  274. line-height: 16px;
  275. margin: 0;
  276. padding: 4px;
  277. }
  278. #jstree-dnd .jstree-icon,
  279. #jstree-dnd .jstree-copy {
  280. display: inline-block;
  281. text-decoration: none;
  282. margin: 0 2px 0 0;
  283. padding: 0;
  284. width: 16px;
  285. height: 16px;
  286. }
  287. #jstree-dnd .jstree-ok {
  288. background: green;
  289. }
  290. #jstree-dnd .jstree-er {
  291. background: red;
  292. }
  293. #jstree-dnd .jstree-copy {
  294. margin: 0 2px 0 2px;
  295. }
  296. .jstree-default .jstree-node,
  297. .jstree-default .jstree-icon {
  298. background-repeat: no-repeat;
  299. background-color: transparent;
  300. }
  301. .jstree-default .jstree-anchor,
  302. .jstree-default .jstree-animated,
  303. .jstree-default .jstree-wholerow {
  304. transition: background-color 0.15s, box-shadow 0.15s;
  305. }
  306. .jstree-default .jstree-hovered {
  307. background: #e7f4f9;
  308. border-radius: 2px;
  309. box-shadow: inset 0 0 1px #cccccc;
  310. }
  311. .jstree-default .jstree-context {
  312. background: #e7f4f9;
  313. border-radius: 2px;
  314. box-shadow: inset 0 0 1px #cccccc;
  315. }
  316. .jstree-default .jstree-clicked {
  317. background: #beebff;
  318. border-radius: 2px;
  319. box-shadow: inset 0 0 1px #999999;
  320. }
  321. .jstree-default .jstree-no-icons .jstree-anchor > .jstree-themeicon {
  322. display: none;
  323. }
  324. .jstree-default .jstree-disabled {
  325. background: transparent;
  326. color: #666666;
  327. }
  328. .jstree-default .jstree-disabled.jstree-hovered {
  329. background: transparent;
  330. box-shadow: none;
  331. }
  332. .jstree-default .jstree-disabled.jstree-clicked {
  333. background: #efefef;
  334. }
  335. .jstree-default .jstree-disabled > .jstree-icon {
  336. opacity: 0.8;
  337. 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");
  338. /* Firefox 10+ */
  339. filter: gray;
  340. /* IE6-9 */
  341. -webkit-filter: grayscale(100%);
  342. /* Chrome 19+ & Safari 6+ */
  343. }
  344. .jstree-default .jstree-search {
  345. font-style: italic;
  346. color: #8b0000;
  347. font-weight: bold;
  348. }
  349. .jstree-default .jstree-no-checkboxes .jstree-checkbox {
  350. display: none !important;
  351. }
  352. .jstree-default.jstree-checkbox-no-clicked .jstree-clicked {
  353. background: transparent;
  354. box-shadow: none;
  355. }
  356. .jstree-default.jstree-checkbox-no-clicked .jstree-clicked.jstree-hovered {
  357. background: #e7f4f9;
  358. }
  359. .jstree-default.jstree-checkbox-no-clicked > .jstree-wholerow-ul .jstree-wholerow-clicked {
  360. background: transparent;
  361. }
  362. .jstree-default.jstree-checkbox-no-clicked > .jstree-wholerow-ul .jstree-wholerow-clicked.jstree-wholerow-hovered {
  363. background: #e7f4f9;
  364. }
  365. .jstree-default > .jstree-striped {
  366. min-width: 100%;
  367. display: inline-block;
  368. background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAkCAMAAAB/qqA+AAAABlBMVEUAAAAAAAClZ7nPAAAAAnRSTlMNAMM9s3UAAAAXSURBVHjajcEBAQAAAIKg/H/aCQZ70AUBjAATb6YPDgAAAABJRU5ErkJggg==") left top repeat;
  369. }
  370. .jstree-default > .jstree-wholerow-ul .jstree-hovered,
  371. .jstree-default > .jstree-wholerow-ul .jstree-clicked {
  372. background: transparent;
  373. box-shadow: none;
  374. border-radius: 0;
  375. }
  376. .jstree-default .jstree-wholerow {
  377. -moz-box-sizing: border-box;
  378. -webkit-box-sizing: border-box;
  379. box-sizing: border-box;
  380. }
  381. .jstree-default .jstree-wholerow-hovered {
  382. background: #e7f4f9;
  383. }
  384. .jstree-default .jstree-wholerow-clicked {
  385. background: #beebff;
  386. background: -webkit-linear-gradient(top, #beebff 0%, #a8e4ff 100%);
  387. background: linear-gradient(to bottom, #beebff 0%, #a8e4ff 100%);
  388. }
  389. .jstree-default .jstree-node {
  390. min-height: 24px;
  391. line-height: 24px;
  392. margin-left: 24px;
  393. min-width: 24px;
  394. }
  395. .jstree-default .jstree-anchor {
  396. line-height: 24px;
  397. height: 24px;
  398. }
  399. .jstree-default .jstree-icon {
  400. width: 24px;
  401. height: 24px;
  402. line-height: 24px;
  403. }
  404. .jstree-default .jstree-icon:empty {
  405. width: 24px;
  406. height: 24px;
  407. line-height: 24px;
  408. }
  409. .jstree-default.jstree-rtl .jstree-node {
  410. margin-right: 24px;
  411. }
  412. .jstree-default .jstree-wholerow {
  413. height: 24px;
  414. }
  415. .jstree-default .jstree-node,
  416. .jstree-default .jstree-icon {
  417. background-image: url("32px.png");
  418. }
  419. .jstree-default .jstree-node {
  420. background-position: -292px -4px;
  421. background-repeat: repeat-y;
  422. }
  423. .jstree-default .jstree-last {
  424. background-image: none;
  425. }
  426. .jstree-default .jstree-open > .jstree-ocl {
  427. background-position: -132px -4px;
  428. }
  429. .jstree-default .jstree-closed > .jstree-ocl {
  430. background-position: -100px -4px;
  431. }
  432. .jstree-default .jstree-leaf > .jstree-ocl {
  433. background-position: -68px -4px;
  434. }
  435. .jstree-default .jstree-themeicon {
  436. background-position: -260px -4px;
  437. }
  438. .jstree-default > .jstree-no-dots .jstree-node,
  439. .jstree-default > .jstree-no-dots .jstree-leaf > .jstree-ocl {
  440. background: transparent;
  441. }
  442. .jstree-default > .jstree-no-dots .jstree-open > .jstree-ocl {
  443. background-position: -36px -4px;
  444. }
  445. .jstree-default > .jstree-no-dots .jstree-closed > .jstree-ocl {
  446. background-position: -4px -4px;
  447. }
  448. .jstree-default .jstree-disabled {
  449. background: transparent;
  450. }
  451. .jstree-default .jstree-disabled.jstree-hovered {
  452. background: transparent;
  453. }
  454. .jstree-default .jstree-disabled.jstree-clicked {
  455. background: #efefef;
  456. }
  457. .jstree-default .jstree-checkbox {
  458. background-position: -164px -4px;
  459. }
  460. .jstree-default .jstree-checkbox:hover {
  461. background-position: -164px -36px;
  462. }
  463. .jstree-default.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox,
  464. .jstree-default .jstree-checked > .jstree-checkbox {
  465. background-position: -228px -4px;
  466. }
  467. .jstree-default.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:hover,
  468. .jstree-default .jstree-checked > .jstree-checkbox:hover {
  469. background-position: -228px -36px;
  470. }
  471. .jstree-default .jstree-anchor > .jstree-undetermined {
  472. background-position: -196px -4px;
  473. }
  474. .jstree-default .jstree-anchor > .jstree-undetermined:hover {
  475. background-position: -196px -36px;
  476. }
  477. .jstree-default .jstree-checkbox-disabled {
  478. opacity: 0.8;
  479. 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");
  480. /* Firefox 10+ */
  481. filter: gray;
  482. /* IE6-9 */
  483. -webkit-filter: grayscale(100%);
  484. /* Chrome 19+ & Safari 6+ */
  485. }
  486. .jstree-default > .jstree-striped {
  487. background-size: auto 48px;
  488. }
  489. .jstree-default.jstree-rtl .jstree-node {
  490. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==");
  491. background-position: 100% 1px;
  492. background-repeat: repeat-y;
  493. }
  494. .jstree-default.jstree-rtl .jstree-last {
  495. background-image: none;
  496. }
  497. .jstree-default.jstree-rtl .jstree-open > .jstree-ocl {
  498. background-position: -132px -36px;
  499. }
  500. .jstree-default.jstree-rtl .jstree-closed > .jstree-ocl {
  501. background-position: -100px -36px;
  502. }
  503. .jstree-default.jstree-rtl .jstree-leaf > .jstree-ocl {
  504. background-position: -68px -36px;
  505. }
  506. .jstree-default.jstree-rtl > .jstree-no-dots .jstree-node,
  507. .jstree-default.jstree-rtl > .jstree-no-dots .jstree-leaf > .jstree-ocl {
  508. background: transparent;
  509. }
  510. .jstree-default.jstree-rtl > .jstree-no-dots .jstree-open > .jstree-ocl {
  511. background-position: -36px -36px;
  512. }
  513. .jstree-default.jstree-rtl > .jstree-no-dots .jstree-closed > .jstree-ocl {
  514. background-position: -4px -36px;
  515. }
  516. .jstree-default .jstree-themeicon-custom {
  517. background-color: transparent;
  518. background-image: none;
  519. background-position: 0 0;
  520. }
  521. .jstree-default > .jstree-container-ul .jstree-loading > .jstree-ocl {
  522. background: url("throbber.gif") center center no-repeat;
  523. }
  524. .jstree-default .jstree-file {
  525. background: url("32px.png") -100px -68px no-repeat;
  526. }
  527. .jstree-default .jstree-folder {
  528. background: url("32px.png") -260px -4px no-repeat;
  529. }
  530. .jstree-default > .jstree-container-ul > .jstree-node {
  531. margin-left: 0;
  532. margin-right: 0;
  533. }
  534. #jstree-dnd.jstree-default {
  535. line-height: 24px;
  536. padding: 0 4px;
  537. }
  538. #jstree-dnd.jstree-default .jstree-ok,
  539. #jstree-dnd.jstree-default .jstree-er {
  540. background-image: url("32px.png");
  541. background-repeat: no-repeat;
  542. background-color: transparent;
  543. }
  544. #jstree-dnd.jstree-default i {
  545. background: transparent;
  546. width: 24px;
  547. height: 24px;
  548. line-height: 24px;
  549. }
  550. #jstree-dnd.jstree-default .jstree-ok {
  551. background-position: -4px -68px;
  552. }
  553. #jstree-dnd.jstree-default .jstree-er {
  554. background-position: -36px -68px;
  555. }
  556. .jstree-default .jstree-ellipsis {
  557. overflow: hidden;
  558. }
  559. .jstree-default .jstree-ellipsis .jstree-anchor {
  560. width: calc(100% - 24px + 5px);
  561. text-overflow: ellipsis;
  562. overflow: hidden;
  563. }
  564. .jstree-default.jstree-rtl .jstree-node {
  565. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==");
  566. }
  567. .jstree-default.jstree-rtl .jstree-last {
  568. background-image: none;
  569. }
  570. .jstree-default-small .jstree-node {
  571. min-height: 18px;
  572. line-height: 18px;
  573. margin-left: 18px;
  574. min-width: 18px;
  575. }
  576. .jstree-default-small .jstree-anchor {
  577. line-height: 18px;
  578. height: 18px;
  579. }
  580. .jstree-default-small .jstree-icon {
  581. width: 18px;
  582. height: 18px;
  583. line-height: 18px;
  584. }
  585. .jstree-default-small .jstree-icon:empty {
  586. width: 18px;
  587. height: 18px;
  588. line-height: 18px;
  589. }
  590. .jstree-default-small.jstree-rtl .jstree-node {
  591. margin-right: 18px;
  592. }
  593. .jstree-default-small .jstree-wholerow {
  594. height: 18px;
  595. }
  596. .jstree-default-small .jstree-node,
  597. .jstree-default-small .jstree-icon {
  598. background-image: url("32px.png");
  599. }
  600. .jstree-default-small .jstree-node {
  601. background-position: -295px -7px;
  602. background-repeat: repeat-y;
  603. }
  604. .jstree-default-small .jstree-last {
  605. background-image: none;
  606. }
  607. .jstree-default-small .jstree-open > .jstree-ocl {
  608. background-position: -135px -7px;
  609. }
  610. .jstree-default-small .jstree-closed > .jstree-ocl {
  611. background-position: -103px -7px;
  612. }
  613. .jstree-default-small .jstree-leaf > .jstree-ocl {
  614. background-position: -71px -7px;
  615. }
  616. .jstree-default-small .jstree-themeicon {
  617. background-position: -263px -7px;
  618. }
  619. .jstree-default-small > .jstree-no-dots .jstree-node,
  620. .jstree-default-small > .jstree-no-dots .jstree-leaf > .jstree-ocl {
  621. background: transparent;
  622. }
  623. .jstree-default-small > .jstree-no-dots .jstree-open > .jstree-ocl {
  624. background-position: -39px -7px;
  625. }
  626. .jstree-default-small > .jstree-no-dots .jstree-closed > .jstree-ocl {
  627. background-position: -7px -7px;
  628. }
  629. .jstree-default-small .jstree-disabled {
  630. background: transparent;
  631. }
  632. .jstree-default-small .jstree-disabled.jstree-hovered {
  633. background: transparent;
  634. }
  635. .jstree-default-small .jstree-disabled.jstree-clicked {
  636. background: #efefef;
  637. }
  638. .jstree-default-small .jstree-checkbox {
  639. background-position: -167px -7px;
  640. }
  641. .jstree-default-small .jstree-checkbox:hover {
  642. background-position: -167px -39px;
  643. }
  644. .jstree-default-small.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox,
  645. .jstree-default-small .jstree-checked > .jstree-checkbox {
  646. background-position: -231px -7px;
  647. }
  648. .jstree-default-small.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:hover,
  649. .jstree-default-small .jstree-checked > .jstree-checkbox:hover {
  650. background-position: -231px -39px;
  651. }
  652. .jstree-default-small .jstree-anchor > .jstree-undetermined {
  653. background-position: -199px -7px;
  654. }
  655. .jstree-default-small .jstree-anchor > .jstree-undetermined:hover {
  656. background-position: -199px -39px;
  657. }
  658. .jstree-default-small .jstree-checkbox-disabled {
  659. opacity: 0.8;
  660. 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");
  661. /* Firefox 10+ */
  662. filter: gray;
  663. /* IE6-9 */
  664. -webkit-filter: grayscale(100%);
  665. /* Chrome 19+ & Safari 6+ */
  666. }
  667. .jstree-default-small > .jstree-striped {
  668. background-size: auto 36px;
  669. }
  670. .jstree-default-small.jstree-rtl .jstree-node {
  671. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==");
  672. background-position: 100% 1px;
  673. background-repeat: repeat-y;
  674. }
  675. .jstree-default-small.jstree-rtl .jstree-last {
  676. background-image: none;
  677. }
  678. .jstree-default-small.jstree-rtl .jstree-open > .jstree-ocl {
  679. background-position: -135px -39px;
  680. }
  681. .jstree-default-small.jstree-rtl .jstree-closed > .jstree-ocl {
  682. background-position: -103px -39px;
  683. }
  684. .jstree-default-small.jstree-rtl .jstree-leaf > .jstree-ocl {
  685. background-position: -71px -39px;
  686. }
  687. .jstree-default-small.jstree-rtl > .jstree-no-dots .jstree-node,
  688. .jstree-default-small.jstree-rtl > .jstree-no-dots .jstree-leaf > .jstree-ocl {
  689. background: transparent;
  690. }
  691. .jstree-default-small.jstree-rtl > .jstree-no-dots .jstree-open > .jstree-ocl {
  692. background-position: -39px -39px;
  693. }
  694. .jstree-default-small.jstree-rtl > .jstree-no-dots .jstree-closed > .jstree-ocl {
  695. background-position: -7px -39px;
  696. }
  697. .jstree-default-small .jstree-themeicon-custom {
  698. background-color: transparent;
  699. background-image: none;
  700. background-position: 0 0;
  701. }
  702. .jstree-default-small > .jstree-container-ul .jstree-loading > .jstree-ocl {
  703. background: url("throbber.gif") center center no-repeat;
  704. }
  705. .jstree-default-small .jstree-file {
  706. background: url("32px.png") -103px -71px no-repeat;
  707. }
  708. .jstree-default-small .jstree-folder {
  709. background: url("32px.png") -263px -7px no-repeat;
  710. }
  711. .jstree-default-small > .jstree-container-ul > .jstree-node {
  712. margin-left: 0;
  713. margin-right: 0;
  714. }
  715. #jstree-dnd.jstree-default-small {
  716. line-height: 18px;
  717. padding: 0 4px;
  718. }
  719. #jstree-dnd.jstree-default-small .jstree-ok,
  720. #jstree-dnd.jstree-default-small .jstree-er {
  721. background-image: url("32px.png");
  722. background-repeat: no-repeat;
  723. background-color: transparent;
  724. }
  725. #jstree-dnd.jstree-default-small i {
  726. background: transparent;
  727. width: 18px;
  728. height: 18px;
  729. line-height: 18px;
  730. }
  731. #jstree-dnd.jstree-default-small .jstree-ok {
  732. background-position: -7px -71px;
  733. }
  734. #jstree-dnd.jstree-default-small .jstree-er {
  735. background-position: -39px -71px;
  736. }
  737. .jstree-default-small .jstree-ellipsis {
  738. overflow: hidden;
  739. }
  740. .jstree-default-small .jstree-ellipsis .jstree-anchor {
  741. width: calc(100% - 18px + 5px);
  742. text-overflow: ellipsis;
  743. overflow: hidden;
  744. }
  745. .jstree-default-small.jstree-rtl .jstree-node {
  746. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAACAQMAAABv1h6PAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMHBgAAiABBI4gz9AAAAABJRU5ErkJggg==");
  747. }
  748. .jstree-default-small.jstree-rtl .jstree-last {
  749. background-image: none;
  750. }
  751. .jstree-default-large .jstree-node {
  752. min-height: 32px;
  753. line-height: 32px;
  754. margin-left: 32px;
  755. min-width: 32px;
  756. }
  757. .jstree-default-large .jstree-anchor {
  758. line-height: 32px;
  759. height: 32px;
  760. }
  761. .jstree-default-large .jstree-icon {
  762. width: 32px;
  763. height: 32px;
  764. line-height: 32px;
  765. }
  766. .jstree-default-large .jstree-icon:empty {
  767. width: 32px;
  768. height: 32px;
  769. line-height: 32px;
  770. }
  771. .jstree-default-large.jstree-rtl .jstree-node {
  772. margin-right: 32px;
  773. }
  774. .jstree-default-large .jstree-wholerow {
  775. height: 32px;
  776. }
  777. .jstree-default-large .jstree-node,
  778. .jstree-default-large .jstree-icon {
  779. background-image: url("32px.png");
  780. }
  781. .jstree-default-large .jstree-node {
  782. background-position: -288px 0px;
  783. background-repeat: repeat-y;
  784. }
  785. .jstree-default-large .jstree-last {
  786. background-image: none;
  787. }
  788. .jstree-default-large .jstree-open > .jstree-ocl {
  789. background-position: -128px 0px;
  790. }
  791. .jstree-default-large .jstree-closed > .jstree-ocl {
  792. background-position: -96px 0px;
  793. }
  794. .jstree-default-large .jstree-leaf > .jstree-ocl {
  795. background-position: -64px 0px;
  796. }
  797. .jstree-default-large .jstree-themeicon {
  798. background-position: -256px 0px;
  799. }
  800. .jstree-default-large > .jstree-no-dots .jstree-node,
  801. .jstree-default-large > .jstree-no-dots .jstree-leaf > .jstree-ocl {
  802. background: transparent;
  803. }
  804. .jstree-default-large > .jstree-no-dots .jstree-open > .jstree-ocl {
  805. background-position: -32px 0px;
  806. }
  807. .jstree-default-large > .jstree-no-dots .jstree-closed > .jstree-ocl {
  808. background-position: 0px 0px;
  809. }
  810. .jstree-default-large .jstree-disabled {
  811. background: transparent;
  812. }
  813. .jstree-default-large .jstree-disabled.jstree-hovered {
  814. background: transparent;
  815. }
  816. .jstree-default-large .jstree-disabled.jstree-clicked {
  817. background: #efefef;
  818. }
  819. .jstree-default-large .jstree-checkbox {
  820. background-position: -160px 0px;
  821. }
  822. .jstree-default-large .jstree-checkbox:hover {
  823. background-position: -160px -32px;
  824. }
  825. .jstree-default-large.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox,
  826. .jstree-default-large .jstree-checked > .jstree-checkbox {
  827. background-position: -224px 0px;
  828. }
  829. .jstree-default-large.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:hover,
  830. .jstree-default-large .jstree-checked > .jstree-checkbox:hover {
  831. background-position: -224px -32px;
  832. }
  833. .jstree-default-large .jstree-anchor > .jstree-undetermined {
  834. background-position: -192px 0px;
  835. }
  836. .jstree-default-large .jstree-anchor > .jstree-undetermined:hover {
  837. background-position: -192px -32px;
  838. }
  839. .jstree-default-large .jstree-checkbox-disabled {
  840. opacity: 0.8;
  841. 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");
  842. /* Firefox 10+ */
  843. filter: gray;
  844. /* IE6-9 */
  845. -webkit-filter: grayscale(100%);
  846. /* Chrome 19+ & Safari 6+ */
  847. }
  848. .jstree-default-large > .jstree-striped {
  849. background-size: auto 64px;
  850. }
  851. .jstree-default-large.jstree-rtl .jstree-node {
  852. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==");
  853. background-position: 100% 1px;
  854. background-repeat: repeat-y;
  855. }
  856. .jstree-default-large.jstree-rtl .jstree-last {
  857. background-image: none;
  858. }
  859. .jstree-default-large.jstree-rtl .jstree-open > .jstree-ocl {
  860. background-position: -128px -32px;
  861. }
  862. .jstree-default-large.jstree-rtl .jstree-closed > .jstree-ocl {
  863. background-position: -96px -32px;
  864. }
  865. .jstree-default-large.jstree-rtl .jstree-leaf > .jstree-ocl {
  866. background-position: -64px -32px;
  867. }
  868. .jstree-default-large.jstree-rtl > .jstree-no-dots .jstree-node,
  869. .jstree-default-large.jstree-rtl > .jstree-no-dots .jstree-leaf > .jstree-ocl {
  870. background: transparent;
  871. }
  872. .jstree-default-large.jstree-rtl > .jstree-no-dots .jstree-open > .jstree-ocl {
  873. background-position: -32px -32px;
  874. }
  875. .jstree-default-large.jstree-rtl > .jstree-no-dots .jstree-closed > .jstree-ocl {
  876. background-position: 0px -32px;
  877. }
  878. .jstree-default-large .jstree-themeicon-custom {
  879. background-color: transparent;
  880. background-image: none;
  881. background-position: 0 0;
  882. }
  883. .jstree-default-large > .jstree-container-ul .jstree-loading > .jstree-ocl {
  884. background: url("throbber.gif") center center no-repeat;
  885. }
  886. .jstree-default-large .jstree-file {
  887. background: url("32px.png") -96px -64px no-repeat;
  888. }
  889. .jstree-default-large .jstree-folder {
  890. background: url("32px.png") -256px 0px no-repeat;
  891. }
  892. .jstree-default-large > .jstree-container-ul > .jstree-node {
  893. margin-left: 0;
  894. margin-right: 0;
  895. }
  896. #jstree-dnd.jstree-default-large {
  897. line-height: 32px;
  898. padding: 0 4px;
  899. }
  900. #jstree-dnd.jstree-default-large .jstree-ok,
  901. #jstree-dnd.jstree-default-large .jstree-er {
  902. background-image: url("32px.png");
  903. background-repeat: no-repeat;
  904. background-color: transparent;
  905. }
  906. #jstree-dnd.jstree-default-large i {
  907. background: transparent;
  908. width: 32px;
  909. height: 32px;
  910. line-height: 32px;
  911. }
  912. #jstree-dnd.jstree-default-large .jstree-ok {
  913. background-position: 0px -64px;
  914. }
  915. #jstree-dnd.jstree-default-large .jstree-er {
  916. background-position: -32px -64px;
  917. }
  918. .jstree-default-large .jstree-ellipsis {
  919. overflow: hidden;
  920. }
  921. .jstree-default-large .jstree-ellipsis .jstree-anchor {
  922. width: calc(100% - 32px + 5px);
  923. text-overflow: ellipsis;
  924. overflow: hidden;
  925. }
  926. .jstree-default-large.jstree-rtl .jstree-node {
  927. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAACAQMAAAAD0EyKAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjgIIGBgABCgCBvVLXcAAAAABJRU5ErkJggg==");
  928. }
  929. .jstree-default-large.jstree-rtl .jstree-last {
  930. background-image: none;
  931. }
  932. @media (max-width: 768px) {
  933. #jstree-dnd.jstree-dnd-responsive {
  934. line-height: 40px;
  935. font-weight: bold;
  936. font-size: 1.1em;
  937. text-shadow: 1px 1px white;
  938. }
  939. #jstree-dnd.jstree-dnd-responsive > i {
  940. background: transparent;
  941. width: 40px;
  942. height: 40px;
  943. }
  944. #jstree-dnd.jstree-dnd-responsive > .jstree-ok {
  945. background-image: url("40px.png");
  946. background-position: 0 -200px;
  947. background-size: 120px 240px;
  948. }
  949. #jstree-dnd.jstree-dnd-responsive > .jstree-er {
  950. background-image: url("40px.png");
  951. background-position: -40px -200px;
  952. background-size: 120px 240px;
  953. }
  954. #jstree-marker.jstree-dnd-responsive {
  955. border-left-width: 10px;
  956. border-top-width: 10px;
  957. border-bottom-width: 10px;
  958. margin-top: -10px;
  959. }
  960. }
  961. @media (max-width: 768px) {
  962. .jstree-default-responsive {
  963. /*
  964. .jstree-open > .jstree-ocl,
  965. .jstree-closed > .jstree-ocl { border-radius:20px; background-color:white; }
  966. */
  967. }
  968. .jstree-default-responsive .jstree-icon {
  969. background-image: url("40px.png");
  970. }
  971. .jstree-default-responsive .jstree-node,
  972. .jstree-default-responsive .jstree-leaf > .jstree-ocl {
  973. background: transparent;
  974. }
  975. .jstree-default-responsive .jstree-node {
  976. min-height: 40px;
  977. line-height: 40px;
  978. margin-left: 40px;
  979. min-width: 40px;
  980. white-space: nowrap;
  981. }
  982. .jstree-default-responsive .jstree-anchor {
  983. line-height: 40px;
  984. height: 40px;
  985. }
  986. .jstree-default-responsive .jstree-icon,
  987. .jstree-default-responsive .jstree-icon:empty {
  988. width: 40px;
  989. height: 40px;
  990. line-height: 40px;
  991. }
  992. .jstree-default-responsive > .jstree-container-ul > .jstree-node {
  993. margin-left: 0;
  994. }
  995. .jstree-default-responsive.jstree-rtl .jstree-node {
  996. margin-left: 0;
  997. margin-right: 40px;
  998. background: transparent;
  999. }
  1000. .jstree-default-responsive.jstree-rtl .jstree-container-ul > .jstree-node {
  1001. margin-right: 0;
  1002. }
  1003. .jstree-default-responsive .jstree-ocl,
  1004. .jstree-default-responsive .jstree-themeicon,
  1005. .jstree-default-responsive .jstree-checkbox {
  1006. background-size: 120px 240px;
  1007. }
  1008. .jstree-default-responsive .jstree-leaf > .jstree-ocl,
  1009. .jstree-default-responsive.jstree-rtl .jstree-leaf > .jstree-ocl {
  1010. background: transparent;
  1011. }
  1012. .jstree-default-responsive .jstree-open > .jstree-ocl {
  1013. background-position: 0 0 !important;
  1014. }
  1015. .jstree-default-responsive .jstree-closed > .jstree-ocl {
  1016. background-position: 0 -40px !important;
  1017. }
  1018. .jstree-default-responsive.jstree-rtl .jstree-closed > .jstree-ocl {
  1019. background-position: -40px 0 !important;
  1020. }
  1021. .jstree-default-responsive .jstree-themeicon {
  1022. background-position: -40px -40px;
  1023. }
  1024. .jstree-default-responsive .jstree-checkbox,
  1025. .jstree-default-responsive .jstree-checkbox:hover {
  1026. background-position: -40px -80px;
  1027. }
  1028. .jstree-default-responsive.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox,
  1029. .jstree-default-responsive.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:hover,
  1030. .jstree-default-responsive .jstree-checked > .jstree-checkbox,
  1031. .jstree-default-responsive .jstree-checked > .jstree-checkbox:hover {
  1032. background-position: 0 -80px;
  1033. }
  1034. .jstree-default-responsive .jstree-anchor > .jstree-undetermined,
  1035. .jstree-default-responsive .jstree-anchor > .jstree-undetermined:hover {
  1036. background-position: 0 -120px;
  1037. }
  1038. .jstree-default-responsive .jstree-anchor {
  1039. font-weight: bold;
  1040. font-size: 1.1em;
  1041. text-shadow: 1px 1px white;
  1042. }
  1043. .jstree-default-responsive > .jstree-striped {
  1044. background: transparent;
  1045. }
  1046. .jstree-default-responsive .jstree-wholerow {
  1047. border-top: 1px solid rgba(255, 255, 255, 0.7);
  1048. border-bottom: 1px solid rgba(64, 64, 64, 0.2);
  1049. background: #ebebeb;
  1050. height: 40px;
  1051. }
  1052. .jstree-default-responsive .jstree-wholerow-hovered {
  1053. background: #e7f4f9;
  1054. }
  1055. .jstree-default-responsive .jstree-wholerow-clicked {
  1056. background: #beebff;
  1057. }
  1058. .jstree-default-responsive .jstree-children .jstree-last > .jstree-wholerow {
  1059. box-shadow: inset 0 -6px 3px -5px #666666;
  1060. }
  1061. .jstree-default-responsive .jstree-children .jstree-open > .jstree-wholerow {
  1062. box-shadow: inset 0 6px 3px -5px #666666;
  1063. border-top: 0;
  1064. }
  1065. .jstree-default-responsive .jstree-children .jstree-open + .jstree-open {
  1066. box-shadow: none;
  1067. }
  1068. .jstree-default-responsive .jstree-node,
  1069. .jstree-default-responsive .jstree-icon,
  1070. .jstree-default-responsive .jstree-node > .jstree-ocl,
  1071. .jstree-default-responsive .jstree-themeicon,
  1072. .jstree-default-responsive .jstree-checkbox {
  1073. background-image: url("40px.png");
  1074. background-size: 120px 240px;
  1075. }
  1076. .jstree-default-responsive .jstree-node {
  1077. background-position: -80px 0;
  1078. background-repeat: repeat-y;
  1079. }
  1080. .jstree-default-responsive .jstree-last {
  1081. background-image: none;
  1082. }
  1083. .jstree-default-responsive .jstree-leaf > .jstree-ocl {
  1084. background-position: -40px -120px;
  1085. }
  1086. .jstree-default-responsive .jstree-last > .jstree-ocl {
  1087. background-position: -40px -160px;
  1088. }
  1089. .jstree-default-responsive .jstree-themeicon-custom {
  1090. background-color: transparent;
  1091. background-image: none;
  1092. background-position: 0 0;
  1093. }
  1094. .jstree-default-responsive .jstree-file {
  1095. background: url("40px.png") 0 -160px no-repeat;
  1096. background-size: 120px 240px;
  1097. }
  1098. .jstree-default-responsive .jstree-folder {
  1099. background: url("40px.png") -40px -40px no-repeat;
  1100. background-size: 120px 240px;
  1101. }
  1102. .jstree-default-responsive > .jstree-container-ul > .jstree-node {
  1103. margin-left: 0;
  1104. margin-right: 0;
  1105. }
  1106. }