97 lines
2.2 KiB
CSS
97 lines
2.2 KiB
CSS
/* Tree */
|
|
|
|
.tundra .dijitTreeNode {
|
|
background-image : url('images/i.gif');
|
|
background-repeat : repeat-y;
|
|
zoom: 1; /* force layout on IE (TODO: may not be needed anymore) */
|
|
}
|
|
|
|
/* left vertical line (grid) for all nodes */
|
|
.tundra .dijitTreeIsLast {
|
|
background: url('images/i_half.gif') no-repeat;
|
|
}
|
|
|
|
.tundra .dijitTreeIsRoot {
|
|
margin-left: 0;
|
|
background-image: none;
|
|
}
|
|
|
|
.tundra .dijitTreeExpando {
|
|
width: 18px;
|
|
height: 18px;
|
|
}
|
|
|
|
.tundra .dijitTreeRow {
|
|
/* so insert line shows up on IE when dropping after a target element */
|
|
padding-bottom: 2px;
|
|
}
|
|
|
|
.tundra .dijitTreeContent {
|
|
min-height: 18px;
|
|
min-width: 18px;
|
|
}
|
|
|
|
.tundra .dijitTreeRowSelected .dijitTreeLabel {
|
|
background:#e2ebfe;
|
|
}
|
|
.tundra .dijitTreeRowHover {
|
|
/* using a transparent png so that we can still see grid lines, which are (unfortunately) behind the dijitRowNode that we are hovering over */
|
|
background-image: url(images/treeHover.png);
|
|
background-repeat: repeat;
|
|
background-color: transparent !important;
|
|
}
|
|
|
|
.tundra .dijitTreeExpandoOpened {
|
|
background-image: url('images/treeExpand_minus.gif');
|
|
}
|
|
|
|
.tundra .dijitTreeExpandoClosed {
|
|
background-image: url('images/treeExpand_plus.gif');
|
|
}
|
|
|
|
.tundra .dijitTreeExpandoLeaf {
|
|
background-image: url('images/treeExpand_leaf.gif');
|
|
}
|
|
|
|
.tundra .dijitTreeExpandoLoading {
|
|
background-image: url('images/treeExpand_loading.gif');
|
|
}
|
|
|
|
.tundra .dijitTreeIcon {
|
|
width: 16px;
|
|
height: 16px;
|
|
}
|
|
|
|
.tundra .dijitFolderOpened {
|
|
background: url('images/folderOpened.gif') no-repeat;
|
|
}
|
|
|
|
.tundra .dijitFolderClosed {
|
|
background: url('images/folderClosed.gif') no-repeat;
|
|
}
|
|
|
|
.tundra .dijitLeaf {
|
|
background: url('images/leaf.gif') no-repeat;
|
|
}
|
|
|
|
/* Drag and Drop on TreeNodes
|
|
* Put insert line on dijitTreeContent node so it's aligned w/
|
|
* (ie, indented equally with) target element, even
|
|
* though dijitTreeRowNode is the actual "drag object"
|
|
*/
|
|
.tundra .dijitTreeNode .dojoDndItemBefore,
|
|
.tundra .dijitTreeNode .dojoDndItemAfter {
|
|
border-bottom: none;
|
|
border-top: none;
|
|
}
|
|
|
|
.tundra .dijitTreeNode .dojoDndItemBefore .dijitTreeContent {
|
|
/* copied from Common.css */
|
|
border-top: 2px solid #369;
|
|
}
|
|
|
|
.tundra .dijitTreeNode .dojoDndItemAfter .dijitTreeContent {
|
|
/* copied from Common.css */
|
|
border-bottom: 2px solid #369;
|
|
}
|