<?xml version="1.0"?>
<?xml-stylesheet href="chrome://global/skin" type="text/css"?>

<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
        xmlns:html="http://www.w3.org/1999/xhtml">
  <image src="treetwisty-context-paint.svg" id="preload-image"/>
  <html:style>
    #preload-image {
      visibility: collapse;
    }

    #preload-image,
    treechildren::-moz-tree-twisty {
      -moz-appearance: none !important;
      -moz-context-properties: fill, fill-opacity, stroke, stroke-opacity !important;
      fill: green;
      fill-opacity: 0.5;
      stroke: purple;
      stroke-opacity: 0.2;
      list-style-image: url(treetwisty-context-paint.svg);
    }
  </html:style>
  <tree seltype="single" flex="1">
    <treecols>
      <treecol flex="1" primary="true"/>
    </treecols>
    <treechildren>
      <treeitem>
        <treerow>
          <treecell label="----"></treecell>
        </treerow>
      </treeitem>
      <treeitem container="true" open="true">
        <treerow>
          <treecell label="----"></treecell>
        </treerow>
        <treechildren>
          <treeitem>
            <treerow>
              <treecell label="----"></treecell>
            </treerow>
          </treeitem>
        </treechildren>
      </treeitem>
    </treechildren>
  </tree>
</window>