leaflet-treepanel-layers.min.css

*{margin:0;padding:0}body{background-color:#e9eef2}.leaflet-treepanel-layers{background:rgba(255,255,255,0.5);padding:4px;min-width:30px}.treepanel{top:10px;right:10px;border:1px solid #bed1df;border-radius:4%;background-color:white;-webkit-box-shadow:-2px 3px 2px 0 rgba(5,0,0,0.11);-moz-box-shadow:-2px 3px 2px 0 rgba(5,0,0,0.11);box-shadow:-2px 3px 2px 0 rgba(5,0,0,0.11);margin-bottom:0}.treepanel li{color:#3c8dbc;font-family:'Open Sans',sans-serif;font-size:.75em;list-style:none}.treepanel li.level-one{position:relative;display:inline-flex;font-size:.8em;padding:5px 3px 2px 3px;border-top:1px solid #bed1df;cursor:pointer;width:100%}.treepanel li.level-one:first-child{border-top:none}.treepanel li.level-one:hover{background:#2cc5ca;-webkit-box-shadow:inset 1px 1px 10px 1px rgba(0,0,0,0.45);-moz-box-shadow:inset 1px 1px 10px 1px rgba(0,0,0,0.45);box-shadow:inset 1px 1px 10px 1px rgba(0,0,0,0.45)}.treepanel .level-one.selected{background:#fff;background:-moz-linear-gradient(top, #fff 0, #f6f6f6 47%, #e9eef2 100%);background:-webkit-gradient(left top, left bottom, color-stop(0, #fff), color-stop(47%, #f6f6f6), color-stop(100%, #e9eef2));background:-webkit-linear-gradient(top, #fff 0, #f6f6f6 47%, #e9eef2 100%);background:-o-linear-gradient(top, #fff 0, #f6f6f6 47%, #e9eef2 100%);background:-ms-linear-gradient(top, #fff 0, #f6f6f6 47%, #e9eef2 100%);background:linear-gradient(to bottom, #fff 0, #f6f6f6 47%, #e9eef2 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e9eef2', GradientType=0)}.treepanel .level-one i{font-size:large}.treepanel .level-one span{font-size:larger;white-space:nowrap}.treepanel .level-two{right:110%;visibility:hidden;transition:visibility .1s,opacity 0s linear;top:0;position:absolute;height:auto;width:auto;background:#FFFFFF;border-radius:4px;text-align:center}.treepanel .level-two:after{content:'';position:absolute;border-style:solid;border-width:5px 0 5px 5px;border-color:transparent #fff;display:block;width:0;z-index:1;right:-5px;top:20%}.treepanel .level-two i{color:green;line-height:inherit;font-size:large}.treepanel .level-two li{display:inline-flex;font-size:inherit;border-top:1px solid #bed1df;width:100%;text-align:left}.treepanel .level-two li:hover{background:#13cac1;-webkit-box-shadow:inset 1px 1px 10px 1px rgba(0,0,0,0.45);-moz-box-shadow:inset 1px 1px 10px 1px rgba(0,0,0,0.45);box-shadow:inset 1px 1px 10px 1px rgba(0,0,0,0.45)}.treepanel .level-two label{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;margin-left:1px;margin-right:5px;margin-bottom:0;font-size:larger;cursor:pointer;width:100%}.treepanel .level-two input{margin-right:2px}.treepanel .level-two:hover{visibility:visible}.treepanel .level-one:hover>.level-two{visibility:visible}