compass_ae_sencha 1.0.2 → 1.0.3

data/public/stylesheets/extjs/resources/themes/stylesheets/neptune/default/widgets/_tabbar.scss

@@ -1,165 +0,0 @@
-/**
-  * @class Ext.tab.Bar
-  */
-@mixin extjs-tabbar {
-    .#{$prefix}tab-bar {
-        position: relative;
-        background-color: transparent;
-//        @include background-gradient($tabbar-base-color, $tabbar-background-gradient);
-        font-size: $tab-font-size;
-    }
-
-//    .#{$prefix}nlg .#{$prefix}tab-bar {
-//        background-image: theme-background-image($theme-name, 'tab-bar/tab-bar-default-bg.gif');
-//    }
-
-    .#{$prefix}tab-bar-default-plain,
-    .#{$prefix}nlg .#{$prefix}tab-bar-default-plain {
-        background: transparent none;
-    }
-
-    
-    .#{$prefix}tab-bar-body {
-//        border-style: solid;
-//        border-color: $tabbar-border-color;
-
-        position: relative;
-        z-index: 2;
-        // @tag iezoomhack
-    }
-
-    .tab-bar-strip {
-        display: none !important;
-    }
-
-    .x-tab-bar-body-default-horizontal {
-//        padding-top: 5px;
-    }
-
-    /* Top Tabs */
-    @include tab-bar-top(
-        "tab-bar-top",
-        "tab-bar-body",
-        "tab-bar-strip",
-        $tabbar-top-body-padding,
-        $tabbar-top-body-border-width,
-        $tabbar-top-strip-border-width,
-        $tabbar-strip-height
-    );
-    @include tab-bar-top(
-        "tab-bar-top",
-        "tab-bar-body-default-plain",
-        "tab-bar-strip-default-plain",
-        $tabbar-top-plain-body-padding,
-        $tabbar-top-plain-body-border-width,
-        $tabbar-top-strip-border-width,
-        $tabbar-strip-height
-    );
-
-    /* Bottom Tabs */
-    @include tab-bar-bottom(
-        "tab-bar-bottom",
-        "tab-bar-body",
-        "tab-bar-strip",
-        $tabbar-bottom-body-padding,
-        $tabbar-bottom-body-border-width,
-        $tabbar-bottom-strip-border-width,
-        $tabbar-strip-height
-    );
-    
-    @include tab-bar-bottom(
-        "tab-bar-bottom",
-        "tab-bar-body-default-plain",
-        "tab-bar-strip-default-plain",
-        $tabbar-bottom-plain-body-padding,
-        $tabbar-bottom-plain-body-border-width,
-        $tabbar-bottom-strip-border-width,
-        $tabbar-strip-height
-    );
-
-
-    // Tab strips not in Neptune
-    // .#{$prefix}tab-bar-strip-default,
-    // .#{$prefix}tab-bar-strip-default-plain {
-    //     font-size: 0;
-    //     line-height: 0;
-    //     position: absolute;
-    //     z-index: 1;
-    //     border-style: solid;
-    //     overflow: hidden;
-    //     border-color: $tabbar-strip-border-color;
-    //     background-color: $tabbar-strip-background-color;
-    //     zoom: 1;
-    // }
-
-
-    .#{$prefix}tabpanel-child {
-//        padding: 0;
-    }
-}
-
-@mixin tab-bar-top($toolbarCls, $bodyCls, $stripCls, $body-padding, $body-border-width, $strip-border-width, $strip-height) {
-    .#{$prefix}#{$toolbarCls} {
-        .#{$prefix}#{$bodyCls} {
-//                height: $tab-height;
-//                border-width: $body-border-width;
-//                padding: $body-padding;
-        }
-
-        // .#{$prefix}#{$stripCls} {
-        //     /*position strip from top rather than bottom to avoid off-by-one error in IE6*/
-        //     top: $tab-height + top($body-border-width) + top($body-padding);
-        //     border-width: $strip-border-width;
-        //     height: $strip-height - vertical($strip-border-width);
-        // }
-    }
-    .#{$prefix}border-box {
-        .#{$prefix}#{$toolbarCls} {
-            .#{$prefix}#{$bodyCls} {
-//                    height: $tab-height + vertical($body-border-width) + vertical($body-padding);
-            }
-
-            // .#{$prefix}#{$stripCls} {
-            //     height: $strip-height;
-            // }
-        }
-    }
-}
-
-@mixin tab-bar-bottom($toolbarCls, $bodyCls, $stripCls, $body-padding, $body-border-width, $strip-border-width, $strip-height) {
-    .#{$prefix}#{$toolbarCls} {
-        .#{$prefix}#{$bodyCls} {
-//                height: $tab-height;
-//                border-width: $body-border-width;
-//                padding: $body-padding;
-
-            .#{$prefix}box-inner {
-                position: relative;
-//                    top: 0 - bottom($strip-border-width);
-            }
-
-            .#{$prefix}box-scroller,
-            .#{$prefix}box-scroller-left,
-            .#{$prefix}box-scroller-right {
-//                    height: $tab-height + bottom($body-padding) + bottom($strip-border-width);
-            }
-        }
-
-        // .#{$prefix}#{$stripCls} {
-        //     top: top($body-border-width);
-        //     border-width: $strip-border-width;
-        //     height: $strip-height - vertical($strip-border-width);
-        // }
-    }
-    .#{$prefix}border-box {
-        .#{$prefix}#{$toolbarCls} {
-            .#{$prefix}#{$bodyCls} {
-//                    height: $tab-height + vertical($body-border-width) + vertical($body-padding);
-            }
-
-            .#{$prefix}#{$stripCls} {
-//                    height: $strip-height;
-            }
-        }
-    }
-}

