| 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; } |
|---|
