Struts example source code file (TreeV3.css)

This example Struts source code file (TreeV3.css) is included in the DevDaily.com "Java Source Code Warehouse" project. The intent of this project is to help you "Learn Java by Example" ^TM.

Java - Struts tags/keywords

highlight, highlighttext, richtexteditable, richtexteditable, treecontent, treecontent, treeexpand, treeexpand, treeexpandleaf, treeexpandloading, treeislast, treeisroot, treenode, treenodeemphasized

The Struts TreeV3.css source code

/* indent for all tree children excepts root */
.TreeNode {
    background-image : url('../templates/images/TreeV3/i.gif');
    background-position : top left;
    background-repeat : repeat-y;
    margin-left: 19px;
    zoom: 1;
}
.TreeIsRoot {
    margin-left: 0;
}
 
/* left vertical line (grid) for all nodes */
.TreeIsLast {
    background-image: url('../templates/images/TreeV3/i_half.gif');
    background-repeat : no-repeat;
}
 
.TreeExpandOpen .TreeExpand {
    background-image: url('../templates/images/TreeV3/expand_minus.gif');
}
 
/* closed is higher priority than open */
.TreeExpandClosed .TreeExpand {
    background-image: url('../templates/images/TreeV3/expand_plus.gif');
}
 
/* highest priority */
.TreeExpandLeaf .TreeExpand {
    background-image: url('../templates/images/TreeV3/expand_leaf.gif');
}

/* 
should always override any expand setting, but do not touch children.
if I add .TreeExpand .TreeExpandLoading same time and put it to top/bottom, then it will take precedence over +- for all descendants or always fail
so I have to remove TreeExpand and process this one specifically
*/

.TreeExpandLoading   {
    width: 18px;
    height: 18px;
    float: left;
    display: inline;
    background-repeat : no-repeat;
    background-image: url('../templates/images/TreeV3/expand_loading.gif');
}
 
.TreeContent {
    min-height: 18px;
    min-width: 18px;
    margin-left:18px;
    cursor: default;
    /* can't make inline - multiline bugs */
}

.TreeIEContent {
	height: 18px;
}
 
.TreeExpand {
    width: 18px;
    height: 18px;
    float: left;
    display: inline;
    background-repeat : no-repeat;
}
 
/* same style as IE selection */
.TreeNodeEmphasized {
    background-color: Highlight;
    color: HighlightText;
}
 
.TreeContent .RichTextEditable, .TreeContent .RichTextEditable iframe {
      background-color: #ffc;
      color: black;
}

/* don't use :focus due to opera's lack of support on div's */
.TreeLabelFocused {
      outline: 1px invert dotted;
}