tree_component.css 3.0 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162
  1. /* TREE LAYOUT */
  2. .tree ul { margin:0 0 0 5px; padding:0 0 0 0; list-style-type:none; }
  3. .tree li { display:block; min-height:18px; line-height:18px; padding:0 0 0 15px; margin:0 0 0 0; /* Background fix */ clear:both; _height:18px; #height:auto; }
  4. .tree li ul { display:none; }
  5. .tree li a, .tree li span { display:inline-block;line-height:16px;height:16px;color:black;white-space:nowrap;text-decoration:none;padding:1px 4px 1px 1px;margin:0; }
  6. .tree li a:focus { outline: none; }
  7. .tree li a input, .tree li span input { margin:0;padding:0 0;display:inline-block;height:12px !important;border:1px solid white;background:white;font-size:10px;font-family:Verdana; }
  8. .tree li a input:not([class="xxx"]), .tree li span input:not([class="xxx"]) { padding:1px 0; }
  9. /* FOR DOTS */
  10. .tree .ltr li.last { float:left; }
  11. .tree .rtl li.last { float:right; #float:none; _float:right; }
  12. .tree > ul li.last { overflow:visible; }
  13. /* OPEN OR CLOSE */
  14. .tree li.open ul { display:block; }
  15. .tree li.closed ul { display:none !important; }
  16. /* FOR DRAGGING */
  17. #jstree-dragged { position:absolute; top:-10px; left:-10px; margin:0; padding:0; }
  18. #jstree-dragged .rtl { _width:20px; #width:200px; margin:0; padding:0;}
  19. #jstree-dragged ul ul ul { display:none; }
  20. /* RTL modification */
  21. .tree .rtl, .tree .rtl ul { margin:0 5px 0 0; }
  22. .tree .rtl li { padding:0 15px 0 0; }
  23. .tree .rtl li a, .tree .rtl li span { padding:1px 1px 1px 4px; }
  24. /* CONTEXT MENU */
  25. .tree-context { display:none; position:absolute; list-style-type:none; margin:0; padding:0; left:-2000px; top:-2000px; }
  26. .tree-context .separator { display:none; }
  27. .tree-context a { display:block; margin:0; padding:0; }
  28. /** FIREFOX2 fix **/
  29. .tree .ltr li a, x:-moz-any-link { display:inline; float:left; }
  30. .tree .rtl li a, x:-moz-any-link { display:inline; float:right; }
  31. .tree li ul, x:-moz-any-link { clear:both; }
  32. /** FIREFOX3 restore **/
  33. .tree .ltr li a, .tree .rtl li a, x:-moz-any-link, x:default { display:inline-block; float:none; }
  34. .tree li ul, x:-moz-any-link, x:default { clear:none; }
  35. /** IE7 Restore **/
  36. .tree .ltr li a, .tree .rtl li a { #display:inline-block; #float:none; }
  37. .tree li ul { #clear:none; }
  38. .tree li { _width:1px; }
  39. .tree li li { overflow:hidden; #overflow:visible; _overflow:visible; }
  40. .tree > .ltr > li { display:table; }
  41. .tree > .rtl > li { display:table; }
  42. /* EXPLORER 6 and 7 fix for 2px whitespace */
  43. .tree .ltr li.last { #margin-top: expression( (this.previousSibling && /open/.test(this.previousSibling.className) ) ? "-2px" : "0"); _margin-top: expression( (this.previousSibling && /open/.test(this.previousSibling.className) ) ? "-2px" : "0"); }
  44. .tree .rtl li.last { _margin-top: expression( (this.previousSibling && /open/.test(this.previousSibling.className) ) ? "-2px" : "0"); }
  45. /* OPERA SCROLLBAR ISSUE */
  46. @media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {
  47. head~body .tree > ul > li.last > ul { margin-bottom:36px; }
  48. .tree li li { overflow:visible; }
  49. }
  50. /*
  51. FIREFOX FIX
  52. @-moz-document url-prefix() {}
  53. */