JavaScript DHTML/GUI Components/Documentation
Tree for documentation
<html>
<head>
<style type="text/css">
/**
colors, backgrounds, borders, link indication
**/
body {
background: #fff;
color: #000;
}
#main {
border-top: 1px solid #999;
}
#banner {
background-color: #fff
}
#banner {
border-top: 1px solid #369;
}
#poweredby {
display: block;
float: left;
height: 38px;
width: 102px;
background: url(../treeimages/poweredb.gif) no-repeat;
border-bottom: none;
}
#ee, #cn {
border: none;
}
#collabnet {
background-color: #222;
color: #fff;
border-bottom: 1px solid #000;
}
#cnlogo {
display: block;
height: 15px;
width: 150px;
background: url(../treeimages/product_.gif) no-repeat;
border-bottom: none;
vertical-align: top;
}
/*Tab sets*/
.tabs td, .tabs th {
background-image: url(../treeimages/nw_min00.gif);
background-repeat: no-repeat;
}
.tabset {
background-color: #eee;
border-bottom: 1px solid #888;
border-right: 1px solid #888;
}
.tabset .tabset {
border: 1px solid #ccc;
border-top: 5px solid #ddd;
}
.tabset .tabs th {
background-color: #ddd;
border-left: 1px solid #eee;
}
.tabset .tabs td {
border-left: 1px solid #eee;
}
.tabset .tabs td, .tabset .tabs th {
background-image: url(../treeimages/nw_min_e.gif);
background-repeat: no-repeat;
}
/*Navigation*/
.navgroup dd li, #projecttools div, #communitytools div {
background-image: url(../treeimages/strich00.gif);
background-repeat: no-repeat;
background-position: .5em .5em;
}
.navgroup dd li.header {
background-image: none;
}
.navgroup {
background: #efefef;
}
.navgroup dt {
border-bottom: 1px solid #666;
border-right: 1px solid #666;
background: #ddd;
color: #555;
}
.navgroup dd {
border-right: 1px solid #aaa;
border-bottom: 1px solid #aaa;
}
#helptext dt {
background-image: url(../treeimages/icon_hel.gif);
background-repeat: no-repeat;
background-position: 97%;
}
#helptext {
background-color: #ffc;
}
#helptext dt {
border-bottom: 1px solid #996;
border-right: 1px solid #996;
background-color: #cc9;
}
#helptext dd {
border-bottom: 1px solid #cc9;
border-right: 1px solid #cc9;
}
#mytools dt, #projecttools dt, #admintools dt, #communitytools dt {
background-color: #ddd;
border: none;
}
.navgroup dl dt {
background-color: #fff !important;
}
.navgroup dl dd {
border: none !important;
}
#mytools dd, #projecttools dd, #admintools dd, #communitytools dd {
background-color: #fff;
border-right: none;
border-bottom: none;
border-top: 1px solid #999;
}
#mytools, #projecttools, #admintools, #communitytools {
background-color: #ddd;
border-right: 1px solid #666;
border-bottom: 1px solid #666;
}
/*Functnbars*/
.functnbar {
background-image: url(../treeimages/nw_maj_r.gif);
background-repeat: no-repeat;
}
.functnbar, .functnbar2 {
background-color: #aaa;
}
.functnbar2 {
background-image: url(../treeimages/sw_maj_r.gif);
background-repeat: no-repeat;
background-position: bottom left;
}
.functnbar3 {
background-color: #ddd;
background-repeat: no-repeat;
background-image: url(../treeimages/sw_maj_r.gif);
background-position: bottom left;
}
.functnbar4 {
background-color: #888;
}
.tabset .functnbar {
background-image: url(../treeimages/nw_maj_s.gif);
}
.tabset .functnbar2, .tabset .functnbar3 {
background-image: url(../treeimages/sw_maj_s.gif);
}
/*Links*/
a:link, #navcol a:link, #navcol a:visited, #bodycol a:link, #tasknav a:link, .tasknav a:visited {
color: #03c;
}
a:visited, #helptext a:visited, #bodycol a:visited {
color: #609;
}
.tasknav a:visited {
color: #03c !important;
}
a:link.selfref, a:visited.selfref {
color: #555 !important;
text-decoration: none;
}
a:active, a:hover, #navcol a:active, #navcol a:hover {
color: #f30 !important;
}
.functnbar4 a, .functnbar4 a:link, .functnbar4 a:visited {
color: #fff !important;
}
#navcol a, #breadcrumbs a {
text-decoration: none;
}
/*Tables*/
.a td, .a, #rightcol div.siteinfo .a {
background: #ddd;
}
.b td, .b, #rightcol div.siteinfo .b {
background: #efefef;
}
table td.c, .c {
background: #bbb;
}
th, .docs th {
background-color: #bbb;
}
.axial th {
background-color: #ddd;
color: black;
}
body .grid td {
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
background-color: transparent;
}
.legend th, .bars th {
background-color: #fff;
}
/*Messaging*/
.errormessage, .warningmessage, .donemessage, .infomessage {
border-top: 5px solid #900;
border-left: 1px solid #900;
background-image: url(../treeimages/icon_err.gif);
background-repeat: no-repeat;
background-position: 5px 1.33em;
}
.warningmessage {
background-image: url(../treeimages/icon_war.gif);
border-color: #c60;
}
.donemessage {
background-image: url(../treeimages/icon_suc.gif);
border-color: #090;
}
.infomessage {
background-image: url(../treeimages/icon_inf.gif);
border-color: #069;
}
.errormark, .warningmark, .donemark, .infomark {
background: url(icon_ers.gif) no-repeat;
}
.warningmark {
background-image: url(icon_was.gif);
}
.donemark {
background-image: url(icon_sud.gif);
}
.infomark {
background-image: url(icon_ing.gif);
}
/*Widgets*/
.colbar {
background: #eee;
border-color: #999 #eee #eee #999;
border-width: 1px;
border-style: solid;
}
#breadcrumbs {
border-top: 1px solid #fff;
background-color: #ccc;
}
fieldset {
border-color: #ccc #999 #999 #ccc;
border-width: 1px;
border-style: solid;
}
img {
border: none;
}
.expandedwaste {
background: url(expanded.gif) no-repeat;
background-position: .2em .2em;
}
.collapsedwaste {
background: url(collapse.gif) no-repeat;
background-position: .2em .2em;
}
.filebrowse .expanded, .filebrowse-alt .expanded {
background-image: url(expanded.gif);
background-repeat: no-repeat;
background-position: .2em .2em;
}
.filebrowse .collapsed, .filebrowse-alt .collapsed {
background-image: url(collapse.gif);
background-repeat: no-repeat;
background-position: .2em .2em;
}
.filebrowse .leafnode, .filebrowse-alt .leafnode {
background-image: url(icon_fol.gif);
background-repeat: no-repeat;
}
.filebrowse .leaf, .filebrowse-alt .leaf {
background-image: url(icon_doc.gif);
background-repeat: no-repeat;
}
.sortup {
background: url(icon_sor.gif) no-repeat;
}
.sortdown {
background: url(icon_sos.gif) no-repeat;
}
a.collapsedwaste {
background: url(collapse.gif) no-repeat;
border: none;
}
a.expandedwaste, a.collapsedwaste, a.sortdown, a.sortup, a.expanded, a.collapsed, a.leaf, a.leafnode {
border: none;
}
.docinfo {
background: url(icon_dod.gif) no-repeat;
}
.dirinfo {
background: url(icon_fom.gif) no-repeat;
}
.helplink {
cursor: help;
}
#topmodule {
background-color: #ddd;
border-top: 1px solid #fff;
border-bottom: 1px solid #aaa;
}
#topmodule #projectname {
border-right: 2px solid #aaa;
}
#topmodule #issueid {
border-right: 1px solid #aaa;
}
#topmodule td {
padding: 2px 8px;
}
.cvsdiff, .cvsblame {
background-color: #ccc;
}
.cvsdiffadd {
background-color: #afa;
}
.cvsdiffremove {
background-color: #faa;
}
.cvsdiffchanges1, .cvsdiffchanges2 {
background-color: #ff7;
}
#rightcol div.www, #rightcol div.help {
border: 1px solid #ddd;
}
#rightcol div.siteinfo h2 {
background-color: #bbb !important;
}
.band1 {
color: #fff;
background-color: #663;
}
.band2 {
color: #fff;
background-color: #66C;
}
.band3 {
background-color: #C99;
}
.band4 {
background-color: #CFF;
}
.band5 {
color: #fff;
background-color: #336;
}
.band6 {
color: #fff;
background-color: #966;
}
.band7 {
background-color: #9CC;
}
.band8 {
background-color: #FFC;
}
.band9 {
color: #fff;
background-color: #633;
}
.band10 {
color: #fff;
background-color: #699;
}
.band11 {
background-color: #CC9;
}
.band12 {
background-color: #CCF;
}
.band13 {
color: #fff;
background-color: #366;
}
.band14 {
color: #fff;
background-color: #996;
}
.band15 {
background-color: #99C;
}
.band16 {
background-color: #FCC;
}
.red {
color:#f00;
}
.green {
color:#060;
}
.blue {
color:#036;
}
.purple{
color:#339;
}
/*Headings*/
h1 em {
color: #777;
}
.h3 h3, .h4 h4 {
background-color: #fff;
}
.tabset .h3 h3, .tabset .h4 h4 {
background-color: #eee;
}
.h2 {
border-left: 1px solid #333;
}
.h3, .h4 {
border-top: 3px solid #666;
border-left: none;
}
.h4 {
border-top: 1px solid #666;
border-left: none;
}
.h2 h2 {
color: #fff;
background-color: #333;
}
.h2 h2 a:link, .h2 h2 a:visited {
color: #fff !important;
text-decoration: underline;
}
/*Tabs*/
.tabs th {
border-right: 1px solid #333;
background-color: #eee;
color: #fff;
border-left: 1px solid #fff;
}
#toptabs th {
background-color: #ddd;
}
.tabs td {
background-color: #999;
border-right: 1px solid #fff;
border-left: 1px solid #fff;
}
.tabs th, .tabs th a:link, .tabs th a:visited {
color: #555 !important;
}
.tabs td, .tabs td a:link, .tabs td a:visited {
color: #fff !important;
}
#toptabs {
background-color: #fff;
border-bottom: 6px solid #ddd;
}
/*Calendar*/
.calendarweek {
background-color: #ccc;
}
.calendarweeklabel {
background-color: #aaa;
}
.calendardays, calendarperiod {
border: 1px solid #999;
}
.calendardays table, .calendarperiod table {
background-color: #ccc;
}
.calendarmonths {
background-color: #9bf;
border-color: #ccf #69c #69c #ccf;
border-width: 1px;
border-style: solid;
}
.calendartoday {
background-color: #ee9;
border-color: #999 #777 #69c #aaa;
border-width: 1px;
border-style: solid;
}
.periodax, .periodbx, .currentperiod {
border-bottom: 1px solid #eee;
}
.periodax {
background-color: #9cc;
}
.periodbx {
background-color: #ac9;
}
.currentperiod, #today {
background-color: #ee9;
}
.othermonthday, .othermonthday a {
background-color: #ddd;
color: #888;
}
.calendarday {
background-color: #fff;
}
/**
font and text properties, exclusive of link indication, alignment, text-indent
**/
body, input, select {
font-family: Verdana, Helvetica, Arial, sans-serif;
}
code, pre {
font-family: "Andale Mono", Courier, monospace;
}
body, pre, code {
font-size: x-small;
voice-family: "\"}\"";
voice-family: inherit;
font-size: small;
}
#bodycol, #bodycol table td, #bodycol table th {
font-size: 95%;
line-height:135%;
}
#bodycol table table td, #bodycol table table th {
font-size: 100%;
}
/* a workaround for netscape 7 bug. has to come right after the previous line-height declaration */
input {
line-height:100%;
}
h1 {
font-weight: normal;
font-size: medium;
voice-family: "\"}\"";
voice-family: inherit;
font-size: large;
}
h2, h3, h4, h1 small, #rightcol h2 {
font-size: x-small;
voice-family: "\"}\"";
voice-family: inherit;
font-size: small;
}
.h4 h4, li.selection ul {
font-weight: normal;
}
small, div#footer, #login, .tabs th, .tabs td, #bodycol .tabs th, #bodycol .tabs td, #navcol, input, select, .paginate, .functnbar, .functnbar2, .functnbar3, .functnbar4, #breadcrumbs, .courtesylinks, .colbar, .tasknav, #sidebar, .legend, .bars, #rightcol div.www, #rightcol div.siteinfo { /*may need to add div#footer table, #rightcol div.help */
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: xx-small;
voice-family: "\"}\"";
voice-family: inherit;
font-size: x-small;
}
.tabs td, .tabs th, dt, .tasknav .selfref, #login .username, .selection, .functnbar4 a, fieldset legend, .cumulative td, .rollupactivity td, #today {
font-weight: bold;
}
h1 em {
font-style: normal;
}
#banner h2 {
font-size: 1.25em;
}
table {
font-size: 1em;
}
del {
text-decoration: line-through;
}
.tabs a {
text-decoration: none;
}
caption {
font-size: x-small;
}
caption em {
font-weight: bold;
}
/**
box properties (exclusive of borders), positioning, alignments, list types, text-indent
**/
#bodycol h1 {
margin-top: .6em;
margin-bottom: .5em;
}
p, ul, ol, dl, table.bars {
margin-top: .67em;
margin-bottom: .67em;
}
#bodycol {
padding-left: 12px;
padding-right: 12px;
padding-bottom: 12px;
width: 100%;
voice-family: "\"}\"";
voice-family: inherit;
width: auto;
}
html>body #bodycol {
width: auto;
}
.h2 p, .h3 p, .h4 p, .h2 dt, .h3 dt, .h4 dt {
margin-right: 7px;
margin-left: 7px;
}
body {
padding: 1em;
}
body.ruposite {
margin: 0;
padding: 0;
}
#login {
float: right;
text-align: right;
white-space: nowrap;
}
#poweredby {
margin: 0 8px 100px 0;
}
#collabnet {
padding: 1px 7px;
}
#banner {
padding: 8px;
}
/*Headings*/
h2 {
margin-top: 0;
}
.h2 {
margin-top: 1.67em;
}
h2, h3, h4 {
margin-bottom: 0;
}
#banner h2 {
margin: 0;
}
h2, h3, h4 {
clear: both;
}
.h3 h3, .h4 h4 {
margin: 0.75em;
padding: 0 4px;
position: relative;
top: -.75em;
display: inline;
left: 0;
}
div.h2 {
margin: 1.5em 0 .67em;
}
.h2 {
padding-left: 0.75em;
}
#banner h2 {
padding: 5px 5px 0px 10px;
}
.h3, .h4 {
margin: 1.5em 0 .67em;
padding: 0 0 .5em 0;
}
.h2 h2 {
padding: 3px 3px 3px .65em;
margin-right: 2px;
margin-left: -0.75em;
margin-bottom: 0.75em;
}
/*Widgets*/
form {
margin: 0;
}
ol ol {
list-style-type: lower-alpha;
}
ol ol ol {
list-style-type: lower-roman;
}
.tasknav {
margin-bottom: 1.33em;
}
#rightcol div.www {
padding: 0 .5em;
}
div.a, div.b {
margin: 2px 0;
padding: 3px;
}
.functnbar, .functnbar2, .functnbar3, .functnbar4 {
padding: 5px 1em;
margin: .67em 2px;
}
.functnbar3 {
padding: 3px 1em;
margin-top: 0;
}
.functnbar4 {
margin: 2px 2px 0px 2px;
white-space: nowrap;
}
#topmodule {
margin: -1px -2px 0 -4px
}
#topmodule td {
vertical-align: middle;
}
.right {
text-align: right !important;
}
.center {
text-align: center !important;
}
body .stb {
margin-top: 1em;
text-indent: 0;
}
body .mtb {
margin-top: 2em;
text-indent: 0;
}
.courtesylinks {
margin-top: 1em;
padding-top: 1em;
}
dd {
margin-bottom: .67em;
}
.tier1 {
margin-left: 0;
}
.tier2 {
margin-left: 1.5em;
}
.tier3 {
margin-left: 3em;
}
.tier4 {
margin-left: 4.5em;
}
.tier5 {
margin-left: 6em;
}
.tier6 {
margin-left: 7.5em;
}
.tier7 {
margin-left: 9em;
}
.tier8 {
margin-left: 10.5em;
}
.tier9 {
margin-left: 12em;
}
.tier10 {
margin-left: 13.5em;
}
.filebrowse .expanded, .filebrowse .collapsed {
padding-left: 18px;
}
.filebrowse .leafnode, .filebrowse .leaf {
padding-left: 20px;
}
.filebrowse-alt .expanded, .filebrowse-alt .collapsed, .filebrowse-alt .leaf, .filebrowse-alt .leafnode, .expandedwaste, .collapsedwaste, .sortup, .sortdown {
/* hide from macie5\*/
float: left;
/* resume */
display: inline-block;
height: 15px;
width: 18px;
padding-left: 0 !important;
}
.filebrowse-alt .leaf, .filebrowse-alt .leafnode, .sortup, .sortdown {
width: 20px;
}
.filebrowse ul, .filebrowse-alt ul {
list-style-type: none;
padding-left: 0;
margin-left: 0;
}
.filebrowse ul ul, .filebrowse-alt ul ul {
margin-left: 1.5em;
margin-top: 0;
padding-top: .67em;
}
.filebrowse li, .filebrowse-alt li {
margin-bottom: .67em;
}
td.filebrowse h3 {
margin-top: 0;
}
.alt, .hide {
display: none;
}
fieldset {
width: 100%;
margin-bottom: 3px;
}
#breadcrumbs {
padding: 2px 8px;
}
.fieldset {
padding: .67em;
}
.colbar {
margin: 2px;
padding: 2px;
}
#footer {
padding-left: 8px
}
.selectiongroup {
padding-left: 1.5em;
}
.inputgroup2 {
padding-left: 3em;
}
.inputgroup3 {
white-space: nowrap;
}
.removedbox {
float: left;
margin-right: 10px;
}
.floatright {
float: right;
}
div.strut7 {
width: 7em;
}
div.strut8 {
width: 8em;
}
div.strut13 {
width: 13em;
}
div.strut14 {
width: 14em;
}
.strut15 {
width: 15em;
}
.printbreak {/* this may need to be .app .printbreak */
border-top: 2px #000 solid;
}
.printbreak { /* this may need to be .app .printbreak */
margin-top: 20px;
}
div.printbreak {
page-break-after: always !important;
}
.messagechild {
padding-left: 34px;
}
.functnbar4 a {
padding-right: 0.5em;
padding-left: 0.5em;
}
#rightcol div.siteinfo h2 {
padding: 3px;
margin-top: .5em;
}
/*Tab sets*/
#toptabs {
margin: 0;
padding-top: .67em;
padding-left: 8px;
}
.tabs {
margin-top: .67em;
margin-right: 2px;
margin-left: 8px;
padding-left: 8px;
}
.h2 .h3 .tabs , .h2 .h4 .tabs {
margin-left: 1.75em;
}
#toptabs .tabs {
margin-left: 0px;
}
#toptabs .tabs th, #toptabs .tabs td, .tabs td, .tabs th {
padding: 3px 9px;
}
.tabset, .tabset .tabset {
padding: .67em;
}
/*Navigation*/
.navgroup dd li.header {
margin-top: 4px;
}
.navgroup li {
margin-top: 7px;
padding-left: 10px;
list-style-type: none;
}
.navgroup, .navgroup dt, .navgroup dd, .navgroup ul, .navgroup li {
margin: 0;
padding: 0;
}
.navgroup li {
display: block;
}
.navgroup {
margin-top: 2px;
margin-bottom: 6px;
}
.navgroup dd {
padding: 4px 4px 4px 0;
}
.navgroup dt {
padding: 4px;
}
.navgroup dl dt {
padding: 0;
}
.navgroup dd li, .navgroup dd div {
padding-bottom: .3em;
padding-left: 1em;
}
.navgroup dd li li {
margin-top: .3em;
padding-bottom: 0;
}
#navcol, #navcol .strut {
width: 15em;
}
#mytools dd, #projecttools dd, #admintools dd, #communitytools dd {
padding-top: .33em;
}
#mytools, #projecttools, #admintools, #communitytools {
padding: 0 6px 6px 6px;
margin: -1px 0 6px -2px;
}
#mytools dt, #projecttools dt, #admintools dt, #communitytools dt {
padding-left: 2px;
}
.navgroup dl dt {
padding-left: 0 !important;
}
/*Tables*/
th, td {
padding: 1px 2px 1px 2px;
}
th, td {
text-align: left;
vertical-align: top;
}
.axial th, .axial th .strut {
text-align: right;
}
.axial td th {
text-align: left;
}
.axial th, .axial th .strut {
width: 12em;
}
.legend th, .bars th {
text-align: right;
padding-left: 1em;
}
.bars th {
width: 12em;
}
caption {
text-align: left;
}
/*Messaging*/
.errormessage, .warningmessage, .donemessage, .infomessage, .docinfo, .dirinfo {
margin: .67em 0;
padding: .33em 0 .67em 42px;
min-height: 32px;
}
.errormark, .warningmark, .donemark, .infomark {
padding-left: 20px;
min-height: 15px;
}
/*Calendar*/
.calendarbody {
margin: 17px;
}
.calendarweeklabel {
text-align: center;
padding-bottom: 7px;
}
.calendartoday, .calendarmonths {
padding: 0 2px 0 3px;
}
.periodax, .periodbx, .currentperiod, .calendarday {
text-align: right;
}
.periodax, .periodbx, .currentperiod, .othermonthday, .othermonthday a, .calendarday {
padding-bottom: 7px;
}
/*Specific to Project Dashboard*/
#projectperformance {
padding: 10px;
}
.effort {
margin-left: 50px;
}
.effortbar1, .effortbar2 {
position: absolute;
}
.dashboardchart {
padding: 5px;
margin: 2px 2px 0px 2px;
text-align: center;
}
.statusnotstarted, .statusontrack, .statuscaution, .statusslip, .statusended {
width: 50px;
height: 10px;
white-space: nowrap;
}
.indenttable th .strut {
width: 16em;
}
.cumulative td, .subtotal {
background-color: #bbb;
}
.rollupactivity td {
background-color: #ddd;
}
.effortbar1 {
background-color: #79f;
}
.effortbar2 {
background-color: #aaa;
}
.dashboardchart {
background-color: #ddd;
}
table td.statusnotstarted, .statusnotstarted {
background: #cca;
}
table td.statusontrack, .statusontrack {
background: #6c6;
}
table td.statuscaution, .statuscaution {
background: #fc6;
}
table td.statusalert, .statusalert {
background: #f30;
}
table td.statusended, .statusended {
background: #ccc;
}
/*Specific to Help Docs*/
body.docs #toc li, body.docs #toc li li {
background-image: url(strich00.gif);
background-repeat: no-repeat;
background-position: .5em .5em;
}
body.docs div#toc {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: xx-small;
voice-family: "\"}\"";
voice-family: inherit;
font-size: x-small;
}
body.docs div.docs {
background-color: #fff;
border-left: 1px solid #ddd;
border-top: 1px solid #ddd;
}
body.docs {
background: #eee url(help_log.gif) top right no-repeat !important;
}
body#legalnotices {
background-image: none !important;
}
body.docs #toc {
position: absolute;
top: 61px;
left: 0px;
width: 120px;
padding: 0 20px 0 0;
}
body.docs #toc ul, #toc ol {
margin-left: 0;
padding-left: 0;
}
body.docs #toc li {
margin-top: 7px;
padding-left: 10px;
list-style-type: none;
}
body.docs div.docs {
margin: 61px 0 0 150px;
padding: 1em 2em 1em 1em !important;
}
.docs h3, .docs h4 {
margin-bottom: .1em;
padding-top: .3em;
}
body.docs {
margin: 0;
padding: 0;
}
.docs {
line-height: 1.4;
}
.docs h1 {
font-weight: bold;
}
.docs h2 {
border-bottom: 2px solid #666;
margin: 0;
margin-top: 1em;
}
.docs h3 {
border-bottom: 1px solid #666;
margin: 0;
margin-top: 1em;
}
.docs h4 {
font-weight: bold;
margin-top: 1em;
}
.doclayout th {
background-color: #fff;
}
.doclayout th {
width: 12em;
}
.docs dt {
margin-top: 20px;
}
body, ol, li, h2 { padding:0; margin: 0; }
ol#root { padding-left: 5px; margin-top: 2px; margin-bottom: 1px; list-style: none;}
#root ol { padding-left: 5px; margin-top: 2px; margin-bottom: 1px; list-style: none;}
#root li { margin-bottom: 1px; padding-left: 5px; margin-top: 2px; font-size: x-small; }
.panel { border-bottom: 1px solid #999; margin-bottom: 2px; margin-top: 2px; background: #eee; }
#root ul { margin-bottom: 1px; margin-top: 2px; list-style-position: inside; }
#root a { text-decoration: none; }
.folder { background: url(../treeimages/folder-c.gif) no-repeat; float: left; height: 14px; width: 26px; padding-right: 3px }
.doc { background: url(../treeimages/file0000.gif) no-repeat; float: left; height: 14px; width: 12px; padding-right: 3px; margin-left: 20px;}
/*CollabNet branding*/
#banner, #toptabs {
background-color: #663;
}
#banner {
border-top: 1px solid #996;
}
#banner {
padding: 1px;
padding-left: 12px;
padding-top: 15px;
}
.application th, .app th {
background-color: #ddc;
}
.axial th {
background-color: #ddc;
}
#toptabs td, #toptabs th {
background-image: url(../treeimages/nw_min_6.gif);
}
#toptabs td {
border-bottom: 1px solid #666;
border-right: 1px solid #333;
border-left: 1px solid #663;
}
#toptabs th {
border-left: 1px solid #663;
}
.h2 h2 {
background-color: #663;
}
.h2 {
border-left: 1px solid #663;
}
.h3 {
border-top: 6px solid #663;
}
h3 {
color: #663;
}
#login, #login a {
color: #fff;
}
#login a:hover {
color: #ccf !important;
}
#toptabs td, .tabs th {
background-color: #eed;
}
#toptabs th, .tabs td {
background-color: #cc9;
}
#toptabs {
border-bottom: 6px solid #cc9;
}
.tabset {
background-color: #eed;
}
#toptabs .tabs th, #toptabs th a:link, #toptabs th a:visited, .tabs th, .tabs th a:link, .tabs th a:visited {
color: #000 !important;
}
.tabs td, .tabs td a:link, .tabs td a:visited, #toptabs .tabs td, #toptabs td a:link, #toptabs td a:visited {
color: #555 !important;
}
.tabset .b td, .tabset .a td {
background-color: #ddd;
}
#navcol a:link, #navcol a:visited {
color: #000;
}
a:active, a:hover, #leftcol a:active, #leftcol a:hover, #highlights a:active, #highlights a:hover {
color: #036 !important;
}
#helptext dt {
background-color: #dd9;
}
#highlights {
background: #eed;
border-right: 1px solid #999;
border-bottom: 1px solid #999;
}
#highlights a:link, #highlights a:visited {
color: black;
}
#highlights {
margin: 0;
padding: 6px;
}
#mainhighlights {
margin-top: 1em
}
#mainhighlights td div {
margin: .5em
}
#mainhighlights th {
background: #dd9;
}
#mainhighlights td {
background: #ffc;
}
#mainhighlights, #mainhighlights td, #mainhighlights th {
font-size: xx-small;
voice-family: "\"}\"";
voice-family: inherit;
font-size: x-small;
}
#mainhighlights td {
border-right: 1px solid #cc9;
border-bottom: 1px solid #cc9;
}
#mainhighlights th {
border-right: 1px solid #996;
border-bottom: 1px solid #996;
}
.navgroup dt {
background: #dd9;
}
.navgroup {
background: #eed;
color: #000;
}
#mytools, #projecttools, #admintools, #communitytools, #mytools dt, #projecttools dt, #admintools dt, #communitytools dt {
background-color: #dd9;
color: #000 !important;
}
#searchbox dt, #helptext dt {
color: #000 !important;
}
.a td {
background: #eee;
}
.b td {
background: #eee;
}
#rightcol div.siteinfo .a {
background: #eee;
}
#rightcol div.siteinfo h2 {
background-color: #663 !important;
color: #fff !important;
}
#bodycol .application a:visited, #bodycol .app a:visited #bodycol .tasknav a:visited {
color: purple !important;
}
.readyset h3, .readyset h4 {
padding: 3px;
padding-left: 5px;
margin-right: 2px;
margin-left: 2px;
margin-bottom: 0;
clear: both;
}
.readyset .axial th {
text-align: right;
white-space: nowrap;
}
dd {
margin-bottom: .67em;
}
.tier1 { margin-left: 0; }
.tier2 { margin-left: 1.5em; }
.tier3 { margin-left: 3em; }
.tier4 { margin-left: 4.5em; }
.level1 { padding-left: 0; }
.level2 { padding-left: 1em; }
.level3 { padding-left: 2em; }
.level4 { padding-left: 3em; }
/* additions specific to ReadySET */
tr ul, tr ol, tr p {
margin-top: 0;
}
tr ul {
margin-left: 0px; padding-left: 2em;
}
.sticky {
padding: 3px;
margin-right: 2px;
margin-bottom: 3px;
border-right: 1px solid;
border-bottom: 1px solid;
}
.tip {
padding: 3px;
margin-right: 2px;
margin-bottom: 3px;
border-right: 1px solid;
border-bottom: 1px solid;
}
.todo {
padding: 3px;
margin-right: 2px;
margin-bottom: 3px;
border-right: 1px solid;
border-bottom: 1px solid;
}
#processimpact {
border: 1px solid;
padding: 3px;
margin-right: 2px;
margin-bottom: 2px;
}
.footnote {
width: 80%;
border-top: solid #aaa 1px;
font-size: x-small;
padding-top: 3px;
margin-top: 3em;
}
.reusablefragment {
padding: 6px;
margin-top: 3em;
margin-bottom: 3em;
}
.sample1, .sample2, .sample3, .sample4 {
padding-right: 2px;
margin-bottom: 4px;
}
.legal1 {
border: 2px solid;
padding: 3px;
text-align: center !important;
font-size: xx-large;
font-weight: bold;
display: none;
}
.linklist a {
display: block;
}
.sub {
padding-left: 1em;
}
:target {
border: 2px solid red;
}
.footnote {
/* To hide footnotes, change "block" to "none". */
display: block;
}
.sticky {
background: #ffc;
border-right-color: #aaa;
border-bottom-color: #aaa;
}
.tip {
background: #ffc;
background-image: "url(../treeimages/tip00000.gif)";
background-repeat: no-repeat;
background-position: top left;
border-right-color: #aaa;
border-bottom-color: #aaa;
padding-left: 36px;
min-width: 30px; min-height: 30px;
/* filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="tip.png",sizingMethod="scale"); */
}
.todo {
background: #ffc;
background-image: "url(../treeimages/todo0000.gif)";
background-repeat: no-repeat;
background-position: top left;
border-right-color: #aaa;
border-bottom-color: #aaa;
padding-left: 36px;
min-width: 30px; min-height: 30px;
/* filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,src="todo.png",sizingMethod=scale); */
}
#processimpact {
background: #eee;
border-color: #aaa;
background-image: "url(../treeimages/gears000.gif)";
background-repeat: no-repeat;
background-position: top left;
padding-left: 36px;
min-width: 30px; min-height: 30px;
/* filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="gears.png",sizingMethod="scale"); */
}
.reusablefragment {
background: #eee;
border: 2px dashed;
}
.sample1 { border-right: 4px double #500; }
.sample2 { border-right: 4px double #050; }
.sample3 { border-right: 4px double #005; }
.sample4 { border-right: 4px double #505; }
a.def {
text-decoration: none;
border-bottom: dashed 1px blue;
cursor: help;
}
.legal1 {
/* display: block !important; */
background: #eee;
border-color: #aaa;
}
#navcol div.body {
background-image: none;
}
#navcol div.body {
padding-bottom: .3em;
padding-left: 0px;
padding-right: 0px;
margin-right: 0;
}
#navcol div.body div {
margin-top: .3em;
padding-bottom: 0;
}
.navgroup .body {
border-top: 1px solid #aaa;
}
.navgroup .body {
padding: 0px;
margin: 0em;
}
.navgroup .label {
padding: 4px;
}
/* EyeBrowse message reader */
.tabset pre {
background-color: #fff;
border: 1px solid #ccc;
padding-left: 4px;
padding-top: 4px;
}
</style>
<script language=javascript>
function toggle(elm) {
var newDisplay = "none";
elm.style.backgroundImage = "url(treeimages/folder-c.gif)";
var e = elm.nextSibling;
while (e != null) {
if (e.tagName == "OL" || e.tagName == "ol") {
if (e.style.display == "none") {
newDisplay = "block";
elm.style.backgroundImage = "url(treeimages/folder-c.gif)";
}
break;
}
e = e.nextSibling;
}
while (e != null) {
if (e.tagName == "OL" || e.tagName == "ol") e.style.display = newDisplay;
e = e.nextSibling;
}
}
function collapseAll(tags) {
for (i = 0; i < tags.length; i++) {
var lists = document.getElementsByTagName(tags[i]);
for (var j = 0; j < lists.length; j++)
lists[j].style.display = "none";
var e = document.getElementById("root");
e.style.display = "block";
}
}
function openBookMark() {
var h = location.hash;
if (h == "") h = "default";
if (h == "#") h = "default";
var ids = h.split(/[#.]/);
for (i = 0; i < ids.length; i++) {
if (ids[i] != "") toggle(document.getElementById(ids[i]));
}
}
</script>
<script language=javascript>
var current=new Array();
var ready=new Array();
var num=1;
function out(obj)
{
var str="";
for(i in obj)str=str +i + " ";
return str;
}
function getid(str)
{
s=str.slice(0,str.length-3);
return s;
}
function del(obj)
{
while(obj.hasChildNodes())
{
del(obj.childNodes[0]);
}
obj.parentNode.removeChild(obj);
}
function getlen(obj)
{
j=0;
for(k in obj)
{
j=j+1;
}
return j;
}
function obj_more(e)
{
var s=(e.target)?e.target:e.srcElement;
id=getid(s.id);
s=document.getElementById(id);
sa=document.getElementById(id+"an1");
if(ready[s.id]==false)
{
addbranch(s,current[s.id],false,false);
ready[s.id]=true;
}
else
{
toggle(sa);
}
}
function init(parent,obj,isid,parid)
{
if(parent==null)parent=document.body;
if(isid)obj=document.getElementById(obj);
if(parid)parent=document.getElementById(parent);
div0=document.createElement("div");
div0.style.border="dashed 1px #000";
div0.style.padding="3px";
div0.style.margin=" 3px";
ol0=document.createElement("ol");
ol0.id="rootol";
li0=document.createElement("li");
li0.id="root";
ol0.appendChild(li0);
div0.appendChild(ol0);
parent.appendChild(div0);
addbranch("root",obj,true,false)
}
function addbranch(parent,obj,parent_isid,isid)
{
if(isid)obj=document.getElementById(obj);
if(parent_isid)parent=document.getElementById(parent);
ol0=document.createElement("ol");
ol0.style.border="thin solid";
for(i in obj)
{
li1=document.createElement("li");
a1=document.createElement("a");
a1.className="doc";
proptext=document.createTextNode(i);
try
{
proptext1=document.createTextNode(obj[i]);
}
catch(ex0)
{
proptext1=document.createTextNode("error");
}
li1.appendChild(a1);
a2=document.createElement("a");
table1=document.createElement("table");
tr1=document.createElement("tr");
td2=document.createElement("td");
td2.appendChild(proptext);
td2.style.border="thin solid";
td3=document.createElement("td");
td3.appendChild(proptext1);
td3.style.border="thin solid";
try
{
if (getlen(obj[i])>0)
{
a1.className="folder";
li1.id=num;
ol0.id=num+"ol";
try
{
current[num]=obj[i];
ready[num]=false;
td3.id=num+"td3";
td2.id=num+"td2";
a1.id=num+"an1";
num=num+1;
}
catch(ex1)
{
};
var success=(a2.addEventListener)?a2.addEventListener("click",obj_more,false):a2.attachEvent("onclick",obj_more);
}
}
catch(ex2)
{
alert(ex2);
}
tr1.appendChild(td2);
tr1.appendChild(td3);
table1.appendChild(tr1);
a2.appendChild(table1);
li1.appendChild(a2);
ol0.appendChild(li1);
}
parent.appendChild(ol0);
}
</script>
<script type="text/javascript">
</script>
<title>Javascript Tree</title>
<link href="mainstyle.css" rel="stylesheet" type="text/css">
<meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1">
</head>
<body onLoad="init(null,window,false,false);">
<h2>BETA2</h2>
<script>
</script>
</body>
</html>
<A href="http://www.wbex.ru/Code/JavaScriptDownload/jstree.zip">jstree.zip( 18 k)</a>
