Spade

Mini Shell

Directory:~$ /home/lmsyaran/www/media/com_easyblog/scripts_/media/
Upload File

[Home] [System Details] [Kill Me]
Current File:~$ /home/lmsyaran/www/media/com_easyblog/scripts_/media/browser.treeItem.less

(~"@{MediaManager}") {

    .browserTreeItemField {
        position: relative;
        overflow: auto;
        float: left;
        background: #f5f5f5;
        width: 180px;
        height: 100%;
        border-right: 1px solid #ccc;
    }

    .browserTreeItemGroup {

        .clearfix();

        border-bottom: 1px solid #F5F5F5;

        &.expanded {

            .browserTreeItem {

                &.type-folder {
                    display: block;
                }

                &.type-place {

                    i {
                        .icon-media(14, 4);
                    }

                    &.active i {

                        .icon-media(14, 3);
                    }
                }
            }
        }
    }

    .browserTreeItem {

        position: relative;
        cursor: pointer;
        padding: 3px 3px 3px 22px;
        text-align: left;
        height: 16px;
        line-height: 16px;
        white-space: nowrap;

        i {
            width: 16px;
            height: 16px;
            position: absolute;
            top: 3px;
            left: 3px;
        }

        .treeItemTitle {
            .unselectable();
        }

        &.active {
            .activeItemColorScheme();
        }

        &.loading i {
            background: url(loader.gif) no-repeat center center !important;
        }

        &.type-folder {
            display: none;
            padding-left: 4px + 16px + 4px;
            margin-left: 18px;
            margin-right: 4px;
            overflow: hidden;
            padding-right: 4px;
            .text-overflow();
            .rounded(3px);
            min-width: 32px;

            i {
                .icon-media(10, 3);
                left: 4px;
            }
        }

        &.type-place {

            i {
                .icon-media(14, 2);
            }

            &.active i {

                .icon-media(14, 1);
            }
        }
    }
}