shlomi-fish-homepage / lib / sass / treeview.sass

.jqtree-tree
    padding: 0
    margin: 0
    list-style: none
    ul
        padding: 0
        margin: 0
        list-style: none
        margin-top: 4px
    .jqtree-toggler
        background: url(js/treeview/images/treeview-default.gif) -64px -25px no-repeat
        height: 16px
        width: 16px
        margin-left: -16px
        float: left
        cursor: pointer
        color: transparent

    a.selected
        background-color: #eee
    .hover
        color: red
        cursor: pointer
    li
        margin: 0
        padding: 3px 0pt 3px 16px
        background: url(js/treeview/images/treeview-default-line.gif) 0 0 no-repeat
        &.collapsable, &.expandable
            background-position: 0 -176px
        &:last-child
            background-position: 0 -1766px
        &.lastCollapsable, &.lastExpandable
            background-image: url(js/treeview/images/treeview-default.gif)
        &.lastCollapsable
            background-position: 0 -111px
        &.lastExpandable
            background-position: -32px -67px
    .expandable-hitarea
        background-position: -80px -3px
    div
        &.lastCollapsable-hitarea, &.lastExpandable-hitarea
            background-position: 0

/* fix for IE6

* html .hitarea
    display: inline
    float: none

#treecontrol
    margin: 1em 0
    display: none


.treeview-red
    li
        background-image: url(js/treeview/images/treeview-red-line.gif)
    .hitarea
        background-image: url(js/treeview/images/treeview-red.gif)
    li
        &.lastCollapsable, &.lastExpandable
            background-image: url(js/treeview/images/treeview-red.gif)

.treeview-black
    li
        background-image: url(js/treeview/images/treeview-black-line.gif)
    .hitarea
        background-image: url(js/treeview/images/treeview-black.gif)
    li
        &.lastCollapsable, &.lastExpandable
            background-image: url(js/treeview/images/treeview-black.gif)

.treeview-gray
    li
        background-image: url(js/treeview/images/treeview-gray-line.gif)
    .hitarea
        background-image: url(js/treeview/images/treeview-gray.gif)
    li
        &.lastCollapsable, &.lastExpandable
            background-image: url(js/treeview/images/treeview-gray.gif)

.treeview-famfamfam
    li
        background-image: url(js/treeview/images/treeview-famfamfam-line.gif)
    .hitarea
        background-image: url(js/treeview/images/treeview-famfamfam.gif)
    li
        &.lastCollapsable, &.lastExpandable
            background-image: url(js/treeview/images/treeview-famfamfam.gif)

.filetree
    li
        padding: 3px 0 2px 16px
    span
        &.folder, &.file
            padding: 1px 0 1px 16px
            display: block
        &.folder
            background: url(js/treeview/images/folder.gif) 0 0 no-repeat
    li.expandable span.folder
        background: url(js/treeview/images/folder-closed.gif) 0 0 no-repeat
    span.file
        background: url(js/treeview/images/file.gif) 0 0 no-repeat
Tip: Filter by directory path e.g. /media app.js to search for public/media/app.js.
Tip: Use camelCasing e.g. ProjME to search for ProjectModifiedEvent.java.
Tip: Filter by extension type e.g. /repo .js to search for all .js files in the /repo directory.
Tip: Separate your search with spaces e.g. /ssh pom.xml to search for src/ssh/pom.xml.
Tip: Use ↑ and ↓ arrow keys to navigate and return to view the file.
Tip: You can also navigate files with Ctrl+j (next) and Ctrl+k (previous) and view the file with Ctrl+o.
Tip: You can also navigate files with Alt+j (next) and Alt+k (previous) and view the file with Alt+o.