Newer
Older
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
/*******************************************************************************
* Sample for a Dynatree custom stylesheet.
* This is expected to be included after the standard ui.dynatree.css, thus
* overridung the defaults.
*/
.dynatree-has-children span.dynatree-icon
{
background-position: 0 0;
background-image: url("doc_with_children.gif");
}
.dynatree-ico-cf span.dynatree-icon /* Collapsed Folder */
{
background-image: url("folder_docs.gif");
}
.dynatree-ico-ef span.dynatree-icon /* Expanded Folder */
{
background-image: url("folder_images.gif");
}
/*******************************************************************************
* Node titles
*/
span.dynatree-has-children a
{
font-style: oblique;
}
span.dynatree-selected a
{
color: green;
font-style: italic;
}
span.dynatree-active a,
span.dynatree-active a:hover
{
border: 1px solid maroon;
background-color: #FAD8F0 !important; /* reddish */
}
/*******************************************************************************
* Custom node classes (sample)
*/
span.custom1 a
{
background-color: #ffffbb;
color: maroon;
}
span.custom1 span.dynatree-icon
{
background-position: 0 0;
background-image: url("customDoc2.gif");
}
span.custom2 a
{
font-weight: bold;
background-color: silver;
color: navy;
}
span.custom2 span.dynatree-icon
{
background-position: 0 0;
background-image: url("folder_page.gif");
}