37 lines
		
	
	
		
			542 B
		
	
	
	
		
			CSS
		
	
	
	
	
	
			
		
		
	
	
			37 lines
		
	
	
		
			542 B
		
	
	
	
		
			CSS
		
	
	
	
	
	
| .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;
 | |
| }
 | 
