compass_ae_sencha 1.0.4 → 2.0.0

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

@@ -1,126 +0,0 @@
-/**
- * W3C Suggested Default style sheet for HTML 4
- * http://www.w3.org/TR/CSS21/sample.html
- */
-@mixin extjs-html {
-    .#{$prefix}html {
-        html,
-        address,
-        blockquote,
-        body,
-        dd,
-        div,
-        dl,
-        dt,
-        fieldset,
-        form,
-        frame, frameset,
-        h1,
-        h2,
-        h3,
-        h4,
-        h5,
-        h6,
-        noframes,
-        ol,
-        p,
-        ul,
-        center,
-        dir,
-        hr,
-        menu,
-        pre 			{ display: block; }
-        li              { display: list-item; list-style: disc; }
-        head            { display: none; }
-        table           { display: table; }
-        tr              { display: table-row; }
-        thead           { display: table-header-group; }
-        tbody           { display: table-row-group; }
-        tfoot           { display: table-footer-group; }
-        col             { display: table-column; }
-        colgroup        { display: table-column-group; }
-        td,
-        th 	            { display: table-cell; }
-        caption         { display: table-caption; }
-        th              { font-weight: bolder; text-align: center; }
-        caption         { text-align: center; }
-        body            { margin: 8px; }
-        h1              { font-size: 2em; margin: .67em 0; }
-        h2              { font-size: 1.5em; margin: .75em 0; }
-        h3              { font-size: 1.17em; margin: .83em 0; }
-        h4,
-        p,
-        blockquote,
-        ul,
-        fieldset,
-        form,
-        ol,
-        dl,
-        dir,
-        menu            { margin: 1.12em 0; }
-        h5              { font-size: .83em; margin: 1.5em 0; }
-        h6              { font-size: .75em; margin: 1.67em 0; }
-        h1,
-        h2,
-        h3,
-        h4,
-        h5,
-        h6,
-        b,
-        strong          { font-weight: bolder; }
-        blockquote      { margin-left: 40px; margin-right: 40px; }
-        i,
-        cite,
-        em,
-        var,
-        address    	    { font-style: italic; }
-        pre,
-        tt,
-        code,
-        kbd,
-        samp       	    { font-family: monospace; }
-        pre             { white-space: pre; }
-        button,
-        textarea,
-        input,
-        select   		{ display: inline-block; }
-        big             { font-size: 1.17em; }
-        small,
-        sub,
-        sup 			{ font-size: .83em; }
-        sub             { vertical-align: sub; }
-        sup             { vertical-align: super; }
-        table           { border-spacing: 2px; }
-        thead,
-        tbody,
-        tfoot           { vertical-align: middle; }
-        td,
-        th          	{ vertical-align: inherit; }
-        s,
-        strike,
-        del  			{ text-decoration: line-through; }
-        hr              { border: 1px inset; }
-        ol,
-        ul,
-        dir,
-        menu,
-        dd        	    { margin-left: 40px; }
-        ul, menu, dir   { list-style-type: disc; }
-        ol              { list-style-type: decimal; }
-        ol ul,
-        ul ol,
-        ul ul,
-        ol ol    		{ margin-top: 0; margin-bottom: 0; }
-        u,
-        ins          	{ text-decoration: underline; }
-        br:before       { content: "\A"; }
-        :before, :after { white-space: pre-line; }
-        center          { text-align: center; }
-        :link, :visited { text-decoration: underline; }
-        :focus          { outline: invert dotted thin; }
-
-        /* Begin bidirectionality settings (do not change) */
-        BDO[DIR="ltr"]  { direction: ltr; unicode-bidi: bidi-override; }
-        BDO[DIR="rtl"]  { direction: rtl; unicode-bidi: bidi-override; }
-   ; }
-}

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

