compass_ae_sencha 1.0.4 → 2.0.0

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

@@ -1,60 +0,0 @@
-@mixin extjs-drawcomponent {
-    .#{$prefix}surface {
-        @include inline-block;
-        overflow: hidden;
-    }
-
-    .rvml {
-        behavior: url(#default#VML);
-    }
-
-    .#{$prefix}surface tspan {
-        @include no-select;
-    }
-
-    .#{$prefix}vml-sprite {
-        position: absolute;
-        left: 0;
-        top: 0;
-        width: 1px;
-        height: 1px;
-    }
-
-    .#{$prefix}vml-group {
-        position: absolute;
-        left: 0;
-        top: 0;
-        width: 1000px;
-        height: 1000px;
-    }
-
-    .#{$prefix}vml-measure-span {
-        position: absolute;
-        left: -9999em;
-        top: -9999em;
-        padding: 0;
-        margin: 0;
-        display: inline;
-    }
-
-    .#{$prefix}vml-base {
-        position: relative; 
-        top: 0;
-        left: 0;
-        overflow: hidden;
-        display: inline-block;
-    }
-
-    .#{$prefix}vml-base {
-        position: relative; 
-        top: 0;
-        left: 0;
-        overflow: hidden;
-        display: inline-block;
-    }
-    
-    svg, vml {
-        overflow: hidden;
-    }
-}
-

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

@@ -1,8 +0,0 @@
-@import 'form/all';
-@import 'form/field';
-@import 'form/fieldset';
-@import 'form/file';
-@import 'form/checkbox';
-@import 'form/checkboxgroup';
-@import 'form/triggerfield';
-@import 'form/htmleditor';

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

