1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
|
.treeDiv
{
font-family: verdana,arial,sans-serif;
font-size: 70.5%;
font-weight: normal;
background-color: #F1F1F1; /* main background color */
color: #000000; /* text color */
overflow: auto;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 2px; // 8px is better left padding but obscures the scroll bar in Chrome */
}
.treeNode
{
white-space: nowrap;
text-indent: -14px;
margin: 5px 2px 5px 14px;
}
A.treeUnselected:hover, A.treeSelected:hover
{
border-top: 1px solid #999999;
border-right: 1px solid #999999;
border-left: 1px solid #999999;
border-bottom: 1px solid #999999;
background-color: #CCCCCC; /* Rollover color */
color: #000000; /* Rollover text color */
text-decoration: none;
}
A.treeUnselected, A.treeSelected
{
color: Black;
padding: 1px 3px 1px 3px;
text-decoration: none;
}
A.treeSelected
{
background-color: #FFFFFF; /* Node selection color */
border-top: 1px solid #999999;
border-right: 1px solid #999999;
border-left: 1px solid #999999;
border-bottom: 1px solid #999999;
color: #000000; /* selected text color */
}
A.treeUnselected
{
border-top: solid 1px transparent; /* Non Select color - Should match background color */
border-right: solid 1px transparent;
border-left: solid 1px transparent;
border-bottom: solid 1px transparent;
background-color: transparent;
color: #000000; /* text color */
}
.treeSubnodes
{
display: block;
}
.treeSubnodesHidden
{
display: none;
}
.treeNode IMG.treeNoLinkImage, .treeNode IMG.treeLinkImage
{
width: 9px; /* Icon size in pixels*/
height: 9px;
margin-left: 5px;
margin-right: 0px;
}
.treeNode IMG.treeLinkImage
{
cursor: pointer;
}
|