@@ -1,80 +0,0 @@
-/**
-  * @class Ext.LoadMask
-  * Component used to mask a component
-  */
-
-.#{$prefix}panel-transparent {
-    .#{$prefix}mask {
-        background: transparent;
-    }
-}
-
-.#{$prefix}mask {
-    z-index: 100;
-
-    position: absolute;
-    top: 0;
-    left: 0;
-
-    @include opacity($loadmask-opacity);
-
-    width: 100%;
-    height: 100%;
-    zoom: 1;
-
-    background: $loadmask-background;
-
-    &.splashscreen {
-        background-color: white;
-        @include opacity(1);
-    }
-}
-
-.#{$prefix}mask-msg {
-    z-index: 20001;
-
-    position: absolute;
-    top: 0;
-    left: 0;
-
-    padding: $loadmask-msg-padding;
-    border: 1px solid;
-    border-color: $loadmask-msg-border-color;
-
-    @if $loadmask-msg-background-gradient {
-        @if $supports-gradients or $compile-all {
-            @include background-gradient($loadmask-msg-background-color, $loadmask-msg-background-gradient);
-        }
-    } @else {
-        background: $loadmask-msg-background-color;
-    }
-
-    div {
-        padding: $loadmask-msg-inner-padding;
-
-        //if an icon is defined show it
-        @if $loadmask-msg-inner-icon != null {
-            background-image: theme-background-image($theme-name, $loadmask-msg-inner-icon);
-            background-repeat: no-repeat;
-            background-position: 5px center;
-        }
-
-        cursor: wait;
-
-        border: 1px solid $loadmask-msg-inner-border-color;
-
-        background-color: $loadmask-msg-inner-background-color;
-
-        color: $loadmask-msg-inner-color;
-        font: $loadmask-msg-inner-font;
-    }
-
-    &.splashscreen,
-    &.splashscreen div {
-        font-size: 16px;
-        padding: 30px 5px 5px 5px;
-        border: none;
-        background-color: transparent;
-        background-position: top center;
-    }
-}

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

@@ -1,190 +0,0 @@
-/**
-  * @class Ext.menu.*
-  */
-@mixin extjs-menu {
-    .#{$prefix}menu-body {
-        @include no-select;
-        background: $menu-background-color !important;
-        padding: $menu-padding;
-    }
-    
-    .#{$prefix}menu-item .#{$prefix}form-text {
-        user-select: text;
-        -webkit-user-select: text;
-        -o-user-select: text;
-        -ie-user-select: text;
-        -moz-user-select: text;
-        -ie-user-select: text;
-    }
-
-    .#{$prefix}menu-icon-separator {
-        position: absolute;
-        top: 0px;
-        left: $menu-item-indent;
-        z-index: 0;
-        border-left: solid 1px $menu-separator-border-color;
-        background-color: $menu-separator-background-color;
-        width: 2px;
-        overflow: hidden;
-    }
-
-    .#{$prefix}menu-plain {
-        .#{$prefix}menu-icon-separator {
-            display: none;
-        }
-    }
-
-    .#{$prefix}menu-focus {
-        display: block;
-        position: absolute;
-        top: -10px;
-        left: -10px;
-        width: 0px;
-        height: 0px;
-    }
-
-    .#{$prefix}menu-item {
-        white-space: nowrap;
-        overflow: hidden;
-        z-index: 1;
-    }
-
-    .#{$prefix}menu-item-cmp {
-        margin-bottom: 1px;
-    }
-
-    .#{$prefix}menu-item-link {
-        display: block;
-        margin: 1px;
-        padding: $menu-link-padding;
-        text-decoration: none !important;
-        line-height: 16px;
-        cursor: default;
-    }
-    
-    @if $include-opera {
-        .#{$prefix}opera {
-            // Opera 10.5 absolute positioning of submenu arrow has issues
-            // This will fix it, and not affect newer Operas
-            .#{$prefix}menu-item-link {
-                position: relative;
-            }
-        }
-    }
-
-    .#{$prefix}menu-item-icon {
-        width: 16px;
-        height: 16px;
-        position: absolute;
-        top: 5px;
-        left: 4px;
-        background: no-repeat center center;
-    }
-
-    .#{$prefix}menu-item-text {
-        font-size: ceil($font-size * .9);
-        color: $menu-text-color;
-    }
-
-    .#{$prefix}menu-item-checked {
-        .#{$prefix}menu-item-icon {
-            background-image: theme-background-image($theme-name, $menu-icon-checked);
-        }
-        .#{$prefix}menu-group-icon {
-            background-image: theme-background-image($theme-name, $menu-icon-group-checked);
-        }
-    }
-
-    .#{$prefix}menu-item-unchecked {
-        .#{$prefix}menu-item-icon {
-            background-image: theme-background-image($theme-name, $menu-icon-unchecked);
-        }
-        .#{$prefix}menu-group-icon {
-            background-image: none;
-        }
-    }
-
-    .#{$prefix}menu-item-separator {
-        height: 2px;
-        border-top: solid 1px $menu-separator-border-color;
-        background-color: $menu-separator-background-color;
-        margin: $menu-padding 0px;
-        overflow: hidden;
-    }
-
-    .#{$prefix}menu-item-arrow {
-        position: absolute;
-        width: 12px;
-        height: 9px;
-        top: 9px;
-        right: 0px;
-        background: no-repeat center center;
-        background-image: theme-background-image($theme-name, $menu-icon-arrow);
-    }
-
-    .#{$prefix}menu-item-indent {
-        margin-left: $menu-item-indent + $menu-padding + 2px; /* The 2px is the width of the seperator */
-    }
-
-    .#{$prefix}menu-item-active {
-        cursor: pointer;
-
-        .#{$prefix}menu-item-link {
-            @include background-gradient($menu-item-active-background-color, 'matte');
-            margin: 0px;
-            border: 1px solid $menu-item-active-border-color;
-            cursor: pointer;
-            @include border-radius(3px);
-        }
-    }
-
-    .#{$prefix}menu-item-disabled {
-        @include opacity(.5);
-    }
-
-    @if $include-ie {
-        .#{$prefix}ie {
-            .#{$prefix}menu-item-disabled {
-                .#{$prefix}menu-item-icon {
-                    @include opacity(.5);
-                }
-
-                .#{$prefix}menu-item-text {
-                    // IE opacity/cleartype bug workaround
-                    background-color: transparent;
-                }
-            }
-            
-            .#{$prefix}strict .#{$prefix}ie7m & {
-                .#{$prefix}menu-icon-separator {
-                    width: 1px;
-                }
-                
-                .#{$prefix}menu-item-separator {
-                    height: 1px;
-                }
-            }
-        }
-        
-        .#{$prefix}ie6,
-        .#{$prefix}ie7,
-        .#{$prefix}quirks .#{$prefix}ie8 {
-            .#{$prefix}menu-item-link {
-                padding-bottom: $menu-padding;
-            }
-        }
-    }
-
-    @if not $supports-gradients or $compile-all {
-        .#{$prefix}nlg {
-            .#{$prefix}menu-item-active .#{$prefix}menu-item-link {
-                background: $menu-item-active-background-color repeat-x left top;
-                background-image: theme-background-image($theme-name, $menu-item-active-background-image);
-            }
-        }
-    }
-    
-    .#{$prefix}menu-date-item {
-        border-color: #99BBE8;
-    }
-}

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

