bbtreeview/src/bbtreeview.css

76 lines
1.6 KiB
CSS

ul.bbtreeview {
background-image: url("line.png");
background-position: 4px 8px;
background-repeat: repeat-y;
list-style: none;
padding: 0;
margin: 0 0 0 8px;
}
ul.bbtreeview ul {
background-image: url("line.png");
background-position: 4px 8px;
background-repeat: repeat-y;
list-style: none;
margin: 0 0 0 8px;
padding: 0;
}
ul.bbtreeview li {
background-position: 0px calc((1.2em - 9px)/2);
background-repeat: no-repeat;
cursor: default;
display: block;
padding-left: 14px;
width: 100%;
}
ul.bbtreeview li.c {
background-image: url("expand.png");
}
ul.bbtreeview li.e {
background-image: url("collapse.png");
}
ul.bbtreeview li.hidden {
display: none;
}
ul.bbtreeview div.li {
display: block;
height: 1.2em;
padding-left: 4px;
}
ul.bbtreeview div.li.highlighted {
background-color: rgb(169, 201, 249, 0.7);
}
ul.bbtreeview div.li > div.icon {
background-position: 0px center;
background-repeat: no-repeat;
display: inline-block;
height: 100%;
width: calc(16px);
}
ul.bbtreeview div.li > div.folder {
background-image: url("folder.png");
}
ul.bbtreeview li > div.li > div.checkbox {
background-image: url("uncheckbox.png");
}
ul.bbtreeview li.x > div.li > div.checkbox {
background-image: url("checkbox.png");
}
ul.bbtreeview div.li > span {
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
display: inline-block;
height: 1.2em;
line-height: 1.2em;
overflow: hidden;
padding-left: 6px;
text-overflow: ellipsis;
vertical-align: top;
white-space: nowrap;
}
ul.bbtreeview div.li > span.noicon {
padding-left: 0px !important;
}