Themeroller plugin demo

$(function () { 
    $("#demo_1").tree({
        ui : {
            // required
            theme_name : "themeroller"
        },
        plugins : {
            themeroller : { }
        }
    });
});

Root node 1
Root node 2

<ul>
    <li id="phtml_1" class="open"><a href="#"><ins> </ins>Root node 1</a>
        <ul>
            <li id="phtml_2"><a href="#"><ins> </ins>Child node 1</a></li>
            <li id="phtml_3"><a href="#"><ins> </ins>Child node 2</a></li>
            <li id="phtml_4"><a href="#"><ins> </ins>Some other child node with longer text</a></li>
        </ul>
    </li>
    <li id="phtml_5"><a href="#"><ins> </ins>Root node 2</a></li>
</ul>

1.@import "http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/themes/humanity/jquery-ui.css";

2.#demo_1, #demo_1 li, #demo_1 li a { font-size:10px; }