compass_ae_sencha 1.0.4 → 2.0.0

data/public/stylesheets/clifton/resources/themes/stylesheets/clifton/default/widgets/_tabbar.scss

@@ -1,238 +0,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;
-            }
-        }
-    }
-}
-
-@mixin tab-bar-left($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;
-            background-color: $neutral-color;
-            box-shadow: -5px 5px 10px darken($border-color, 10%) inset;
-        }
-
-        .#{$prefix}#{$stripCls} {
-            /*position strip from top rather than bottom to avoid off-by-one error in IE6*/
-            display: none;
-            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 extjs-tabbar-ui(
-    $ui: null,
-    $tabbar-base-color: $base-color,
-    $tabbar-background-gradient: null
-) {
-    .#{$prefix}tab-bar-#{$ui} {
-        @include background-gradient($tabbar-base-color, $tabbar-background-gradient);
-
-        .#{$prefix}box-inner {
-            height: ($tab-height + 14) !important;
-            position: relative;
-            top: 0;
-        }
-    }
-
-    .#{$prefix}tab-bar-#{$ui} {
-        .#{$prefix}tab-bar-body.#{$prefix}tab-bar-body-#{$ui} {
-            height: $tab-height + 14;
-            padding: 0;
-            border: none;
-        }
-    }
-
-    .#{$prefix}tab-bar-strip-#{$ui} {
-        display: none;
-    }
-}
-
-/**
-  * @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;
-    }
-
-    @if $tabbar-background-gradient != null {
-    .#{$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;
-        zoom: 1;
-    }
-
-    /* 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
-    );
-
-    /** Left tabs */
-    @include tab-bar-left(
-        "tab-bar-left",
-        "tab-bar-body-vertical",
-        "tab-bar-strip",
-        $tabbar-top-body-padding,
-        $tabbar-top-body-border-width,
-        $tabbar-top-strip-border-width,
-        $tabbar-strip-height
-    );
-    @include tab-bar-left(
-        "tab-bar-left",
-        "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
-    );
-
-    /* Breadcrumbs Tab Bar */
-    @include extjs-tabbar-ui(
-        breadcrumbs,
-        #0088cc,
-        primary
-    );
-
-    .#{$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;
-    }
-}

data/public/stylesheets/clifton/resources/themes/stylesheets/clifton/default/widgets/_toolbar.scss

