Source

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

Full commit
Shlomi Fish 44c5305 








Shlomi Fish 432bcf8 
Shlomi Fish 44c5305 





Shlomi Fish 432bcf8 

Shlomi Fish 44c5305 





Shlomi Fish 04462b3 

Shlomi Fish 44c5305 
Shlomi Fish 1da3a52 
Shlomi Fish fac5e73 
Shlomi Fish 4bc7892 
Shlomi Fish 44c5305 
Shlomi Fish 9ec120c 
Shlomi Fish 44c5305 


Shlomi Fish 9ec120c 
Shlomi Fish 44c5305 
Shlomi Fish 9ec120c 








Shlomi Fish 1da3a52 
Shlomi Fish fac5e73 
Shlomi Fish 44c5305 



























































.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
            background-image: url(js/treeview/images/treeview-default.gif)
            background-position: 0 -111px
        &.lastExpandable
            background-image: url(js/treeview/images/treeview-default.gif)
            background-position: -32px -67px
        &.jqtree-closed
            background-position: -80px -3px
            &:last-child
                background-position: -32px -67px
                background-image: url(js/treeview/images/treeview-default.gif)
                > div > a.jqtree-toggler
                    background-position: 0
            > .jqtree_common
                display: none
    //.expandable-hitarea
    //     background-position: -80px -3px

/* 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