light.tree.css 1.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061
  1. body.light { font:10pt Verdana; background:#FFF; color:#111; }
  2. .light .ui-tree-nodes * { outline:none; }
  3. .light .ui-tree-nodes {
  4. position:relative;
  5. list-style: none;
  6. margin:0;
  7. padding:0;
  8. margin-left:0;
  9. padding-left:0.8em;
  10. }
  11. .light .ui-tree-node {
  12. margin:0;
  13. padding:0;
  14. cursor: default;
  15. }
  16. .light .ui-tree-node-text {
  17. text-decoration:none;
  18. color:#222;
  19. padding:0 .3em;
  20. }
  21. .light .ui-tree-node-selected > .ui-tree-node-text {
  22. background: #EEE;
  23. }
  24. .light .ui-tree-node-button {
  25. border: 1px solid #CCC;
  26. padding-left:1px;
  27. color: #666;
  28. font:7pt Courier New,monospace;
  29. margin-top: 0.4em;
  30. position: absolute;
  31. left: 0.2em;
  32. width: 0.7em;
  33. height: 0.8em;
  34. line-height: 0.8em;
  35. text-decoration: none;
  36. display:none;
  37. }
  38. .light .ui-tree-node-expanded > .ui-tree-node-button {
  39. background: #EEE;
  40. display:block;
  41. }
  42. .light .ui-tree-node-collapsed > .ui-tree-node-button {
  43. background: #DDD;
  44. display:block;
  45. }
  46. .light .ui-tree-node-moving > .ui-tree-node-button {
  47. background: #DDD;
  48. }
  49. .light .ui-tree-node-moving > .ui-tree-node-text {
  50. background: #DDD;
  51. }