.tree, .tree ol { list-style: none; list-style-image: none; margin: 0; padding: 0; } .tree h3 { margin: 0; padding: 1em 0 0; } .tree h3 > a { font-weight: bold; } .tree .backToTop { font-size: .75em; position: absolute; right: 0; top: 1.2em; z-index: 2; } .tree li { position: relative; } .tree > li + li { margin-top: 1em; } .tree ol > li { padding: .25em 0 0 1em; } .tree.collapsible { padding-left: 25px; } .tree.collapsible .treeExpandCollapse { display: block; width: 16px; height: 16px; left: -25px; overflow: hidden; position: absolute; text-indent: -300%; top: 0.3em; } .tree.collapsible h3+ .treeExpandCollapse, .tree.collapsible:first-child > .treeExpandCollapse { top: 1em; } .tree.collapsible .treeExpandCollapse.collapsed { background: url(../../../App_Themes/CP/images/AdminExpandCollapseControlCollapsed.png) no-repeat center center; } .tree.collapsible .treeExpandCollapse.expanded { background: url(../../../App_Themes/CP/images/AdminExpandCollapseControlExpanded.png) no-repeat center center; } /* IE8 screws up these generated arrows, so we limit their display to only IE9 and above (which support border-radius). */ .borderradius .tree.collapsible .treeExpandCollapse { background: none; } .borderradius .tree.collapsible .treeExpandCollapse:before { content: ""; left: 50%; opacity: .75; position: absolute; top: 50%; } .borderradius .tree.collapsible .treeExpandCollapse.collapsed:before { border-top: .5em solid transparent; border-bottom: .5em solid transparent; border-left-style: solid; border-left-width: .6em; margin-left: -0.2em; margin-top: -0.5em; } .borderradius .tree.collapsible .treeExpandCollapse.expanded:before { border-left: .5em solid transparent; border-right: .5em solid transparent; border-top-style: solid; border-top-width: .6em; margin-left: -0.4em; margin-top: -0.2em; } .tree.checkboxes ol { position: relative; left: -19px; } .tree.checkboxes input[type="checkbox"], .tree.checkboxes abbr { margin: 0; padding: 0; position: absolute; top: .55em; } .tree.checkboxes abbr { border: none; color: inherit; font-weight: normal; margin-left: 1px; text-decoration: none; top: -0.75em; } .tree.checkboxes > li > input[type="checkbox"], .tree.checkboxes > li > h3 > input[type="checkbox"], .tree.checkboxes li:first-child > input[type="checkbox"] { top: 1.25em; } .generatedcontent .tree ol { margin-left: 5px; padding-bottom: .65em; } .generatedcontent .tree ol > li:first-child { padding-top: .9em; } .generatedcontent .tree ol > li:before { border-top-style: solid; border-top-width: 2px; content: ""; left: 2px; opacity: .5; position: absolute; top: .9em; width: .5em; } .generatedcontent .tree ol > li:first-child:before { top: 1.55em; } .generatedcontent .tree ol > li:after { border-left-style: solid; border-left-width: 2px; bottom: -0.25em; content: ""; left: 0; opacity: .5; position: absolute; top: .25em; width: 0; } .generatedcontent .tree ol > li:last-child:after { bottom: auto; height: .8em; } .generatedcontent .tree ol > li:first-child:last-child:after { height: 1.5em; } .generatedcontent .tree > li > ol > li:first-child:after { top: 1.55em; } .generatedcontent .tree > li > h3 + ol > li:first-child:after, .generatedcontent .tree > li > h3 + .treeExpandCollapse + ol > li:first-child:after { top: .25em; } /* Removing generated bars for IE8 and below (border-radius is supported in IE9+) */ .no-borderradius .tree ol > li:before, .no-borderradius .tree ol > li:after { display: none; } .titleExpandCollapse { cursor: pointer; }