causeway-standard-theme

<div class="container page shell-left-navigation"> <div class="navigation-pane-left"> <div class="navigation-content-wrapper"> <div class="navigation-header"> <h2>Tree View</h2> </div> <div class="navigation-content"> <div class="tree-view"> <ul> <li><a href="#">Goes somewhere</a></li> <li class="parent_li"> <div class="leaf-content" href="#"> <span class="text">Goes somewhere Goes somewhere Goes somewhere Goes somewhere Goes somewhere</span> <span class="glyphicon glyphicon-user"></span> <span class="glyphicon glyphicon-remove-circle"></span> </div> <ul> <li> <a href="#">Goes somewhere</a> </li> </ul> </li> <li class="parent_li"> <a href="#">Goes somewhere</a> <ul> <li class="parent_li"> <a href="#">Goes somewhere</a> <ul> <li> <a href="#">Goes somewhere</a> </li> </ul> </li> <li class="parent_li"> <a href="#">Goes somewhere</a> <ul> <li class="active"> <a href="#">Goes somewhere Goes somewhere Goes somewhere Goes somewhere Goes somewhere Goes somewhere </a> </li> <li class="parent_li"> <a href="#">Goes somewhere</a> <ul> <li class="parent_li"> <a href="#">Goes somewhere</a> <ul> <li> <a href="#">Goes somewhere</a> </li> <li> <a href="#">Goes somewhere</a> </li> </ul> </li> <li> <a href="#">Goes somewhere</a> </li> <li> <a href="#">Goes somewhere</a> </li> </ul> </li> <li> <div class="leaf-content" href="#"> <span class="text">Goes somewhere Goes somewhere Goes somewhere Goes somewhere Goes somewhere</span> <span class="impend">7</span> </div> </li> </ul> </li> </ul> </li> <li class="parent_li"> <a href="">Goes somewhere</a> <ul> <li> <a href="#">Goes somewhere</a> </li> </ul> </li> </ul> </div> </div> </div> </div> <div class="divider divider-navigation"></div> <div class="navigation-pane-right"> <div class="pane"> <a id="treeview"></a> <header class="content-header"> <h1 class="title">Tree View</h1> </header> <div class="row"> <div class="col-md-4"> <div class="tree-view white-theme"> <ul> <li> <div class="leaf-content" href="#"> <span class="text">Goes somewhere Goes somewhere Goes somewhere Goes somewhere Goes somewhere</span> <span class="glyphicon glyphicon-user"></span> <span class="glyphicon glyphicon-remove-circle"></span> </div> </li> <li class="parent_li"> <a href="#">Goes somewhere</a> <ul> <li> <a href="#">Goes somewhere</a> </li> </ul> </li> <li class="parent_li"> <a href="#">Goes somewhere</a> <ul> <li class="parent_li"> <a href="#">Goes somewhere</a> <ul> <li> <a href="#">Goes somewhere</a> </li> </ul> </li> <li class="parent_li"> <a href="#">Goes somewhere</a> <ul> <li class="active"> <a href="#">Goes somewhere Goes somewhere Goes somewhere Goes somewhere Goes somewhere Goes somewhere </a> </li> <li class="parent_li"> <a href="#">Goes somewhere</a> <ul> <li class="parent_li"> <a href="#">Goes somewhere</a> <ul> <li> <a href="#">Goes somewhere</a> </li> <li> <a href="#">Goes somewhere</a> </li> </ul> </li> <li> <a href="#">Goes somewhere</a> </li> <li> <a href="#">Goes somewhere</a> </li> </ul> </li> <li> <div class="leaf-content"> <span class="text">Goes somewhere Goes somewhere Goes somewhere Goes somewhere Goes somewhere</span> <span class="impend">7</span> </div> </li> </ul> </li> </ul> </li> <li class="parent_li"> <a href="">Goes somewhere</a> <ul> <li> <a href="#">Goes somewhere</a> </li> </ul> </li> </ul> </div> </div> <div class="col-md-4"> <div class="tree-view white-theme"> <ul> <li class="parent_li"> <a href="#">Goes somewhere</a> <ul> <li> <a href="#">Goes somewhere</a> </li> </ul> </li> <li class="parent_li"> <a href="#">Goes somewhere</a> <ul> <li class="parent_li"> <a href="#">Goes somewhere</a> <ul> <li> <a href="#">Goes somewhere</a> </li> </ul> </li> <li class="parent_li"> <a href="#">Goes somewhere</a> <ul> <li class="active"> <a href="#">Goes somewhere Goes somewhere Goes somewhere Goes somewhere Goes somewhere Goes somewhere </a> </li> <li class="parent_li"> <a href="#">Goes somewhere</a> <ul> <li class="parent_li"> <a href="#">Goes somewhere</a> <ul> <li> <a href="#">Goes somewhere</a> </li> <li> <a href="#">Goes somewhere</a> </li> </ul> </li> <li> <a href="#">Goes somewhere</a> </li> <li> <a href="#">Goes somewhere</a> </li> </ul> </li> <li> <a href="#">Goes somewhere</a> </li> </ul> </li> </ul> </li> <li class="parent_li"> <a href="">Goes somewhere</a> <ul> <li> <a href="#">Goes somewhere</a> </li> </ul> </li> </ul> </div> </div> <div class="col-md-4"></div> </div> </div> </div> </div>