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; cursor: pointer;} |
---|
73 | .filetree span.folder:hover {color: red; cursor: pointer;} |
---|
74 | .filetree span.folder.selected {font-weight: bold; cursor: pointer; } |
---|
75 | .filetree li.expandable span.folder { background: url(images/folder-closed.gif) 0 0 no-repeat; } |
---|
76 | .filetree span.file { background: url(images/file.gif) 0 0 no-repeat; } |
---|