@@ -1,176 +0,0 @@
-@mixin extjs-toolbar {
-    .#{$prefix}toolbar {
-        font-size: $toolbar-font-size;
-
-        border: 1px solid;
-
-        padding: $toolbar-vertical-spacing 0 $toolbar-vertical-spacing $toolbar-horizontal-spacing;
-
-        .#{$prefix}form-item-label{
-            color: $form-label-color;
-            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;
-            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 3px 0 2px;
-
-            height: 14px;
-            width: 0px;
-
-            border-left: 1px solid $toolbar-separator-color;
-            border-right: 1px solid $toolbar-separator-highlight-color;
-        }
-    }
-
-    @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
-    );
-
-    @include extjs-toolbar-ui(
-        'default-clearheader',
-        $background-color: $toolbar-background-color,
-        $background-gradient: 'panel-header',
-        $border-color: $border-color,
-        $border-radius: 6px
-    );
-
-    //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;
-    }
-}
-
-/**
- * @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,
-    $border-radius: 0
-) {
-    .#{$prefix}toolbar-#{$ui} {
-        @if $border-color != null {
-            border-color: $border-color;
-            border-top-left-radius: $border-radius;
-            border-top-right-radius: $border-radius;
-        }
-        background-color: $background-color;
-        @if $background-gradient != null {
-            @include background-gradient($background-color, $background-gradient);
-        }
-    }
-
-    .#{$prefix}panel-header-text-#{$ui} {
-        font-size: $font-size + 4px;
-    }
-
-    @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/clifton/resources/themes/stylesheets/clifton/default/widgets/_tree.scss

@@ -1,306 +0,0 @@
-@mixin extjs-tree {
-
-    // 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-no-lines .#{$prefix}tree-elbow {
-        background-color: transparent;
-    }
-
-    .#{$prefix}tree-no-lines .#{$prefix}tree-elbow-end {
-        background-color: transparent;
-    }
-
-    .#{$prefix}tree-no-lines .#{$prefix}tree-elbow-line {
-        background-color: transparent;
-    }
-
-    //arrows
-    .#{$prefix}tree-arrows .#{$prefix}tree-elbow-plus {
-        background: transparent no-repeat 0 0;
-    }
-
-    .#{$prefix}tree-arrows .#{$prefix}tree-elbow-end-plus {
-        background: transparent no-repeat 0 0;
-    }
-
-    .#{$prefix}tree-arrows .#{$prefix}tree-elbow-end-minus {
-        background: transparent no-repeat -16px 0;
-    }
-
-    .#{$prefix}tree-arrows .#{$prefix}tree-elbow-minus {
-        background: transparent no-repeat -16px 0;
-    }
-
-    .#{$prefix}tree-arrows .#{$prefix}tree-elbow {
-        background-color: transparent !important;
-    }
-
-    .#{$prefix}tree-arrows .#{$prefix}tree-elbow-end {
-        background-color: transparent !important;
-    }
-
-    .#{$prefix}tree-arrows .#{$prefix}tree-elbow-line {
-        background-color: transparent !important;
-    }
-
-    //elbows
-    .#{$prefix}tree-arrows .#{$prefix}tree-expander-over .#{$prefix}tree-elbow-plus,
-    .#{$prefix}tree-arrows .#{$prefix}tree-expander-over .#{$prefix}tree-elbow-end-plus {
-        //background-position: -32px 0;
-    }
-
-    .#{$prefix}tree-arrows .#{$prefix}tree-expander-over .#{$prefix}tree-elbow-minus,
-    .#{$prefix}tree-arrows .#{$prefix}tree-expander-over .#{$prefix}tree-elbow-end-minus {
-        //background-position: -48px 0;
-    }
-
-    .#{$prefix}tree-arrows .#{$prefix}grid-tree-node-expanded .#{$prefix}tree-elbow-plus,
-    .#{$prefix}tree-arrows .#{$prefix}grid-tree-node-expanded .#{$prefix}tree-elbow-end-plus {
-        //background-position: -16px 0;
-    }
-
-    .#{$prefix}tree-arrows .#{$prefix}grid-tree-node-expanded .#{$prefix}tree-expander-over .#{$prefix}tree-elbow-plus,
-    .#{$prefix}tree-arrows .#{$prefix}grid-tree-node-expanded .#{$prefix}tree-expander-over .#{$prefix}tree-elbow-end-plus {
-        //background-position: -48px 0;
-    }
-
-    .#{$prefix}tree-elbow-plus,
-    .#{$prefix}tree-elbow-minus,
-    .#{$prefix}tree-elbow-end-plus,
-    .#{$prefix}tree-elbow-end-minus{
-        cursor: pointer;
-    }
-
-    //elbows
-    .#{$prefix}tree-lines {
-        .#{$prefix}tree-elbow {
-            @include icon-sprite(tee);
-            //background-image: theme-background-image($theme-name, 'tree/elbow.gif');
-        }
-
-        .#{$prefix}tree-elbow-end {
-            @include icon-sprite(elbow);
-            //background-image: theme-background-image($theme-name, 'tree/elbow-end.gif');
-        }
-
-        .#{$prefix}tree-elbow-plus {
-            @include icon-sprite(plus);
-            //background-image: theme-background-image($theme-name, 'tree/elbow-plus.gif');
-        }
-
-        .#{$prefix}tree-elbow-end-plus {
-            @include icon-sprite(plus-end);
-            //background-image: theme-background-image($theme-name, 'tree/elbow-end-plus.gif');
-        }
-
-        .#{$prefix}grid-tree-node-expanded .#{$prefix}tree-elbow-plus {
-            @include icon-sprite(minus);
-            //background-image: theme-background-image($theme-name, 'tree/elbow-minus.gif');
-        }
-
-        .#{$prefix}grid-tree-node-expanded .#{$prefix}tree-elbow-end-plus {
-            @include icon-sprite(minus-end);
-            //background-image: theme-background-image($theme-name, 'tree/elbow-end-minus.gif');
-        }
-
-        .#{$prefix}tree-elbow-line {
-            @include icon-sprite(line);
-            //background-image: theme-background-image($theme-name, 'tree/elbow-line.gif');
-        }
-    }
-
-    .#{$prefix}tree-no-lines {
-        .#{$prefix}tree-elbow-plus,
-        .#{$prefix}tree-elbow-end-plus {
-            @include icon-sprite(plus-nl);
-        	//background-image: theme-background-image($theme-name, 'tree/elbow-plus-nl.gif');
-        }
-
-        .#{$prefix}grid-tree-node-expanded .#{$prefix}tree-elbow-plus,
-        .#{$prefix}grid-tree-node-expanded .#{$prefix}tree-elbow-end-plus {
-            @include icon-sprite(minus-nl);
-            //background-image: theme-background-image($theme-name, 'tree/elbow-end-minus-nl.gif');
-        }
-    }
-
-    .#{$prefix}tree-arrows {
-        .#{$prefix}tree-elbow-plus,
-        .#{$prefix}tree-elbow-minus,
-        .#{$prefix}tree-elbow-end-plus,
-        .#{$prefix}tree-elbow-end-minus {
-            @include icon-sprite(next);
-            //background-image: theme-background-image($theme-name, 'tree/arrows.gif');
-        }
-    }
-
-    .#{$prefix}tree-icon {
-        margin: $tree-icon-margin-top $tree-icon-margin-right 0 0;
-    }
-
-    .#{$prefix}grid-with-row-lines .#{$prefix}tree-icon {
-        margin-top: $tree-icon-margin-top - 1
-    }
-
-    .#{$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;
-        width: $tree-elbow-width;
-    }
-
-    .#{$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;
-            background-position: 0 -1px;
-        }
-    }
-
-    .#{$prefix}tree-icon-leaf {
-        width: $tree-elbow-width;
-        //@include icon-sprite(note);
-        background-image: theme-background-image($theme-name, 'icon/note.png');
-    }
-
-    .#{$prefix}tree-icon-parent {
-        width: $tree-elbow-width;
-        //@include icon-sprite(folder);
-        background-image: theme-background-image($theme-name, 'icon/folder.png');
-    }
-
-    .#{$prefix}grid-tree-node-expanded .#{$prefix}tree-icon-parent {
-        //@include icon-sprite(folder-open);
-        background-image: theme-background-image($theme-name, 'icon/folder-open.png');
-    }
-
-    .#{$prefix}grid-rowbody {
-        padding: 0;
-    }
-
-    .#{$prefix}grid-cell-treecolumn .#{$prefix}grid-cell-inner {
-        padding: 0;
-        line-height: $tree-elbow-height;
-    }
-
-    .#{$prefix}grid-with-row-lines .#{$prefix}grid-cell-treecolumn .#{$prefix}grid-cell-inner {
-        line-height: $tree-elbow-height;
-    }
-
-    .#{$prefix}tree-panel .#{$prefix}grid-cell-inner {
-        cursor: pointer;
-        img {
-            display: inline-block;
-            vertical-align: top;
-        }
-    }
-
-    @if $include-ie {
-        .#{$prefix}ie7 .#{$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: -10px;
-            }
-        }
-    }
-
-    .#{$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}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}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;
-
-        @include icon-sprite(checkbox);
-
-
-        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 {
-        @include icon-sprite(checkbox-selected);
-    }
-
-    .#{$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;
-    }
-}