data/public/stylesheets/extjs/resources/themes/stylesheets/neptune/default/widgets/_toolbar.scss

@@ -1,173 +0,0 @@
-@mixin extjs-toolbar {
-    .#{$prefix}toolbar {
-        font-size: $toolbar-font-size;
-
-//        border: 1px solid;
-        overflow: visible; // Yikes...
-        
-        .#{$prefix}box-inner {
-            overflow: visible;
-        }
-        
-        padding: $toolbar-vertical-spacing 0 $toolbar-vertical-spacing $toolbar-horizontal-spacing;
-
-        .#{$prefix}form-item-label{
-            font-size: $toolbar-font-size;
-            line-height: 15px;
-        }
-        
-        .#{$prefix}toolbar-item {
-            margin: 0 $toolbar-horizontal-spacing 0 0;
-        }
-        
-        .#{$prefix}toolbar-text {
-            margin-left: 4px;
-            margin-right: 6px;
-            white-space: nowrap;
-            color: $toolbar-text-color !important;
-            line-height: $toolbar-text-line-height;
-            font-family: $toolbar-text-font-family;
-            font-size: $toolbar-text-font-size;
-            font-weight: $toolbar-text-font-weight;
-        }
-        
-        .#{$prefix}toolbar-separator {
-            display: block;
-            font-size: 1px;
-            overflow: hidden;
-            cursor: default;
-            border: 0;
-        }
-        
-        .#{$prefix}toolbar-separator-horizontal {
-            margin: 0 6px 0 1px;
-
-            height: 24px;
-            width: 0px;
-
-            border-left: 1px solid $toolbar-separator-color;
-            border-right: 1px solid $toolbar-separator-highlight-color;
-        }
-    }
-
-    .#{$prefix}toolbar-docked-top { padding-bottom: 0; }
-    .#{$prefix}toolbar-docked-bottom { padding-top: 0; }
-    .#{$prefix}toolbar-docked-left { padding-right: 0; }
-    .#{$prefix}toolbar-docked-right { padding-left: 0; }
-    
-    @if $include-ie {
-        .#{$prefix}quirks .#{$prefix}ie .#{$prefix}toolbar .#{$prefix}toolbar-separator-horizontal {
-            width: 2px;
-        } 
-    }
-    
-    .#{$prefix}toolbar-footer {
-        background: transparent;
-        border: 0px none;
-        margin-top: 3px;
-        
-        padding: $toolbar-footer-vertical-spacing 0 $toolbar-footer-vertical-spacing $toolbar-footer-horizontal-spacing;
-        
-        .#{$prefix}box-inner {
-            border-width: 0;
-        }
-        
-        .#{$prefix}toolbar-item {
-            margin: 0 $toolbar-footer-horizontal-spacing 0 0;
-        }
-    }
-    
-    .#{$prefix}toolbar-vertical {
-        padding: $toolbar-vertical-spacing $toolbar-horizontal-spacing 0 $toolbar-horizontal-spacing;
-        
-        .#{$prefix}toolbar-item {
-            margin: 0 0 $toolbar-horizontal-spacing 0;
-        }
-        
-        .#{$prefix}toolbar-text {
-            margin-top: 4px;
-            margin-bottom: 6px;
-        }     
-        
-        .#{$prefix}toolbar-separator-vertical {
-            margin: 2px 5px 3px 5px;
-
-            height: 0px;
-            width: 10px;
-            line-height: 0px;
-
-            border-top: 1px solid $toolbar-separator-color;
-            border-bottom: 1px solid $toolbar-separator-highlight-color;
-        }
-    }
-    
-    .#{$prefix}toolbar-scroller {
-        padding-left: 0;
-    }
-
-    .#{$prefix}toolbar-spacer {
-        width: $toolbar-spacer-width;
-    }
-
-    // Background for overflow button inserted by the Menu box overflow handler within a toolbar
-    .#{$prefix}toolbar-more-icon {
-        background-image: theme-background-image($theme-name, 'toolbar/more.gif') !important;
-        background-position: 2px center !important;
-        background-repeat: no-repeat;
-    }
-    
-    @include extjs-toolbar-ui(
-        'default',
-        $background-color: $toolbar-background-color,
-        $background-gradient: $toolbar-background-gradient,
-        $border-color: $toolbar-border-color
-    );
-    
-    //plain toolbars have no border
-    //by default they get no color, so they are transparent. IE6 doesnt support transparent borders
-    //so we must set the width to 0.
-    .#{$prefix}toolbar-plain {
-        border: 0;
-    }
-    
-    .#{$prefix}window .#{$prefix}toolbar {
-        // border-color: $window-body-border-color;
-        // @tag question Now what to do about plain attr?
-    }
-}
-
-/**
- * @mixin ext-toolbar-ui
- * @class Ext.toolbar.Toolbar
- * @param {String} $ui The name of the UI
- * @param {Color} $background-color The background color of the toolbar (defaults to transparent)
- * @param {Gradient/color-stops} $background-gradient The background gradient of the toolbar (defaults to null)
- * @param {Color} $border-color The border color of the toolbar (defaults to null)
- */
-@mixin extjs-toolbar-ui(
-    $ui,
-    
-    $background-color: transparent,
-    $background-gradient: null,
-    
-    $border-color: null
-) {
-    .#{$prefix}toolbar-#{$ui} {
-        @if $border-color != null {
-            border-color: $border-color;
-        }
-        
-        @include background-gradient($background-color, $background-gradient);
-    }
-    
-    @if not $supports-gradients or $compile-all {
-        @if $background-gradient != null {
-            .#{$prefix}nlg {
-                .#{$prefix}toolbar-#{$ui} {
-                    background-image: theme-background-image($theme-name, 'toolbar/toolbar-#{$ui}-bg.gif') !important;
-                    background-repeat: repeat-x;
-                }
-            }
-        }
-    }
-}

