165 lines
3.6 KiB
CSS
165 lines
3.6 KiB
CSS
.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;
|
|
}
|