"

From 2013.igem.org

/* CSS Tree menu styles */ .treeView{

   -moz-user-select:none;
   position:relative;

}

.treeView ul{

   margin:0 0 0 -1.5em;
   padding:0 0 0 1.5em;

}

.treeView ul ul{

   background:url('https://static.igem.org/mediawiki/2013/4/44/PB_CL_List-item-contents.png') repeat-y left;

}

.treeView li.lastChild > ul{

   background-image:none;

}

.treeView li{

   margin:0;
   padding:0;
   background:url('https://static.igem.org/mediawiki/2013/8/8f/PB_CL_List-item-root.png') no-repeat top left;
   list-style-position:inside;
   list-style-image:url('https://static.igem.org/mediawiki/2013/1/17/PB_CL_Button.png');
   cursor:auto;

}

.treeView li.collapsibleListOpen{

   list-style-image:url('https://static.igem.org/mediawiki/2013/4/4a/PB_CL_Button-open.png');
   cursor:pointer;

}

.treeView li.collapsibleListClosed{

   list-style-image:url('https://static.igem.org/mediawiki/2013/3/3b/PB_CL_Button-closed.png');
   cursor:pointer;

}

.treeView li li{

   background-image:url('https://static.igem.org/mediawiki/2013/5/5e/PB_CL_List-item.png');
   padding-left:1.5em;

}

.treeView li.lastChild{

   background-image:url('https://static.igem.org/mediawiki/2013/9/97/PB_CL_List-item-last.png');

}

.treeView li.collapsibleListOpen{

   background-image:url('https://static.igem.org/mediawiki/2013/3/39/PB_CL_List-item-open.png');

}

.treeView li.collapsibleListOpen.lastChild{

   background-image:url('https://static.igem.org/mediawiki/2013/2/2a/PB_CL_List-itemlastopen.png');

}

1. leftscroll{

float: left; width: 25%; height: 600px; overflow-x: auto; overflow-y: auto; overflow: auto; }

1. rightscroll{

display: inline; width: 70%; height: 600px; }

1. tbnote {

width: 70%; overflow: auto; overflow-x: auto; overflow-y: auto; }

1. tbnote p {

width: 65%; }