@@ -1,552 +0,0 @@
-/**
-* @class Ext.Panel
-* Used to create the base structure of an Ext.Panel
-*/
-@mixin extjs-panel {
-    .#{$prefix}panel,
-    .#{$prefix}plain {
-        overflow: hidden;
-        position: relative;
-    }
-
-    @if $include-ie {
-        // Workaround for disappearing right edge in IE6
-        .#{$prefix}ie {
-            .#{$prefix}panel-header,
-            .#{$prefix}panel-header-tl,
-            .#{$prefix}panel-header-tc,
-            .#{$prefix}panel-header-tr,
-            .#{$prefix}panel-header-ml,
-            .#{$prefix}panel-header-mc,
-            .#{$prefix}panel-header-mr,
-            .#{$prefix}panel-header-bl,
-            .#{$prefix}panel-header-bc,
-            .#{$prefix}panel-header-br {
-                zoom: 1;
-            }
-        }
-        // Fix for IE8 clipping. EXTJSIV-1553
-        .#{$prefix}ie8 {
-            td.#{$prefix}frame-mc {
-                vertical-align: top;
-            }
-        }
-    }
-
-    //panel header
-    .#{$prefix}panel-header-horizontal {
-        padding: $panel-header-padding;
-    }
-    .#{$prefix}panel-header-vertical {
-        padding: $panel-header-vertical-padding;
-    }
-
-    .#{$prefix}panel-header-icon,
-    .#{$prefix}window-header-icon {
-        width: $panel-header-icon-width;
-        height: $panel-header-icon-height;
-        background-repeat:no-repeat;
-        vertical-align:middle;
-        margin-right:6px;
-        opacity: 0.5;
-    }
-
-    .#{$prefix}vertical {
-        .#{$prefix}panel-header-icon,
-        .#{$prefix}window-header-icon {
-            margin: 0 0 6px;
-        }
-    }
-
-    .#{$prefix}panel-header-draggable,
-    .#{$prefix}panel-header-draggable .#{$prefix}panel-header-text,
-    .#{$prefix}window-header-draggable,
-    .#{$prefix}window-header-draggable .#{$prefix}window-header-text{
-        cursor: move;
-    }
-
-    // A ghost is just a Panel. The only extra it needs is opacity.
-    // TODO: Make opacity a variable
-    .#{$prefix}panel-ghost, .#{$prefix}window-ghost {
-        @include opacity(0.65);
-        cursor: move;
-    }
-
-    .#{$prefix}panel-header-horizontal, .#{$prefix}window-header-horizontal, .#{$prefix}btn-group-header-horizontal {
-        .#{$prefix}panel-header-body, .#{$prefix}window-header-body, .#{$prefix}btn-group-header-body {
-            width: 100%;
-        }
-    }
-
-    .#{$prefix}panel-header-vertical, .#{$prefix}window-header-vertical, .#{$prefix}btn-group-header-vertical {
-        .#{$prefix}panel-header-body, .#{$prefix}window-header-body, .#{$prefix}btn-group-header-body {
-            height: 100%;
-        }
-    }
-
-    .#{$prefix}panel-header-text-container {
-        overflow: hidden;
-        -o-text-overflow: ellipsis;
-        text-overflow: ellipsis;
-    }
-
-    .#{$prefix}panel-header-text {
-        @include no-select;
-        white-space: nowrap;
-        text-shadow: 0 1px 1px $text-shadow-color;
-
-    }
-
-    .#{$prefix}panel-header-left,
-    .#{$prefix}panel-header-right {
-        .#{$prefix}vml-base {
-            left: -3px !important;
-        }
-    }
-
-    //panel body
-    .#{$prefix}panel-body {
-        overflow: hidden;
-        position: relative;
-        border-top-width: 0;
-        font-size: $panel-body-font-size;
-    }
-
-    .#{$prefix}panel-header-vertical {
-        .#{$prefix}surface {
-            padding-left: 1px;
-        }
-    }
-
-    .#{$prefix}opera,
-    .#{$prefix}strict .#{$prefix}ie9 {
-        .#{$prefix}panel-header-vertical {
-            .#{$prefix}surface {
-                padding-left: 2px;
-            }
-        }
-    }
-
-    .#{$prefix}panel-collapsed {
-        .#{$prefix}panel-header-collapsed-border-top {
-            border-bottom-width: $panel-header-border-width !important;
-        }
-        .#{$prefix}panel-header-collapsed-border-right {
-            border-left-width: $panel-header-border-width !important;
-        }
-        .#{$prefix}panel-header-collapsed-border-bottom {
-            border-top-width: $panel-header-border-width !important;
-        }
-        .#{$prefix}panel-header-collapsed-border-left {
-            border-right-width: $panel-header-border-width !important;
-        }
-    }
-
-    @if not $supports-gradients or $compile-all {
-        .#{$prefix}nlg .#{$prefix}panel-header-vertical {
-            .#{$prefix}frame-mc {
-                background-repeat: repeat-y;
-            }
-        }
-    }
-
-    @if $include-panel-uis == true {
-        @include extjs-panel-ui(
-        'default',
-
-        $ui-base-color: $panel-base-color,
-        $ui-border-width: $panel-border-width,
-        $ui-border-color: $panel-border-color,
-        $ui-border-radius: $panel-border-radius,
-
-        $ui-header-color: $panel-header-color,
-        $ui-header-font-size: $panel-header-font-size,
-        $ui-header-font-weight: $panel-header-font-weight,
-        $ui-header-border-color: $panel-header-border-color,
-        $ui-header-border-radius: $panel-header-border-radius,
-        $ui-header-background-color: $panel-header-background-color,
-        $ui-header-background-gradient: $panel-header-background-gradient,
-        $ui-header-padding: $panel-header-padding,
-
-        $ui-body-color: $panel-body-color,
-        $ui-body-border-color: $panel-body-border-color,
-        $ui-body-border-width: 1px,
-        $ui-body-background-color: $panel-body-background-color
-        );
-
-        @include extjs-panel-ui(
-        'default-framed',
-
-        $ui-base-color: $panel-base-color,
-        $ui-border-width: $panel-frame-border-width,
-        $ui-border-color: $panel-frame-border-color,
-        $ui-border-radius: $panel-frame-border-radius,
-
-        $ui-header-color: $panel-header-color,
-        $ui-header-font-size: $panel-header-font-size,
-        $ui-header-font-weight: $panel-header-font-weight,
-        $ui-header-border-color: $panel-frame-border-color,
-        $ui-header-border-radius: $panel-header-border-radius,
-        $ui-header-background-color: $panel-header-background-color,
-        $ui-header-background-gradient: $panel-header-background-gradient,
-
-        $ui-body-color: $panel-body-color,
-        $ui-body-border-color: $panel-body-border-color,
-        $ui-body-border-width: 0,
-        $ui-body-background-color: $panel-frame-background-color,
-        $ui-image-label-with-border-radius: 'default'
-        );
-
-        @include extjs-panel-ui(
-        'default-clearheader',
-
-        $ui-base-color: $panel-base-color,
-        $ui-border-width: 0,
-        $ui-border-color: $panel-border-color,
-        $ui-border-radius: $panel-border-radius,
-
-        $ui-header-color: $panel-header-color,
-        $ui-header-font-size: $panel-header-font-size,
-        $ui-header-font-weight: $panel-header-font-weight,
-        $ui-header-border-color: $panel-header-border-color,
-        $ui-header-border-radius: $panel-header-border-radius,
-        $ui-header-background-color: $base-color,
-        $ui-header-background-gradient: null,
-
-        $ui-body-color: $panel-body-color,
-        $ui-body-border-color: $panel-body-border-color,
-        $ui-body-border-width: 1px,
-        $ui-body-background-color: $panel-body-background-color
-        );
-
-        .#{$prefix}panel-default-clearheader {
-            .#{$prefix}panel-header-icon {
-                width: 24px;
-                height: 24px;
-            }
-        }
-
-        .#{$prefix}panel-header-default-clearheader {
-            border: none;
-        }
-
-        .#{$prefix}panel-inset {
-            background-color: $neutral-color;
-            box-shadow: -5px 5px 10px darken($border-color, 10%) inset;
-            border-right: darken($border-color, 10%);
-        }
-
-        .#{$prefix}panel-transparent,
-        .#{$prefix}panel-header-transparent {
-            padding-left: 0 !important;
-            background-color: transparent;
-
-            .#{$prefix}panel-header-text {
-                font-size: $font-size + 4;
-                text-shadow: 0 1px 1px $text-shadow-color;
-            }
-        }
-
-    }
-
-    .#{$prefix}panel-header-plain,
-    .#{$prefix}panel-body-plain {
-        border: 0;
-        padding: 0;
-    }
-}
-
-/**
-* @class Ext.Panel
-* Used to create a visual theme for an Ext.Panel
-*/
-@mixin extjs-panel-ui(
-$ui-label,
-
-$ui-base-color: null,
-
-$ui-border-color: null,
-$ui-border-radius: null,
-$ui-border-width: 0,
-
-$ui-header-color: null,
-$ui-header-font-family: $panel-header-font-family,
-$ui-header-font-size: $panel-header-font-size,
-$ui-header-font-weight: $panel-header-font-weight,
-$ui-header-line-height: $panel-header-line-height,
-$ui-header-border-color: $ui-border-color,
-$ui-header-border-width: 0,
-$ui-header-border-radius: null,
-$ui-header-background-color: null,
-$ui-header-background-gradient: matte,
-$ui-header-inner-border-color: null,
-$ui-header-padding: 0,
-
-$ui-body-color: null,
-$ui-body-border-color: null,
-$ui-body-border-width: null,
-$ui-body-border-style: solid,
-$ui-body-background-color: null,
-$ui-body-font-size: null,
-$ui-body-font-weight: null,
-// optional image label to use when background header images are required (no linear-gradient),
-// but border-radius is supported (no framing els) e.g. IE9.
-$ui-image-label-with-border-radius: null
-){
-    @if $ui-base-color != null {
-        @if $ui-border-color == null { $ui-border-color: $border-color; }
-
-        @if $ui-header-color == null { $ui-header-color: #fff; }
-        @if $ui-header-background-color == null { $ui-header-background-color: lighten($ui-base-color, 15); }
-    }
-
-    @if $ui-header-inner-border-color == null and $ui-header-background-color != null {
-        $ui-header-inner-border-color: lighten($ui-header-background-color, 10);
-    }
-
-    .#{$prefix}panel-#{$ui-label} {
-        @if $ui-border-color != null { border-color: $ui-border-color; }
-    }
-
-    // header
-    .#{$prefix}panel-header-#{$ui-label} {
-        @if $ui-header-font-size != null { font-size: $ui-header-font-size; }
-
-        @if $ui-header-border-color != null {
-            border-color: $ui-header-border-color;
-            border-width: $panel-header-border-width;
-            border-style: $panel-header-border-style;
-        }
-
-        @if $supports-gradients or $compile-all {
-            @if $ui-header-background-color != null { @include background-gradient($ui-header-background-color, $ui-header-background-gradient); }
-
-            @if $panel-header-inner-border and $ui-header-inner-border-color != null {
-                @include inner-border(
-                $width: $panel-header-inner-border-width,
-                $color: $ui-header-inner-border-color
-                );
-            }
-        }
-    }
-
-    // header background images
-    @if $ui-header-background-color != null and $ui-header-background-gradient != null {
-        @if not $supports-gradients or $compile-all {
-            .#{$prefix}nlg .#{$prefix}panel-header-#{$ui-label}-top {
-                background-image: theme-background-image($theme-name, 'panel-header/panel-header-#{$ui-label}-top-bg.gif');
-            }
-
-            .#{$prefix}nlg .#{$prefix}panel-header-#{$ui-label}-bottom {
-                background-image: theme-background-image($theme-name, 'panel-header/panel-header-#{$ui-label}-bottom-bg.gif');
-            }
-
-            .#{$prefix}nlg .#{$prefix}panel-header-#{$ui-label}-left {
-                background-image: theme-background-image($theme-name, 'panel-header/panel-header-#{$ui-label}-left-bg.gif');
-            }
-
-            .#{$prefix}nlg .#{$prefix}panel-header-#{$ui-label}-right {
-                background-image: theme-background-image($theme-name, 'panel-header/panel-header-#{$ui-label}-right-bg.gif');
-            }
-
-            .#{$prefix}nlg .#{$prefix}panel-header-#{$ui-label}-right {
-                background-position: top right;
-            }
-
-            .#{$prefix}nlg .#{$prefix}panel-header-#{$ui-label}-bottom {
-                background-position: bottom left;
-            }
-
-            @if $ui-border-radius != null {
-                .#{$prefix}nbr {
-                    // If framing elements are used to achieve rounded corners remove the background image from the header element since the framing elements
-                    // already have the background image, and a background image on the main header element bleeds through the corner framing elements.
-                    .#{$prefix}panel-header-#{$ui-label} {
-                        background-image: none;
-                    }
-                }
-            }
-
-
-            @if $ui-image-label-with-border-radius != null {
-                // IE9 strict, Opera < 11.10, and Safari 3 are the only currently supported browsers that support border-radius, but do not support linear-gradient.
-                .#{$prefix}strict .#{$prefix}ie9,
-                .#{$prefix}nlg.#{$prefix}opera,
-                .#{$prefix}nlg.#{$prefix}safari {
-                    .#{$prefix}panel-header-#{$ui-label}-top {
-                        background-image: theme-background-image($theme-name, 'panel-header/panel-header-#{$ui-image-label-with-border-radius}-top-bg.gif');
-                    }
-
-                    .#{$prefix}panel-header-#{$ui-label}-bottom {
-                        background-image: theme-background-image($theme-name, 'panel-header/panel-header-#{$ui-image-label-with-border-radius}-bottom-bg.gif');
-                    }
-
-                    .#{$prefix}panel-header-#{$ui-label}-left {
-                        background-image: theme-background-image($theme-name, 'panel-header/panel-header-#{$ui-image-label-with-border-radius}-left-bg.gif');
-                    }
-
-                    .#{$prefix}panel-header-#{$ui-label}-right {
-                        background-image: theme-background-image($theme-name, 'panel-header/panel-header-#{$ui-image-label-with-border-radius}-right-bg.gif');
-                    }
-                }
-            }
-        }
-    }
-
-    // header text
-    .#{$prefix}panel-header-text-#{$ui-label} {
-        @if $ui-header-color != null { color: $ui-header-color; }
-
-        @if $ui-header-font-size != null {   font-size: $ui-header-font-size; }
-        @if $ui-header-font-weight != null { font-weight: $ui-header-font-weight; }
-        @if $ui-header-font-family != null { font-family: $ui-header-font-family; }
-        @if $ui-header-line-height != null { line-height: $ui-header-line-height; }
-    }
-
-    // body
-    .#{$prefix}panel-body-#{$ui-label} {
-        @if $ui-body-background-color != null { background: $ui-body-background-color; }
-        @if $ui-body-border-color != null {     border-color: $ui-body-border-color; }
-        @if $ui-body-color != null {            color: $ui-body-color; }
-        @if $ui-body-font-size != null {        font-size: $ui-body-font-size; }
-        @if $ui-body-font-weight != null {      font-size: $ui-body-font-weight; }
-
-        @if $ui-body-border-width != null {
-            border-width: $ui-body-border-width;
-            @if $ui-body-border-style != null { border-style: $ui-body-border-style; }
-        }
-        border-top-width: 0;
-    }
-
-    .#{$prefix}panel-collapsed {
-        .#{$prefix}window-header-#{$ui-label},
-        .#{$prefix}panel-header-#{$ui-label} {
-            @if $ui-body-border-color != null { border-color: $ui-body-border-color; }
-        }
-    }
-
-    .#{$prefix}panel-header-#{$ui-label}-vertical {
-        @if $ui-body-border-color != null { border-color: $ui-body-border-color; }
-    }
-
-    @if $ui-base-color != null {
-        @if $supports-gradients or $compile-all {
-            .#{$prefix}panel-header-#{$ui-label}-left,
-            .#{$prefix}panel-header-#{$ui-label}-right {
-                @include background-gradient($ui-header-background-color, $ui-header-background-gradient, right);
-            }
-        }
-    }
-
-    @if $ui-border-radius != null {
-        @include x-frame(
-        'panel',
-        $ui: '#{$ui-label}',
-
-        /* Radius, width, padding and background-color */
-        $border-radius   : $ui-border-radius,
-        $border-width    : $ui-border-width,
-        $padding         : $panel-frame-padding,
-        $background-color: $ui-body-background-color
-        );
-
-
-        @include x-frame('panel-header', '#{$ui-label}-top',    top($ui-border-radius) right($ui-border-radius) 0 0,    top($ui-border-width) right($ui-border-width) 0 left($ui-border-width), $panel-header-padding, $ui-header-background-color, $ui-header-background-gradient);
-        @include x-frame('panel-header', '#{$ui-label}-right',  0 right($ui-border-radius) bottom($ui-border-radius) 0, top($ui-border-width) right($ui-border-width) bottom($ui-border-width) 0, $panel-header-vertical-padding, $ui-header-background-color, $ui-header-background-gradient, false, right);
-        @include x-frame('panel-header', '#{$ui-label}-bottom', 0 0 bottom($ui-border-radius) left($ui-border-radius),  0 right($ui-border-width) bottom($ui-border-width) left($ui-border-width), $panel-header-padding, $ui-header-background-color, $ui-header-background-gradient);
-        @include x-frame('panel-header', '#{$ui-label}-left',   top($ui-border-radius) 0 0 left($ui-border-radius),     top($ui-border-width) 0 bottom($ui-border-width) left($ui-border-width), $panel-header-vertical-padding, $ui-header-background-color, $ui-header-background-gradient, false, right);
-
-        /*.#{$prefix}panel-header-#{$ui-label}-top {
-        @include inner-border(1px 1px 0 1px, $ui-header-inner-border-color);
-        }
-
-        .#{$prefix}panel-header-#{$ui-label}-right {
-        @include inner-border(1px 1px 1px 0, $ui-header-inner-border-color);
-        }
-
-        .#{$prefix}panel-header-#{$ui-label}-bottom {
-        @include inner-border(0 1px 1px 1px, $ui-header-inner-border-color);
-        }
-
-        .#{$prefix}panel-header-#{$ui-label}-left {
-        @include inner-border(1px 0 1px 1px, $ui-header-inner-border-color);
-        }*/
-    } @else {
-
-        .#{$prefix}panel-collapsed {
-            .#{$prefix}panel-header-#{$ui-label}-top {
-                @include border-bottom-radius($ui-border-radius);
-            }
-
-            .#{$prefix}panel-header-#{$ui-label}-right {
-                @include border-left-radius($ui-border-radius);
-            }
-
-            .#{$prefix}panel-header-#{$ui-label}-bottom {
-                @include border-top-radius($ui-border-radius);
-            }
-
-            .#{$prefix}panel-header-#{$ui-label}-left {
-                @include border-right-radius($ui-border-radius);
-            }
-        }
-
-
-        /*.#{$prefix}panel-header-#{$ui-label}-top {
-        @include inner-border(1px 0 0 0, $ui-header-inner-border-color);
-        border-bottom-width: 1px !important;
-        }
-
-        .#{$prefix}panel-header-#{$ui-label}-right {
-        @include inner-border(0 1px 0 0, $ui-header-inner-border-color);
-        }
-
-        .#{$prefix}panel-header-#{$ui-label}-bottom {
-        @include inner-border(0 0 1px, $ui-header-inner-border-color);
-        }
-
-        .#{$prefix}panel-header-#{$ui-label}-left {
-        @include inner-border(0 0 0 1px, $ui-header-inner-border-color);
-        }*/
-    }
-
-    @if $ui-border-radius != null {
-        .#{$prefix}panel .#{$prefix}panel-header-#{$ui-label}-top {
-            border-bottom-width: 1px !important;
-        }
-
-        .#{$prefix}panel .#{$prefix}panel-header-#{$ui-label}-right {
-            border-left-width: 1px !important;
-        }
-
-        .#{$prefix}panel .#{$prefix}panel-header-#{$ui-label}-bottom {
-            border-top-width: 1px !important;
-        }
-
-        .#{$prefix}panel .#{$prefix}panel-header-#{$ui-label}-left {
-            border-right-width: 1px !important;
-        }
-
-        .#{$prefix}panel-header-#{$ui-label}-collapsed {
-            @include border-radius($ui-border-radius);
-        }
-
-        @include x-frame('panel-header', '#{$ui-label}-collapsed-top',    top($ui-border-radius) right($ui-border-radius) bottom($ui-border-radius) left($ui-border-radius), $ui-border-width, $panel-header-padding, $ui-header-background-color, $ui-header-background-gradient);
-        @include x-frame('panel-header', '#{$ui-label}-collapsed-right',  top($ui-border-radius) right($ui-border-radius) bottom($ui-border-radius) left($ui-border-radius), $ui-border-width, $panel-header-vertical-padding, $ui-header-background-color, $ui-header-background-gradient, false, right);
-        @include x-frame('panel-header', '#{$ui-label}-collapsed-bottom', top($ui-border-radius) right($ui-border-radius) bottom($ui-border-radius) left($ui-border-radius), $ui-border-width, $panel-header-padding, $ui-header-background-color, $ui-header-background-gradient);
-        @include x-frame('panel-header', '#{$ui-label}-collapsed-left',   top($ui-border-radius) right($ui-border-radius) bottom($ui-border-radius) left($ui-border-radius), $ui-border-width, $panel-header-vertical-padding, $ui-header-background-color, $ui-header-background-gradient, false, right);
-    }
-
-    //background positioning of images
-    .#{$prefix}panel-header-#{$ui-label}-right-tc,
-    .#{$prefix}panel-header-#{$ui-label}-right-mc,
-    .#{$prefix}panel-header-#{$ui-label}-right-bc {
-        background-position: right 0;
-    }
-
-    .#{$prefix}panel-header-#{$ui-label}-bottom-tc,
-    .#{$prefix}panel-header-#{$ui-label}-bottom-mc,
-    .#{$prefix}panel-header-#{$ui-label}-bottom-bc {
-        background-position: 0 bottom;
-    }
-}