@@ -1,876 +0,0 @@
-@mixin extjs-grid {
-    //main grid view
-    .#{$prefix}panel {
-        .#{$prefix}grid-body {
-            background: $panel-body-background-color;
-            border-color: $panel-body-border-color;
-            border-style: $panel-body-border-style;
-            border-width: 1px;
-            border-top-color: $grid-header-background-color;
-        }
-
-        // Hide using visibility so that its available width can be calculated correctly
-        .#{$prefix}grid-header-ct-hidden {
-            visibility: hidden;
-        }
-    }
-
-    .#{$prefix}grid-empty {
-        padding: 10px;
-        color: gray;
-        font: normal 11px tahoma, arial, helvetica, sans-serif;
-    }
-
-    .#{$prefix}grid-header-hidden .#{$prefix}grid-body {
-        border-top-color: $panel-body-border-color !important;
-    }
-
-    .#{$prefix}grid-view {
-        overflow: hidden;
-
-        position: relative;
-    }
-
-    .#{$prefix}grid-table {
-        table-layout: fixed;
-        border-collapse: separate;
-    }
-
-    // Tree with a default single column is auto width
-    // Override any inline width style set by the widget itself (through its ColumnModel) to force it to be auto width.
-    .#{$prefix}autowidth-table table.#{$prefix}grid-table {
-        table-layout: auto;
-        width: auto!important;
-    }
-
-    .#{$prefix}grid-row .#{$prefix}grid-table {
-        border-collapse: collapse;
-    }
-
-    .#{$prefix}grid-locked .#{$prefix}grid-inner-locked {
-        border-width: 0 1px 0 0 !important;
-        border-style: solid;
-    }
-
-    .#{$prefix}grid-header-ct {
-        cursor: default;
-        zoom: 1;
-        padding: 0;
-        border: 1px solid $panel-body-border-color;
-
-        // Body border provided by headerCt only when in accordion layout.
-        border-bottom-color: $border-color;
-
-        @if $supports-gradients or $compile-all {
-            @include background-gradient($grid-header-background-color, $grid-header-background-gradient);
-        }
-
-        &.#{$prefix}docked-top {
-            border-bottom-width: 1px !important;
-        }
-    }
-
-    .#{$prefix}accordion-item .#{$prefix}grid-header-ct {
-        border-width: 0 0 1px 0!important;
-    }
-
-    .#{$prefix}column-header {
-        padding: 0;
-        position: absolute;
-        overflow: hidden;
-
-        border-right: 1px solid $grid-header-background-color;
-        border-left: 0 none;
-        border-top: 0 none;
-        border-bottom: 0 none;
-
-        text-shadow: 0 1px 0 rgba(255, 255, 255, .3);
-
-        @if $grid-header-color {
-            color: $grid-header-color;
-        }
-        font: normal ceil($font-size * .9) $font-family;
-
-        @if $supports-gradients or $compile-all {
-            @include background-gradient($grid-header-background-color, $grid-header-background-gradient);
-        }
-    }
-
-    .#{$prefix}group-header {
-        padding: 0;
-        border-left-width: 0;
-    }
-    .#{$prefix}group-sub-header {
-        background: transparent;
-        border-top: 1px solid $grid-header-background-color;
-        border-left-width: 0;
-    }
-
-    .#{$prefix}column-header-inner {
-        zoom: 1;
-        position: relative;
-        white-space: nowrap;
-        line-height: $grid-header-line-height;
-        padding: $grid-header-padding;
-
-        .#{$prefix}column-header-text {
-            white-space: nowrap;
-        }
-    }
-
-    .#{$prefix}column-header-over,
-    .#{$prefix}column-header-sort-ASC,
-    .#{$prefix}column-header-sort-DESC {
-        border-left-color: $grid-header-over-border-color;
-        border-right-color: $grid-header-over-border-color;
-
-        //@if $supports-gradients or $compile-all {
-            @include background-gradient($grid-header-over-background-color, $grid-header-over-background-gradient);
-        //}
-    }
-
-    /*@if not $supports-gradients or $compile-all {
-        .#{$prefix}nlg {
-            .#{$prefix}grid-header-ct,
-            .#{$prefix}column-header {
-                background: repeat-x 0 top;
-                //background-image: theme-background-image($theme-name, 'grid/column-header-bg.gif');
-            }
-
-            .#{$prefix}column-header-over,
-            .#{$prefix}column-header-sort-ASC,
-            .#{$prefix}column-header-sort-DESC {
-                //background: #ebf3fd repeat-x 0 top;
-                //background-image: theme-background-image($theme-name, 'grid/column-header-over-bg.gif');
-            }
-        }
-    }*/
-
-    .#{$prefix}column-header-trigger {
-        display: none;
-        height: 100%;
-        width: $grid-header-trigger-width;
-        @include icon-sprite(trigger-down);
-        position: absolute;
-        right: 0;
-        top: 0;
-        z-index: 2;
-        cursor: pointer;
-        background-color: $grid-header-background-color;
-        border-left: 1px solid $border-color;
-        border-right: 1px solid $border-color;
-    }
-
-    .#{$prefix}column-header-over, .#{$prefix}column-header-open {
-        .#{$prefix}column-header-trigger {
-            display: block;
-        }
-    }
-
-    .#{$prefix}column-header-align-right {
-        text-align: right;
-
-        .#{$prefix}column-header-text {
-            padding-right: 0.5ex;
-            margin-right: 6px;
-        }
-    }
-    .#{$prefix}column-header-align-center {
-        text-align: center;
-    }
-    .#{$prefix}column-header-align-left {
-        text-align: left;
-    }
-
-    // Sort direction indicator is a background of the text span.
-    .#{$prefix}column-header-sort-ASC .#{$prefix}column-header-text {
-        padding-right: 16px;
-        background: no-repeat right 6px;
-        background-image: theme-background-image($theme-name, 'grid/sort_asc.gif');
-    }
-    .#{$prefix}column-header-sort-DESC .#{$prefix}column-header-text {
-        padding-right: 16px;
-        background: no-repeat right 6px;
-        background-image: theme-background-image($theme-name, 'grid/sort_desc.gif');
-    }
-
-    //grid rows
-    .#{$prefix}grid-row {
-        vertical-align: top;
-        .#{$prefix}grid-cell {
-            @if $grid-row-cell-color {
-                color: $grid-row-cell-color;
-            }
-            font: $grid-row-cell-font;
-            background-color: $grid-row-cell-background;
-            border-color: $grid-row-cell-border-color;
-            border-style: $grid-row-cell-border-style;
-            border-top-color: lighten($grid-row-cell-border-color, 5);
-            border-width: 0;
-        }
-    }
-
-    .#{$prefix}grid-with-row-lines .#{$prefix}grid-cell {
-        border-width: $grid-row-cell-border-width;
-    }
-
-    .#{$prefix}grid-rowwrap-div {
-        border-width: $grid-row-wrap-border-width;
-        border-color: $grid-row-wrap-border-color;
-        border-style: $grid-row-wrap-border-style;
-        border-top-color: lighten($grid-row-wrap-border-color, 5);
-
-        overflow: hidden;
-    }
-
-    .#{$prefix}grid-row-alt .#{$prefix}grid-cell,
-    .#{$prefix}grid-row-alt .#{$prefix}grid-rowwrap-div {
-        background-color: $grid-row-cell-alt-background;
-    }
-
-    .#{$prefix}grid-row-over .#{$prefix}grid-cell,
-    .#{$prefix}grid-row-over .#{$prefix}grid-rowwrap-div {
-        border-color: $grid-row-cell-over-border-color;
-
-        background-color: $grid-row-cell-over-background-color;
-    }
-
-    .#{$prefix}grid-row-focused .#{$prefix}grid-cell,
-    .#{$prefix}grid-row-focused .#{$prefix}grid-rowwrap-div {
-        border-color: $grid-row-cell-focus-border-color;
-
-        background-color: $grid-row-cell-focus-background-color;
-    }
-
-    .#{$prefix}grid-row-selected .#{$prefix}grid-cell,
-    .#{$prefix}grid-row-selected .#{$prefix}grid-rowwrap-div {
-        border-style: $grid-row-cell-selected-border-style;
-        border-color: $grid-row-cell-selected-border-color;
-
-        background-color: $grid-row-cell-selected-background-color !important;
-        color: $color;
-    }
-
-    .#{$prefix}grid-rowwrap-div {
-        .#{$prefix}grid-cell,
-        .#{$prefix}grid-cell-inner {
-            border-width: 0;
-
-            background: transparent;
-        }
-    }
-
-    .#{$prefix}grid-row-body-hidden {
-        display: none;
-    }
-
-    .#{$prefix}grid-rowbody {
-        font: $grid-row-body-font;
-
-        padding: $grid-row-body-padding;
-
-        p {
-            margin: 5px 5px 10px 5px;
-        }
-    }
-
-    //grid cells
-    .#{$prefix}grid-cell {
-        overflow: hidden;
-    }
-
-    .#{$prefix}grid-cell-inner {
-        overflow: hidden;
-
-        -o-text-overflow: ellipsis;
-        text-overflow: ellipsis;
-
-        padding: $grid-cell-inner-padding-top $grid-cell-inner-padding-horizontal $grid-cell-inner-padding-bottom;
-        line-height: $grid-row-cell-line-height;
-        white-space: nowrap;
-    }
-
-    .#{$prefix}grid-with-row-lines .#{$prefix}grid-cell-inner {
-        line-height: $grid-row-cell-line-height - 2;
-        padding-bottom: $grid-cell-inner-padding-bottom + 1;
-    }
-
-    // Action columns with a standard, 16x16 icon require less padding
-    .#{$prefix}action-col-cell .#{$prefix}grid-cell-inner {
-        line-height: 0;
-        padding: 2px;
-    }
-
-    .#{$prefix}grid-with-row-lines .#{$prefix}action-col-cell .#{$prefix}grid-cell-inner {
-        padding-top: 1px;
-    }
-
-    .#{$prefix}grid-row .#{$prefix}grid-cell-special {
-        padding: 0;
-        border-right: 1px solid $grid-cell-with-col-lines-border-color;
-        @include background-gradient(#f6f6f6, 'grid-cell-special');
-    }
-
-    .#{$prefix}grid-row .#{$prefix}grid-cell-row-checker {
-        vertical-align: middle;
-    }
-
-    /*
-    IE6-8 have issues with shrinking the TR to 0px (even w/line-height=0), so we
-    use an IE-specific trick to make the row disappear. We cannot do this on any
-    other browser, because it is not a non-standard thing to do and those other
-    browsers will do whacky things with it.
-    */
-
-    .#{$prefix}ie6,
-    .#{$prefix}ie7,
-    .#{$prefix}quirks .#{$prefix}ie8 {
-        .#{$prefix}grid-header-row {
-            position: absolute;
-        }
-    }
-
-    .#{$prefix}grid-row-selected .#{$prefix}grid-cell-special {
-        border-right: 1px solid adjust-color($base-color, $hue: -0.175deg, $saturation: 25.296%, $lightness: -2.549%);
-
-        @include background-gradient($grid-row-cell-selected-background-color, 'grid-cell-special');
-    }
-
-    .#{$prefix}grid-dirty-cell {
-        background-image: theme-background-image($theme-name, 'grid/dirty.gif');
-        background-position: 0 0;
-        background-repeat: no-repeat;
-    }
-
-    .#{$prefix}grid-cell-selected {
-        background-color: #B8CFEE !important;
-    }
-
-    @if not $supports-gradients or $compile-all {
-        .#{$prefix}nlg {
-            .#{$prefix}grid-cell-special {
-                background-repeat: repeat-y;
-                background-position: top right;
-            }
-
-            .#{$prefix}grid-row .#{$prefix}grid-cell-special,
-            .#{$prefix}grid-row-over .#{$prefix}grid-cell-special {
-                background-image: theme-background-image($theme-name, 'grid/cell-special-bg.gif');
-
-            }
-
-            .#{$prefix}grid-row-focused .#{$prefix}grid-cell-special,
-            .#{$prefix}grid-row-selected .#{$prefix}grid-cell-special {
-                background-image: theme-background-image($theme-name, 'grid/cell-special-selected-bg.gif');
-            }
-        }
-    }
-
-    .#{$prefix}grid-with-col-lines .#{$prefix}grid-cell {
-        padding-right: 0;
-        border-right: 1px solid $grid-cell-with-col-lines-border-color;
-    }
-
-    .#{$prefix}property-grid {
-        .#{$prefix}grid-row .#{$prefix}grid-property-name .#{$prefix}grid-cell-inner,
-        .#{$prefix}grid-row-over .#{$prefix}grid-property-name .#{$prefix}grid-cell-inner {
-            padding-left: 12px;
-            background-image: theme-background-image($theme-name, 'grid/property-cell-bg.gif');
-            background-repeat: no-repeat;
-            background-position: -16px 2px;
-        }
-    }
-
-    .#{$prefix}grid-with-row-lines.#{$prefix}property-grid {
-        .#{$prefix}grid-row .#{$prefix}grid-property-name .#{$prefix}grid-cell-inner,
-        .#{$prefix}grid-row-over .#{$prefix}grid-property-name .#{$prefix}grid-cell-inner {
-            background-position: -16px 1px;
-        }
-    }
-
-    @if $include-ie {
-        .#{$prefix}quirks .#{$prefix}ie .#{$prefix}grid-row .#{$prefix}grid-property-name .#{$prefix}grid-cell-inner {
-            background-position: -16px 2px;
-        }
-    }
-
-    .#{$prefix}unselectable {
-        @include no-select;
-    }
-
-    .#{$prefix}grid-row-body-hidden {
-        display: none;
-    }
-
-    .#{$prefix}grid-group-collapsed {
-        display: none;
-    }
-
-    //grid expander
-    .#{$prefix}grid-view {
-        .#{$prefix}grid-td-expander {
-            vertical-align: top;
-        }
-    }
-
-    .#{$prefix}grid-td-expander {
-        background: repeat-y right transparent;
-    }
-
-    .#{$prefix}grid-view {
-        .#{$prefix}grid-td-expander {
-            .#{$prefix}grid-cell-inner {
-                padding: 0 !important;
-            }
-        }
-    }
-
-    .#{$prefix}grid-row-expander {
-        background-image: theme-background-image($theme-name, 'grid/group-collapse.gif');
-        background-color: transparent;
-
-        width: 9px;
-        height: 13px;
-
-        margin-left: 3px;
-
-        background-repeat: no-repeat;
-        background-position: 0 -2px;
-    }
-
-    .#{$prefix}grid-row-collapsed {
-        .#{$prefix}grid-row-expander {
-            background-image: theme-background-image($theme-name, 'grid/group-expand.gif');
-        }
-    }
-
-    .#{$prefix}grid-resize-marker {
-        position: absolute;
-        z-index: 5;
-        top: 0;
-        width: 1px;
-        background-color: #0f0f0f;
-    }
-
-    //column move icons, when moving columns
-    .col-move-top,
-    .col-move-bottom {
-        width: 9px;
-        height: 9px;
-        position: absolute;
-        top: 0;
-        line-height: 0;
-        font-size: 0;
-        overflow: hidden;
-        z-index: 20000;
-        background: no-repeat left top transparent;
-    }
-
-    .col-move-top {
-        background-image: theme-background-image($theme-name, 'grid/col-move-top.gif');
-    }
-
-    .col-move-bottom {
-        background-image: theme-background-image($theme-name, 'grid/col-move-bottom.gif');
-    }
-
-    //pading toolbar
-    .#{$prefix}tbar-page-number {
-        width: 30px;
-    }
-
-    //grouped grid
-    .#{$prefix}grid-group,
-    .#{$prefix}grid-group-body,
-    .#{$prefix}grid-group-hd {
-        zoom: 1;
-    }
-
-    .#{$prefix}grid-group-hd {
-        padding-top: 6px;
-
-        .#{$prefix}grid-cell-inner {
-            padding: 10px 4px 4px 4px;
-
-            background: $grid-grouped-header-background-color;
-
-            border-width: $grid-grouped-header-border-width;
-            border-style: $grid-grouped-header-border-style;
-            border-color: $grid-grouped-header-border-color;
-
-            cursor: pointer;
-        }
-    }
-
-    .#{$prefix}grid-group-title {
-        background: transparent no-repeat 0 -1px;
-        background-image: theme-background-image($theme-name, 'grid/group-collapse.gif');
-
-        color: $grid-grouped-title-color;
-        font: $grid-grouped-title-font;
-
-        padding: 0 0 0 14px;
-    }
-
-    .#{$prefix}grid-group-hd-collapsed {
-        .#{$prefix}grid-group-title {
-            background-image: theme-background-image($theme-name, 'grid/group-expand.gif');
-        }
-    }
-
-    .#{$prefix}grid-group-collapsed .#{$prefix}grid-group-body {
-        display: none;
-    }
-
-    .#{$prefix}grid-group-collapsed .#{$prefix}grid-group-title {
-        background-image: theme-background-image($theme-name, 'grid/group-expand.gif');
-    }
-
-    .#{$prefix}group-by-icon {
-        background-image: theme-background-image($theme-name, 'grid/group-by.gif');
-    }
-
-    .#{$prefix}show-groups-icon {
-        background-image: theme-background-image($theme-name, 'grid/group-by.gif');
-    }
-
-    .#{$prefix}column-header-checkbox .#{$prefix}column-header-inner {
-        padding: 0;
-    }
-
-    .#{$prefix}grid-cell-special .#{$prefix}grid-cell-inner {
-        padding-left: 4px;
-        padding-right: 4px;
-    }
-
-    .#{$prefix}grid-row-checker,
-    .#{$prefix}column-header-checkbox .#{$prefix}column-header-text {
-        height: 14px;
-        width: 14px;
-        line-height: 0;
-        background-image: theme-background-image($theme-name, 'grid/unchecked.gif');
-        background-position: -1px -1px;
-        background-repeat: no-repeat;
-        background-color: transparent;
-    }
-
-    // Row checker is a div but column header checker is the text span element, so make it display: block
-    // Header checkbox element needs centering
-    .#{$prefix}column-header-checkbox .#{$prefix}column-header-text {
-        display: block;
-        margin: 0 5px;
-    }
-
-    @if $include-ie or $compile-all {
-        /* IE6, IE7, and all IE Quirks mode need line-height to be the same as checkbox height or the header/row height will be too tall */
-        .#{$prefix}quirks .#{$prefix}ie, .#{$prefix}ie7m {
-            .#{$prefix}grid-row-checker,
-            .#{$prefix}column-header-checkbox .#{$prefix}column-header-text {
-                line-height: 14px;
-            }
-        }
-    }
-
-    .#{$prefix}grid-hd-checker-on .#{$prefix}column-header-text {
-        background-image: theme-background-image($theme-name, 'grid/checked.gif');
-    }
-
-    .#{$prefix}grid-cell-row-checker .#{$prefix}grid-cell-inner {
-        padding-top: 4px;
-        padding-bottom: 2px;
-        line-height: $grid-row-height - 6;
-    }
-    .#{$prefix}grid-with-row-lines .#{$prefix}grid-cell-row-checker .#{$prefix}grid-cell-inner {
-        padding-top: 3px;
-    }
-    .#{$prefix}grid-row-checker {
-        margin-left: 1px;
-
-        background-position: 50% -2px;
-    }
-
-    .#{$prefix}grid-row-selected .#{$prefix}grid-row-checker,
-    .#{$prefix}grid-row-checked .#{$prefix}grid-row-checker {
-        background-image: theme-background-image($theme-name, 'grid/checked.gif');
-    }
-
-    //grid icons
-    .#{$prefix}tbar-page-first {
-        @include icon-sprite(start);
-    }
-
-    .#{$prefix}tbar-loading {
-        @include icon-sprite(refresh);
-    }
-
-    .#{$prefix}tbar-page-last {
-        @include icon-sprite(end);
-    }
-
-    .#{$prefix}tbar-page-next {
-        @include icon-sprite(next);
-    }
-
-    .#{$prefix}tbar-page-prev {
-        @include icon-sprite(prev);
-    }
-
-    .#{$prefix}item-disabled {
-        @include opacity(0.7);
-    }
-
-    //menu icons
-    .#{$prefix}hmenu-sort-asc .#{$prefix}menu-item-icon {
-        background-image: theme-background-image($theme-name, 'grid/hmenu-asc.gif');
-    }
-
-    .#{$prefix}hmenu-sort-desc .#{$prefix}menu-item-icon {
-        background-image: theme-background-image($theme-name, 'grid/hmenu-desc.gif');
-    }
-
-    .#{$prefix}hmenu-lock .#{$prefix}menu-item-icon {
-        background-image: theme-background-image($theme-name, 'grid/hmenu-lock.gif');
-    }
-
-    .#{$prefix}hmenu-unlock .#{$prefix}menu-item-icon {
-        background-image: theme-background-image($theme-name, 'grid/hmenu-unlock.gif');
-    }
-
-    .#{$prefix}group-by-icon {
-        background-image: theme-background-image($theme-name, 'grid/group-by.gif');
-    }
-
-    .#{$prefix}cols-icon .#{$prefix}menu-item-icon {
-        background-image: theme-background-image($theme-name, 'grid/columns.gif');
-    }
-
-    .#{$prefix}show-groups-icon {
-        background-image: theme-background-image($theme-name, 'grid/group-by.gif');
-    }
-
-    // Drag/drop indicator styles
-    .#{$prefix}grid-drop-indicator {
-        position: absolute;
-        height: 1px;
-        line-height: 0px;
-        background-color: #77BC71;
-        overflow: visible;
-
-        .#{$prefix}grid-drop-indicator-left {
-            position: absolute;
-            top: -8px;
-            left: -12px;
-            background-image: theme-background-image($theme-name, 'grid/dd-insert-arrow-right.png');
-            height: 16px;
-            width: 16px;
-        }
-
-        .#{$prefix}grid-drop-indicator-right {
-            position: absolute;
-            top: -8px;
-            right: -11px;
-            background-image: theme-background-image($theme-name, 'grid/dd-insert-arrow-left.png');
-            height: 16px;
-            width: 16px;
-        }
-    }
-
-    .#{$prefix}ie6 {
-        .#{$prefix}grid-drop-indicator-left {
-            background-image: theme-background-image($theme-name, 'grid/dd-insert-arrow-right.gif');
-        }
-
-        .#{$prefix}grid-drop-indicator-right {
-            background-image: theme-background-image($theme-name, 'grid/dd-insert-arrow-left.gif');
-        }
-    }
-
-    // Cell Editor
-    .#{$prefix}grid-editor {
-        // Position editor text over underlying grid cell text
-        .#{$prefix}form-text {
-            padding: 0 $grid-cell-editor-field-padding-horizontal;
-        }
-        .#{$prefix}form-cb-wrap {
-            padding-top: $grid-cell-editor-checkbox-padding-top;
-        }
-    }
-
-    // Row Editor
-    .#{$prefix}grid-row-editor {
-        position: absolute !important;
-        z-index: 1;
-        zoom: 1;
-        overflow: visible !important;
-
-        .#{$prefix}form-text {
-            padding: 0 $grid-row-editor-field-padding-horizontal;
-        }
-        .#{$prefix}form-cb-wrap {
-            padding-top: $grid-row-editor-cb-wrap-padding-top;
-        }
-        .#{$prefix}form-checkbox {
-            margin-left: $grid-row-editor-checkbox-margin-left;
-        }
-        .#{$prefix}form-display-field {
-            font: $grid-editor-font;
-            padding-top: 0;
-            padding-left: $grid-row-editor-field-padding-horizontal;
-        }
-
-        .#{$prefix}panel-body {
-            background-color: $grid-row-editor-background-color;
-            border-top: $grid-row-editor-border;
-            border-bottom: $grid-row-editor-border;
-        }
-    }
-
-    // Row/Cell Editor Shared Styles
-    .#{$prefix}grid-editor, .#{$prefix}grid-row-editor {
-        // Align checkbox input
-        .#{$prefix}form-cb-wrap {
-            text-align: center;
-        }
-        .#{$prefix}form-trigger {
-            height: $grid-row-height - $form-field-border-width;
-        }
-        .#{$prefix}form-trigger-wrap {
-            .#{$prefix}form-spinner-up, .#{$prefix}form-spinner-down {
-                background-image: theme-background-image($theme-name, 'form/spinner-small.gif');
-                height: 10px !important;
-            }
-        }
-    }
-    .#{$prefix}grid-editor, .#{$prefix}grid-row-editor {
-        .#{$prefix}form-text {
-            font: $grid-editor-font;
-            height: $grid-row-height - 2;
-        }
-    }
-
-    .#{$prefix}border-box .#{$prefix}grid-editor,
-    .#{$prefix}border-box .#{$prefix}grid-row-editor {
-        .#{$prefix}form-trigger {
-            height: $grid-row-height;
-        }
-        .#{$prefix}form-text {
-            height: $grid-row-height;
-            padding-bottom: 1px; // fix for firefox/opera since they ignore line-height on inputs
-        }
-    }
-
-    @if $include-ie {
-        .#{$prefix}ie {
-            .#{$prefix}grid-editor .#{$prefix}form-text {
-                padding-left: $grid-cell-editor-field-padding-horizontal + 1;
-            }
-            .#{$prefix}grid-row-editor .#{$prefix}form-text {
-                padding-left: $grid-row-editor-field-padding-horizontal + 1;
-            }
-        }
-        .#{$prefix}ie8m {
-            .#{$prefix}grid-editor .#{$prefix}form-text,
-            .#{$prefix}grid-row-editor .#{$prefix}form-text {
-                padding-top: 1px;
-            }
-        }
-        .#{$prefix}strict .#{$prefix}ie6,
-        .#{$prefix}strict .#{$prefix}ie7 {
-            .#{$prefix}grid-editor .#{$prefix}form-text,
-            .#{$prefix}grid-row-editor .#{$prefix}form-text {
-                height: $grid-row-height - ($form-field-border-width * 3);
-            }
-        }
-        .#{$prefix}quirks .#{$prefix}ie9 {
-            .#{$prefix}grid-editor, .#{$prefix}grid-row-editor {
-                .#{$prefix}form-text {
-                    line-height: $grid-editor-line-height + 2;
-                }
-            }
-        }
-    }
-
-    @if $include-opera {
-        .#{$prefix}opera {
-            .#{$prefix}grid-editor .#{$prefix}form-text {
-                padding-left: $grid-cell-editor-field-padding-horizontal + 1;
-            }
-            .#{$prefix}grid-row-editor .#{$prefix}form-text {
-                padding-left: $grid-row-editor-field-padding-horizontal + 1;
-            }
-        }
-    }
-
-
-    .#{$prefix}grid-row-editor-buttons {
-        background-color: $grid-row-editor-background-color;
-        position: absolute;
-        bottom: -31px;
-        padding: 4px;
-        height: 32px;
-
-        .#{$prefix}strict .#{$prefix}ie7m & {
-            width: 192px;
-            height: 24px;
-        }
-    }
-
-    .#{$prefix}grid-row-editor-buttons-ml,
-    .#{$prefix}grid-row-editor-buttons-mr,
-    .#{$prefix}grid-row-editor-buttons-bl,
-    .#{$prefix}grid-row-editor-buttons-br,
-    .#{$prefix}grid-row-editor-buttons-bc {
-        position: absolute;
-        overflow: hidden;
-    }
-
-    .#{$prefix}grid-row-editor-buttons-bl,
-    .#{$prefix}grid-row-editor-buttons-br {
-        width: 4px;
-        height: 4px;
-        bottom: 0px;
-        background-image: theme-background-image($theme-name, 'panel/panel-default-framed-corners.gif');
-    }
-    .#{$prefix}grid-row-editor-buttons-bl {
-        left: 0px;
-        background-position: 0px -16px;
-    }
-    .#{$prefix}grid-row-editor-buttons-br {
-        right: 0px;
-        background-position: 0px -20px;
-    }
-
-    .#{$prefix}grid-row-editor-buttons-bc {
-        position: absolute;
-        left: 4px;
-        bottom: 0px;
-        width: 192px;
-        height: 1px;
-        background-color: $grid-row-editor-border-color;
-    }
-
-    .#{$prefix}grid-row-editor-buttons-ml,
-    .#{$prefix}grid-row-editor-buttons-mr {
-        height: 27px;
-        width: 1px;
-        top: 1px;
-        background-color: $grid-row-editor-border-color;
-    }
-    .#{$prefix}grid-row-editor-buttons-ml {
-        left: 0px
-    }
-    .#{$prefix}grid-row-editor-buttons-mr {
-        background-position: 0px -20px;
-        right: 0px;
-    }
-
-    .#{$prefix}grid-row-editor-errors {
-        ul {
-            margin-left: 5px;
-        }
-        li {
-            list-style: disc;
-            margin-left: 15px;
-        }
-    }
-}