// Include the variables. @import “../../../partials/utility/variables/*”;
/* Special Tree Navigation —————————— */ /* CSS Tree menu styles */ ol.tree {
padding: 0 0 0 0px; width: 250px; height: 100%; margin-left: 2px !important;
}
ol.tree img { border: none; }
ol.tree p {
margin: 0 0 1em 0;
}
.tree li {
position: relative; margin-left: -15px; list-style: none;
}
.tree li.tree-nav-is-leaf, .tree li.file {
margin-left: -1px !important;
} .tree-nav-is-leaf a, .tree li.file a {
/*background: url(images/document.png) 0 0 no-repeat;*/ color: #333; /*padding-left: 21px;*/ text-decoration: none; display: block;
}
.tree-nav-is-leaf:selected, .tree li.file a:selected {
/*background: url(images/document.png) 0 0 no-repeat;*/ background-color: #edd;
}
/*li.file a[href *= '.pdf'] { background: url(images/document.png) 0 0 no-repeat; } li.file a[href *= '.html'] { background: url(images/document.png) 0 0 no-repeat; } li.file a[href $= '.css'] { background: url(images/document.png) 0 0 no-repeat; } li.file a[href $= '.js'] { background: url(images/document.png) 0 0 no-repeat; }*/
li input { position: absolute; left: -20px; margin-left: 0; opacity: 0; z-index: 2; cursor: pointer; height: 1em; width: 1em; top: 7px; /*MOVES THE HOT SPOT OF THE CHECKMARK*/
} .tree .tree-nav-is-leaf:hover{
background: #03F;
} .tree li input + ol {
background: url(../images/tree-images/toggle-small-expand.png) 0px 0 no-repeat; margin: -13px 0 0 -4px; /* 15px */ height: 1em;
}
.tree li input + ol > li { display: none; margin-left: -14px !important; padding-left: 1px; }
.tree li label {
/*background: url(images/folder-horizontal.png) 15px 1px no-repeat;*/ cursor: pointer; display: block; text-indent: 1em; /* padding-left: 15px; */ padding-top: 5px; width: 180px;
}
.tree li input:checked + ol {
background: url(../images/tree-images/toggle-small.png) 0px 5px no-repeat; margin: -1.25em 0 0 -4px; /* 20px */ padding: 1.563em 0 0 18px; height: auto;
}
.tree li input:checked + ol > li {
display: block; margin: 0 0 0.125em; /* 2px */
} .tree li input:checked + ol > li:last-child {
margin: 0 0 0.063em; /* 1px */
}