| treecontrol { |
| /* prevent user selection */ |
| -moz-user-select: -moz-none; |
| -khtml-user-select: none; |
| -webkit-user-select: none; |
| -ms-user-select: none; |
| user-select: none; |
| |
| /* default */ |
| font-family: Verdana, Helvetica, Arial, sans-serif; |
| font-size:13px; |
| color: #555; |
| text-decoration: none; |
| } |
| |
| treecontrol ul { |
| margin: 0; |
| padding: 0; |
| list-style: none; |
| border: none; |
| overflow: hidden; |
| } |
| |
| treecontrol > ul { |
| margin: 0 0 0 -20px; /* shift top-level to left */ |
| } |
| |
| treecontrol li { |
| position: relative; |
| padding: 0 0 0 16px; |
| line-height: 20px; |
| } |
| |
| treecontrol li.tree-expanded i.tree-leaf-head, treecontrol li.tree-collapsed i.tree-leaf-head {display:none;} |
| treecontrol li.tree-expanded i.tree-branch-head, treecontrol li.tree-collapsed i.tree-branch-head {display:inline;} |
| treecontrol li.tree-leaf i.tree-branch-head {display:none;} |
| treecontrol li.tree-leaf i.tree-leaf-head {display:inline;} |
| |
| treecontrol li i { |
| cursor: pointer; |
| } |
| |
| treecontrol li .tree-label { |
| display: inline-block; |
| cursor: pointer; |
| } |
| |
| treecontrol.tree-classic li.tree-expanded i { |
| padding: 1px 10px; |
| background: url("../images/folder.png") no-repeat; |
| } |
| |
| treecontrol.tree-classic li.tree-collapsed i { |
| padding: 1px 10px; |
| background: url("../images/folder-closed.png") no-repeat; |
| } |
| |
| treecontrol.tree-classic li.tree-leaf i { |
| padding: 1px 10px; |
| background: url("../images/file.png") no-repeat; |
| } |
| |
| treecontrol.tree-classic li .tree-selected { |
| background-color: #aaddff; |
| font-weight: bold; |
| } |
| |
| |
| treecontrol.tree-light li.tree-expanded i { |
| padding: 1px 10px; |
| background: url("../images/node-opened-2.png") no-repeat; |
| } |
| |
| treecontrol.tree-light li.tree-collapsed i { |
| padding: 1px 10px; |
| background: url("../images/node-closed-2.png") no-repeat; |
| } |
| |
| treecontrol.tree-light li.tree-leaf i { |
| padding: 1px 2px; |
| width: 0px; height: 0px; |
| background: none no-repeat; |
| } |
| |
| treecontrol.tree-light li .tree-selected { |
| font-weight: bold; |
| } |