style.css 2.5 KB

12345678910111213141516171819202122232425262728293031323334
  1. /* BACKGROUND */
  2. .tree-apple .ltr, .tree-apple .rtl { background:url("bg.jpg") left top repeat; min-width:100%; _width:100%; margin-left:0; margin-right:0; display:table; }
  3. .tree-apple .ltr > li.leaf, .tree-apple .rtl > li.leaf { background-image:none; }
  4. /* LOCKED */
  5. .tree-apple .locked li a { color:gray; }
  6. /* DOTS */
  7. .tree-apple ul { background-position:6px 1px; background-repeat:repeat-y; background-image:url(data:image/gif;base64,R0lGODlhAgACAIAAAB4dGf///yH5BAEAAAEALAAAAAACAAIAAAICRF4AOw==); _background-image:url("dot_for_ie.gif"); *background-image:url("dot_for_ie.gif"); }
  8. .tree-apple li { background-position:-64px -16px; background-repeat:no-repeat; background-image:url("icons.png"); }
  9. /* NO DOTS */
  10. .tree-apple .no_dots, .tree-apple .no_dots ul { background:transparent; }
  11. .tree-apple .no_dots li.leaf { background-image:none; background-color:transparent; }
  12. /* OPEN or CLOSED */
  13. .tree-apple li.open { background:url("icons.png") -32px -48px no-repeat; }
  14. .tree-apple li.closed, #jstree-dragged.tree-apple li li.open { background:url("icons.png") -48px -32px no-repeat; }
  15. #jstree-marker { background-image:url("icons.png"); }
  16. /* DEFAULT, HOVER, CLICKED, LOADING STATES */
  17. .tree-apple li a, .tree-apple li span { border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
  18. .tree-apple li a:hover, .tree-apple li a.hover, .tree-apple li span { background: #e7f4f9; border:1px solid #d8f0fa; padding:0px 3px 0px 3px; }
  19. .tree-apple li a.clicked, .tree-apple li a.clicked:hover, .tree-apple li span.clicked { background: #beebff; border:1px solid #99defd; padding:0px 3px 0px 3px; }
  20. /* ICONS */
  21. .tree-apple ins { background-image:url("icons.png"); background-position:0 0; background-repeat:no-repeat; }
  22. .tree-apple ul li a.loading ins { background-image:url("throbber.gif") !important; background-position:0 0 !important; } /* UL is added to make selector stronger */
  23. .tree-apple li a ins.forbidden { background-position:-16px -16px; }
  24. .tree-apple .locked li a ins { background-position:0 -48px; }
  25. .tree-apple li span ins { background-position:-16px 0; }
  26. #jstree-dragged.tree-apple ins { background:url("icons.png") -16px -32px no-repeat; }
  27. #jstree-dragged.tree-apple ins.forbidden { background:url("icons.png") -16px -16px no-repeat; }
  28. /* CONTEXT MENU */
  29. .tree-apple-context a ins { background-image:url("icons.png"); background-repeat:no-repeat; background-position:-64px -64px; }
  30. .tree-apple-context a ins.create { background-position:0 -16px; }
  31. .tree-apple-context a ins.rename { background-position:-16px 0px; }
  32. .tree-apple-context a ins.remove { background-position:0 -32px; }