--- /dev/null
+.bonsai,
+.bonsai li {
+ margin: 0;
+ padding: 0;
+ list-style: none;
+ overflow: hidden;
+}
+
+.bonsai li {
+ position: relative;
+ padding-left: 1.3em; /* padding for the thumb */
+}
+
+li .thumb {
+ margin: -1px 0 0 -1em; /* negative margin into the padding of the li */
+ position: absolute;
+ cursor: pointer;
+}
+
+li.has-children > .thumb:after {
+ content: '▸';
+}
+
+li.has-children.expanded > .thumb:after {
+ content: '▾';
+}
+
+li.collapsed > ol.bonsai {
+ height: 0;
+ overflow: hidden;
+}
+
+.bonsai .all,
+.bonsai .none {
+ cursor: pointer;
+}