xl-infinite-tree/dist/infinite-tree.css

A browser-ready tree library that can efficiently display a large amount of data using infinite scrolling.

.infinite-tree-scroll {
  overflow: auto;
  max-height: 400px; /* Change the height to suit your needs. */
}
.infinite-tree-table {
  width: 100%;
}
.infinite-tree-content {
  outline: 0;
  position: relative;
}
.infinite-tree-content .infinite-tree-selected.infinite-tree-item,
.infinite-tree-content .infinite-tree-selected.infinite-tree-item:hover {
  background: #deecfd;
  border: 1px solid #06c;
}
.infinite-tree-content .infinite-tree-item {
  border: 1px solid transparent;
  cursor: default;
}
.infinite-tree-content .infinite-tree-item:hover {
  background: #f2fdff;
}
.infinite-tree-content .infinite-tree-item:disabled,
.infinite-tree-content .infinite-tree-item[disabled] {
  cursor: not-allowed;
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
}
.infinite-tree-content .infinite-tree-node {
  position: relative;
}
.infinite-tree-content .infinite-tree-toggler {
  color: #666;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.infinite-tree-content .infinite-tree-toggler:hover {
  color: #333;
  text-decoration: none;
}
.infinite-tree-content .infinite-tree-title {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.infinite-tree-no-data {
  text-align: center;
}