dark.tree.css 1.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061
  1. body.dark { font:11pt Calibri; background:#111; color:snow; }
  2. .dark .ui-tree-nodes * { outline:none; }
  3. .dark .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. .dark .ui-tree-node {
  12. margin:0;
  13. padding:0;
  14. cursor: default;
  15. }
  16. .dark .ui-tree-node-text {
  17. text-decoration:none;
  18. color:snow;
  19. padding:0 .3em;
  20. }
  21. .dark .ui-tree-node-selected > .ui-tree-node-text {
  22. background: #448;
  23. }
  24. .dark .ui-tree-node-button {
  25. border: 1px solid #222;
  26. padding-left:1px;
  27. color: #666;
  28. font:7pt Courier New,monospace;
  29. margin-top: 0.5em;
  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. .dark .ui-tree-node-expanded > .ui-tree-node-button {
  39. background: #181818;
  40. display:block;
  41. }
  42. .dark .ui-tree-node-collapsed > .ui-tree-node-button {
  43. background: #222;
  44. display:block;
  45. }
  46. .dark .ui-tree-node-moving > .ui-tree-node-button {
  47. background: #282828;
  48. }
  49. .dark .ui-tree-node-moving > .ui-tree-node-text {
  50. background: #474; color:#FFF;
  51. }