[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] li {
|
position: relative;
|
padding: 0 0 0 20px;
|
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 {
|
cursor: pointer;
|
display: inline;
|
}
|
|
|
[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 10px;
|
width: 16px; height: 16px;
|
background: none no-repeat;
|
}
|
|
[treecontrol].tree-light li .tree-selected {
|
font-weight: bold;
|
}
|
|
|
[treecontrol].tree-dark li.tree-expanded i {
|
padding: 1px 10px;
|
background: url("../images/node-opened-light.png") no-repeat;
|
}
|
|
[treecontrol].tree-dark li.tree-collapsed i {
|
padding: 1px 10px;
|
background: url("../images/node-closed-light.png") no-repeat;
|
}
|
|
[treecontrol].tree-dark li.tree-leaf i {
|
padding: 1px 10px;
|
width: 16px; height: 16px;
|
background: none no-repeat;
|
}
|
|
[treecontrol].tree-dark li .tree-selected {
|
font-weight: bold;
|
}
|
|
[treecontrol].tree-dark {
|
color: #ddd;
|
}
|