data/public/stylesheets/extjs/resources/themes/stylesheets/neptune/default/widgets/_tree.scss

@@ -1,336 +0,0 @@
-@mixin extjs-tree {
-
-    // Declare some 'constants' for the image sprites
-    $PLUS_NO_LINES: -0 * $tree-elbow-width;
-    $MINUS_NO_LINES: -1 * $tree-elbow-width;
-    $RIGHT_ARROW_NO_LINES: -2 * $tree-elbow-width;
-    $DOWN_ARROW_NO_LINES: -3 * $tree-elbow-width;
-    $PLUS_WITH_LINES: -4 * $tree-elbow-width;
-    $PLUS_WITH_LINES_LAST_CHILD: -5 * $tree-elbow-width;
-    $MINUS_WITH_LINES: -6 * $tree-elbow-width;
-    $MINUS_WITH_LINES_LAST_CHILD: -7 * $tree-elbow-width;
-    $RIGHT_ARROW_WITH_LINES: -8 * $tree-elbow-width;
-    $RIGHT_ARROW_WITH_LINES_LAST_CHILD: -9 * $tree-elbow-width;
-    $DOWN_ARROW_WITH_LINES: -10 * $tree-elbow-width;
-    $DOWN_ARROW_WITH_LINES_LAST_CHILD: -11 * $tree-elbow-width;
-    $CLOSED_FOLDER_NO_LINES: -12 * $tree-elbow-width;
-    $CLOSED_FOLDER_WITH_LINES: -13 * $tree-elbow-width;
-    $OPEN_FOLDER_NO_LINES: -15 * $tree-elbow-width;
-    $OPEN_FOLDER_WITH_LINES: -16 * $tree-elbow-width;
-    $LEAF_NO_LINES: -18 * $tree-elbow-width;
-    $LEAF_WITH_LINES: -19 * $tree-elbow-width;
-
-    // Tree tables must assume either full width of the View element, or, when necessary, must overflow
-    // They must not shrink wrap the width and only be as wide as their widest node's content.
-    .#{$prefix}autowidth-table table.#{$prefix}grid-table {
-        table-layout: auto;
-        width: auto !important;
-    }
-
-    .#{$prefix}tree-elbow-plus,
-    .#{$prefix}tree-elbow-minus,
-    .#{$prefix}tree-elbow-end-plus,
-    .#{$prefix}tree-elbow-end-minus{
-        cursor: pointer;
-    }
-
-    .#{$prefix}tree-icon {
-        margin-right: 4px;
-    }
-    
-    .#{$prefix}tree-elbow,
-    .#{$prefix}tree-elbow-line,
-    .#{$prefix}tree-elbow-end,
-    .#{$prefix}tree-elbow-plus,
-    .#{$prefix}tree-elbow-minus,
-    .#{$prefix}tree-elbow-end-plus,
-    .#{$prefix}tree-elbow-end-minus,
-    .#{$prefix}tree-icon-end,
-    .#{$prefix}tree-icon-end-plus,
-    .#{$prefix}tree-icon-leaf,
-    .#{$prefix}tree-elbow-empty,
-    .#{$prefix}tree-icon-parent {
-        height: $tree-elbow-height;
-        width: $tree-elbow-width;
-    }
-
-    .#{$prefix}tree-lines .#{$prefix}tree-elbow,
-    .#{$prefix}tree-lines .#{$prefix}tree-elbow-line,
-    .#{$prefix}tree-lines .#{$prefix}tree-elbow-end,
-    .#{$prefix}tree-elbow-plus,
-    .#{$prefix}tree-elbow-minus,
-    .#{$prefix}tree-elbow-end-plus,
-    .#{$prefix}tree-elbow-end-minus,
-    .#{$prefix}tree-icon-end,
-    .#{$prefix}tree-icon-end-plus,
-    .#{$prefix}tree-icon-leaf,
-    .#{$prefix}tree-icon-parent {
-        background-image: theme-background-image($theme-name, 'tree/elbows.png');
-    }
-
-    //+/-, no lines
-    .#{$prefix}tree-elbow-plus,
-    .#{$prefix}tree-elbow-end-plus {
-        background-image: theme-background-image($theme-name, 'tree/icons-gray.png');
-        background-position: $PLUS_NO_LINES 0;
-    }
-
-    .#{$prefix}grid-tree-node-expanded .#{$prefix}tree-elbow-plus,
-    .#{$prefix}grid-tree-node-expanded .#{$prefix}tree-elbow-end-plus {
-        background-image: theme-background-image($theme-name, 'tree/icons-gray.png');
-        background-position: $MINUS_NO_LINES 0;
-    }
-
-    //+/-, lines
-    .#{$prefix}tree-lines {
-        .#{$prefix}tree-elbow-plus {
-            background-image: theme-background-image($theme-name, 'tree/icons-gray.png');
-            background-position: $PLUS_WITH_LINES 0;
-        }
-
-        .#{$prefix}tree-elbow-end-plus {
-            background-image: theme-background-image($theme-name, 'tree/icons-gray.png');
-            background-position: $PLUS_WITH_LINES_LAST_CHILD 0;
-        }
-
-        .#{$prefix}grid-tree-node-expanded .#{$prefix}tree-elbow-plus {
-            background-image: theme-background-image($theme-name, 'tree/icons-gray.png');
-            background-position: $MINUS_WITH_LINES 0;
-        }
-
-        .#{$prefix}grid-tree-node-expanded .#{$prefix}tree-elbow-end-plus {
-            background-image: theme-background-image($theme-name, 'tree/icons-gray.png');
-            background-position: $MINUS_WITH_LINES_LAST_CHILD 0;
-        }
-    }
-
-    //arrows, no lines
-    .#{$prefix}tree-arrows {
-        .#{$prefix}tree-elbow-plus,
-        .#{$prefix}tree-elbow-end-plus {
-            background-position: $RIGHT_ARROW_NO_LINES 0;
-        }
-
-        .#{$prefix}grid-tree-node-expanded .#{$prefix}tree-elbow-plus,
-        .#{$prefix}grid-tree-node-expanded .#{$prefix}tree-elbow-end-plus {
-            background-position: $DOWN_ARROW_NO_LINES 0;
-        }
-    }
-
-    .#{$prefix}tree-arrows {
-        &.#{$prefix}tree-lines {
-            .#{$prefix}tree-elbow-plus {
-                background-position: $RIGHT_ARROW_WITH_LINES 0;
-            }
-
-            .#{$prefix}tree-elbow-end-plus {
-                background-position: $RIGHT_ARROW_WITH_LINES_LAST_CHILD 0;
-            }
-
-            .#{$prefix}grid-tree-node-expanded .#{$prefix}tree-elbow-plus {
-                background-position: $DOWN_ARROW_WITH_LINES 0;
-            }
-
-            .#{$prefix}grid-tree-node-expanded .#{$prefix}tree-elbow-end-plus {
-                background-position: $DOWN_ARROW_WITH_LINES_LAST_CHILD 0;
-            }
-        }
-    }
-
-    //folder, no lines
-    .#{$prefix}tree-icon-parent {
-        background-position: $CLOSED_FOLDER_NO_LINES 0 !important;
-        background-image: theme-background-image($theme-name, 'tree/icons-orange.png');
-    }
-    
-    .#{$prefix}grid-tree-node-expanded .#{$prefix}tree-icon-parent {
-        background-position: $OPEN_FOLDER_NO_LINES 0 !important;
-    }
-
-    .#{$prefix}tree-icon-leaf {
-        background-position: $LEAF_NO_LINES 0 !important;
-    }
-
-    //folder, lines
-    .#{$prefix}tree-lines {
-        .#{$prefix}tree-icon-parent {
-            width: $tree-elbow-width;
-            background-position: $CLOSED_FOLDER_WITH_LINES 0 !important;
-        }
-        
-        .#{$prefix}grid-tree-node-expanded .#{$prefix}tree-icon-parent {
-            background-position: $OPEN_FOLDER_WITH_LINES 0 !important;
-        }
-    }
-
-    //leaf, no lines
-    .#{$prefix}tree-icon-leaf {
-        width: $tree-elbow-width;
-        background-position: $LEAF_NO_LINES 0 !important;
-        background-image: theme-background-image($theme-name, 'tree/icons-orange.png');
-    }
-
-    .#{$prefix}tree-lines {
-        .#{$prefix}tree-icon-leaf {
-            background-position: $LEAF_WITH_LINES 0 !important;
-        }
-    }
-    
-    //selected row
-    .x-grid-row-selected {
-        .#{$prefix}tree-elbow-plus,
-        .#{$prefix}tree-elbow-minus,
-        .#{$prefix}tree-elbow-end-plus,
-        .#{$prefix}tree-elbow-end-minus,
-        .#{$prefix}tree-icon-end,
-        .#{$prefix}tree-icon-end-plus,
-        .#{$prefix}tree-icon-leaf,
-        .#{$prefix}tree-icon-parent {
-            background-image: theme-background-image($theme-name, 'tree/icons-white.png') !important;
-        }
-    }
-
-    // lines
-    .#{$prefix}tree-lines {
-        .#{$prefix}tree-elbow-line {
-            background-image: theme-background-image($theme-name, 'tree/elbows.png');
-            background-position: 0 $tree-elbow-height * 2;
-        }
-
-        .#{$prefix}tree-elbow {
-            background-image: theme-background-image($theme-name, 'tree/elbows.png');
-            background-position: 0 $tree-elbow-height * 0;
-        }
-
-        .#{$prefix}tree-elbow-end {
-            background-image: theme-background-image($theme-name, 'tree/elbows.png');
-            background-position: 0 $tree-elbow-height * 1;
-        }
-    }
-
-//    .#{$prefix}grid-with-row-lines {
-//        .#{$prefix}tree-elbow,
-//        .#{$prefix}tree-elbow-end,
-//        .#{$prefix}tree-elbow-plus,
-//        .#{$prefix}tree-elbow-end-plus,
-//        .#{$prefix}tree-elbow-empty,
-//        .#{$prefix}tree-elbow-line {
-//            height: $tree-elbow-height - 1;
-//            background-position: 0 -1px;
-//        }
-//    }
-    
-    .#{$prefix}grid-cell-treecolumn .#{$prefix}grid-cell-inner {
-        padding: 0;
-        line-height: $tree-elbow-height - 1;
-    }
-
-    .#{$prefix}grid-with-row-lines .#{$prefix}grid-cell-treecolumn .#{$prefix}grid-cell-inner {
-        line-height: $tree-elbow-height - 3;
-    }
-
-    .#{$prefix}tree-panel .#{$prefix}grid-cell-inner {
-        cursor: pointer;
-        img {
-            display: inline-block;
-            vertical-align: top;
-        }
-    }
-
-//    @if $include-ie {
-//        .#{$prefix}ie .#{$prefix}tree-panel {
-//            .#{$prefix}tree-elbow,
-//            .#{$prefix}tree-elbow-end,
-//            .#{$prefix}tree-elbow-plus,
-//            .#{$prefix}tree-elbow-end-plus,
-//            .#{$prefix}tree-elbow-empty,
-//            .#{$prefix}tree-elbow-line {
-//                // vertical alignment is necessary for IE to show the ellipsis in the right place.
-//                vertical-align: -6px;
-//            }
-//        }
-//    }
-
-//    .#{$prefix}tree-panel .#{$prefix}grid-editor-on-text-node {
-//        .#{$prefix}form-text {
-//            // specify padding left and padding right individually since we don't want to override padding-bottom (which can vary)
-//            padding-left: $grid-cell-treecolumn-editor-field-padding-horizontal;
-//            padding-right: $grid-cell-treecolumn-editor-field-padding-horizontal;
-//        }
-//    }
-//    @if $include-ie {
-//        .#{$prefix}ie .#{$prefix}tree-panel .#{$prefix}grid-editor-on-text-node .#{$prefix}form-text {
-//            padding-left: $grid-cell-treecolumn-editor-field-padding-horizontal + 1px;
-//            padding-right: $grid-cell-treecolumn-editor-field-padding-horizontal + 1px;
-//        }
-//    }
-//    @if $include-opera {
-//        .#{$prefix}opera .#{$prefix}tree-panel .#{$prefix}grid-editor-on-text-node .#{$prefix}form-text {
-//            padding-left: $grid-cell-treecolumn-editor-field-padding-horizontal + 1px;
-//            padding-right: $grid-cell-treecolumn-editor-field-padding-horizontal + 1px;
-//        }
-//    }
-    
-    .#{$prefix}tree-checkbox {
-        margin: $tree-checkbox-margin-top $tree-checkbox-margin-right 0 0;
-        display: inline-block;
-        vertical-align: top;
-
-        width: $form-checkbox-size;
-        height: $form-checkbox-size;
-        background: no-repeat;
-        background-image: theme-background-image($theme-name, $form-checkbox-image);
-
-        overflow: hidden;
-        padding: 0;
-        border: 0;
-        &::-moz-focus-inner {
-            padding: 0;
-            border: 0;
-        }
-    }
-
-    .#{$prefix}grid-with-row-lines .#{$prefix}tree-checkbox {
-        margin-top: $tree-checkbox-margin-top - 1;
-    }
-
-    .#{$prefix}tree-checkbox-checked {
-        background-position: 0 (0 - $form-checkbox-size);
-    }
-
-    .#{$prefix}tree-drop-ok-append .#{$prefix}dd-drop-icon {
-        background-image: theme-background-image($theme-name, 'tree/drop-append.gif');
-    }
-
-    .#{$prefix}tree-drop-ok-above .#{$prefix}dd-drop-icon {
-        background-image: theme-background-image($theme-name, 'tree/drop-above.gif');
-    }
-
-    .#{$prefix}tree-drop-ok-below .#{$prefix}dd-drop-icon {
-        background-image: theme-background-image($theme-name, 'tree/drop-below.gif');
-    }
-
-    .#{$prefix}tree-drop-ok-between .#{$prefix}dd-drop-icon {
-        background-image: theme-background-image($theme-name, 'tree/drop-between.gif');
-    }
-    
-    .#{$prefix}grid-tree-loading .#{$prefix}tree-icon {
-        background-image: theme-background-image($theme-name, 'tree/loading.gif');
-    }
-
-    .#{$prefix}tree-ddindicator {
-        height: 1px;
-        border-width: 1px 0px 0px;
-        border-style: dotted;
-        border-color: green;
-    }
-        
-    .#{$prefix}grid-tree-loading span {
-    	 font-style: italic;
-    	 color: #444444;
-    }
-    
-    .#{$prefix}tree-animator-wrap {
-        overflow: hidden;
-    }
-}