|
1 .treeview, .treeview ul { |
|
2 padding: 0; |
|
3 margin: 0; |
|
4 list-style: none; |
|
5 } |
|
6 |
|
7 .treeview ul { |
|
8 background-color: white; |
|
9 margin-top: 4px; |
|
10 } |
|
11 |
|
12 .treeview .hitarea { |
|
13 background: url(images/treeview-default.gif) -64px -25px no-repeat; |
|
14 height: 16px; |
|
15 width: 16px; |
|
16 margin-left: -16px; |
|
17 float: left; |
|
18 cursor: pointer; |
|
19 } |
|
20 /* fix for IE6 */ |
|
21 * html .hitarea { |
|
22 display: inline; |
|
23 float:none; |
|
24 } |
|
25 |
|
26 .treeview li { |
|
27 margin: 0; |
|
28 padding: 3px 0pt 3px 16px; |
|
29 } |
|
30 |
|
31 .treeview a.selected { |
|
32 background-color: #eee; |
|
33 } |
|
34 |
|
35 #treecontrol { margin: 1em 0; display: none; } |
|
36 |
|
37 .treeview .hover { color: red; cursor: pointer; } |
|
38 |
|
39 .treeview li { background: url(images/treeview-default-line.gif) 0 0 no-repeat; } |
|
40 .treeview li.collapsable, .treeview li.expandable { background-position: 0 -176px; } |
|
41 |
|
42 .treeview .expandable-hitarea { background-position: -80px -3px; } |
|
43 |
|
44 .treeview li.last { background-position: 0 -1766px } |
|
45 .treeview li.lastCollapsable, .treeview li.lastExpandable { background-image: url(images/treeview-default.gif); } |
|
46 .treeview li.lastCollapsable { background-position: 0 -111px } |
|
47 .treeview li.lastExpandable { background-position: -32px -67px } |
|
48 |
|
49 .treeview div.lastCollapsable-hitarea, .treeview div.lastExpandable-hitarea { background-position: 0; } |
|
50 |
|
51 .treeview-red li { background-image: url(images/treeview-red-line.gif); } |
|
52 .treeview-red .hitarea, .treeview-red li.lastCollapsable, .treeview-red li.lastExpandable { background-image: url(images/treeview-red.gif); } |
|
53 |
|
54 .treeview-black li { background-image: url(images/treeview-black-line.gif); } |
|
55 .treeview-black .hitarea, .treeview-black li.lastCollapsable, .treeview-black li.lastExpandable { background-image: url(images/treeview-black.gif); } |
|
56 |
|
57 .treeview-gray li { background-image: url(images/treeview-gray-line.gif); } |
|
58 .treeview-gray .hitarea, .treeview-gray li.lastCollapsable, .treeview-gray li.lastExpandable { background-image: url(images/treeview-gray.gif); } |
|
59 |
|
60 .treeview-famfamfam li { background-image: url(images/treeview-famfamfam-line.gif); } |
|
61 .treeview-famfamfam .hitarea, .treeview-famfamfam li.lastCollapsable, .treeview-famfamfam li.lastExpandable { background-image: url(images/treeview-famfamfam.gif); } |
|
62 |
|
63 .treeview .placeholder { |
|
64 background: url(images/ajax-loader.gif) 0 0 no-repeat; |
|
65 height: 16px; |
|
66 width: 16px; |
|
67 display: block; |
|
68 } |
|
69 |
|
70 .filetree li { padding: 3px 0 2px 16px; } |
|
71 .filetree span.folder, .filetree span.file { padding: 1px 0 1px 16px; display: block; } |
|
72 .filetree span.folder { background: url(images/folder.gif) 0 0 no-repeat; } |
|
73 .filetree li.expandable span.folder { background: url(images/folder-closed.gif) 0 0 no-repeat; } |
|
74 .filetree span.file { background: url(images/file.gif) 0 0 no-repeat; } |