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: #333333;
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.tree-branch-head {
cursor: pointer;
}
treecontrol li .tree-label {
cursor: pointer;
display: inline;
}
treecontrol li .tree-unselectable {
cursor: not-allowed;
}
treecontrol.tree-classic li.tree-expanded i.tree-branch-head {
padding: 1px 10px;
background: url("/Content/images/folder.png") no-repeat;
}
treecontrol.tree-classic li.tree-collapsed i.tree-branch-head {
padding: 1px 10px;
background: url("/Content/images/folder-closed.png") no-repeat;
}
treecontrol.tree-classic li.tree-leaf i.tree-leaf-head {
padding: 1px 10px;
background: url("/Content/images/file.png") no-repeat;
}
treecontrol.tree-classic li .tree-selected {
//background-color: #aaddff;
font-weight: bold;
}
treecontrol.tree-classic li .tree-unselectable {
color: #808080;
}
treecontrol.tree-light li.tree-expanded i.tree-branch-head {
padding: 1px 10px;
background: url("/Content/images/node-opened-2.png") no-repeat;
}
treecontrol.tree-light li.tree-collapsed i.tree-branch-head {
padding: 1px 10px;
background: url("/Content/images/node-closed-2.png") no-repeat;
}
treecontrol.tree-light li.tree-leaf i.tree-leaf-head {
padding: 1px 10px;
width: 16px; height: 16px;
background: none no-repeat;
}
treecontrol.tree-light li .tree-selected {
font-weight: bold;
}
treecontrol.tree-light li .tree-unselectable {
color: #ddd;
}
treecontrol.tree-dark li.tree-expanded i.tree-branch-head {
padding: 1px 10px;
background: url("/Content/images/node-opened-light.png") no-repeat;
}
treecontrol.tree-dark li.tree-collapsed i.tree-branch-head {
padding: 1px 10px;
background: url("/Content/images/node-closed-light.png") no-repeat;
}
treecontrol.tree-dark li.tree-leaf i.tree-leaf-head {
padding: 1px 10px;
width: 16px; height: 16px;
background: none no-repeat;
}
treecontrol.tree-dark li .tree-selected {
font-weight: bold;
}
treecontrol.tree-dark li .tree-unselectable {
color: #777;
}
treecontrol.tree-dark {
color: #808080;
}
|