canvace/bin/static/extjs/resources/ext-theme-classic/ext-theme-classic-all-debug.css

The Canvace Visual Development Environment.

/* including package ext-theme-base */
/**
 * Creates a background gradient.
 *
 * Example usage:
 *     .foo {
 *          @include background-gradient(#808080, matte, left);
 *     }
 *
 * @param {Color} $bg-color The background color of the gradient
 * @param {String/List} [$type=$base-gradient] The type of gradient to be used. Can either
 * be a String which is a predefined gradient name, or it can can be a list of color stops.
 * If null is passed, this mixin will still set the `background-color` to $bg-color.
 * The available predefined gradient names are:
 *
 * * bevel
 * * glossy
 * * recessed
 * * matte
 * * matte-reverse
 * * panel-header
 * * tabbar
 * * tab
 * * tab-active
 * * tab-over
 * * tab-disabled
 * * grid-header
 * * grid-header-over
 * * grid-row-over
 * * grid-cell-special
 * * glossy-button
 * * glossy-button-over
 * * glossy-button-pressed
 *
 * Each of these gradient names corresponds to a function named linear-gradient[name].
 * Themes can override these functions to customize the color stops that they return.
 * For example, to override the glossy-button gradient function add a function named
 * "linear-gradient-glossy-button" to a file named "sass/etc/mixins/background-gradient.scss"
 * in your theme.  The function should return the result of calling the Compass linear-gradient
 * function with the desired direction and color-stop information for the gradient.  For example:
 *
 *     @function linear-gradient-glossy-button($direction, $bg-color) {
 *         @return linear-gradient($direction, color_stops(
 *             mix(#fff, $bg-color, 10%),
 *             $bg-color 50%,
 *             mix(#000, $bg-color, 5%) 51%,
 *             $bg-color
 *         ));
 *     }
 *
 * @param {String} [$direction=top] The direction of the gradient. Can either be
 * `top` or `left`.
 *
 * @member Global_CSS
 */
/*
 * Method which inserts a full background-image property for a theme image.
 * It checks if the file exists and if it doesn't, it'll throw an error.
 * By default it will not include the background-image property if it is not found,
 * but this can be changed by changing the default value of $include-missing-images to
 * be true.
 */
/* including package ext-theme-neutral */
/* including package ext-theme-classic */
/* including package ext-theme-classic */
/* including package ext-theme-neutral */
/**
 * @class Global_CSS
 */
/**
 * @var {color} $color
 * The default text color to be used throughout the theme.
 */
/**
 * @var {string} $font-family
 * The default font-family to be used throughout the theme.
 */
/**
 * @var {string} $font-size
 * The default font-family to be used throughout the theme.
 */
/**
 * @var {string} $base-gradient
 * The base gradient to be used throughout the theme.
 */
/**
 * @var {color} $base-color
 * The base color to be used throughout the theme.
 */
/**
 * @var {color} $neutral-color
 * The neutral color to be used throughout the theme.
 */
/**
 * @var {color} $body-background-color
 * Background color to apply to the body element
 */
/**
 * @class Ext.FocusManager
 */
/**
 * @var {color}
 * The border-color of the focusFrame.  See {@link #method-enable}.
 */
/**
 * @var {color}
 * The border-style of the focusFrame.  See {@link #method-enable}.
 */
/**
 * @var {color}
 * The border-width of the focusFrame.  See {@link #method-enable}.
 */
/**
 * @class Ext.LoadMask
 */
/**
 * @var {number}
 * Opacity of the LoadMask
 */
/**
 * @var {color}
 * The background-color of the LoadMask
 */
/**
 * @var {string}
 * The type of cursor to dislay when the cursor is over the LoadMask
 */
/**
 * @var {number/list}
 * The padding to apply to the LoadMask's message element
 */
/**
 * @var {string}
 * The border-style of the LoadMask's message element
 */
/**
 * @var {color}
 * The border-color of the LoadMask's message element
 */
/**
 * @var {number}
 * The border-width of the LoadMask's message element
 */
/**
 * @var {color}
 * The background-color of the LoadMask's message element
 */
/**
 * @var {string/list}
 * The background-gradient of the LoadMask's message element. Can be either the name
 * of a predefined gradient or a list of color stops. Used as the `$type` parameter for
 * {@link Global_CSS#background-gradient}.
 */
/**
 * @var {number/list}
 * The padding of the message inner element
 */
/**
 * @var {string}
 * The icon to display in the message inner element
 */
/**
 * @var {list}
 * The background-position of the icon
 */
/**
 * @var {string}
 * The border-style of the message inner element
 */
/**
 * @var {color}
 * The border-color of the message inner element
 */
/**
 * @var {number}
 * The border-width of the message inner element
 */
/**
 * @var {color}
 * The background-color of the message inner element
 */
/**
 * @var {color}
 * The text color of the message inner element
 */
/**
 * @var {number}
 * The font-size of the message inner element
 */
/**
 * @var {string}
 * The font-weight of the message inner element
 */
/**
 * @var {string}
 * The font-family of the message inner element
 */
/**
 * @var {number/list}
 * The padding of the message element
 */
/**
 * @var {number}
 * The border-radius of the message element
 */
/**
 * @class Ext.ProgressBar
 */
/**
 * @var {number}
 * The height of the ProgressBar
 */
/**
 * @var {color}
 * The border-color of the ProgressBar
 */
/**
 * @var {number}
 * The border-width of the ProgressBar
 */
/**
 * @var {number}
 * The border-radius of the ProgressBar
 */
/**
 * @var {color}
 * The background-color of the ProgressBar
 */
/**
 * @var {color}
 * The background-color of the ProgressBar's moving element
 */
/**
 * @var {string/list}
 * The background-gradient of the ProgressBar's moving element. Can be either the name of
 * a predefined gradient or a list of color stops. Used as the `$type` parameter for
 * {@link Global_CSS#background-gradient}.
 */
/**
 * @var {color}
 * The color of the ProgressBar's text when in front of the ProgressBar's moving element
 */
/**
 * @var {color}
 * The color of the ProgressBar's text when the ProgressBar's 'moving element is not under it
 */
/**
 * @var {string}
 * The text-align of the ProgressBar's text
 */
/**
 * @var {number}
 * The font-size of the ProgressBar's text
 */
/**
 * @var {string}
 * The font-weight of the ProgressBar's text
 */
/**
 * @var {boolean}
 * True to include the "default" ProgressBar UI
 */
/**
 * @class Ext.button.Button
 */
/**
 * @var {number}
 * The default width for a button's {@link #cfg-menu} arrow
 */
/**
 * @var {number}
 * The default height for a button's {@link #cfg-menu} arrow
 */
/**
 * @var {number}
 * The default width for a {@link Ext.button.Split Split Button}'s arrow
 */
/**
 * @var {number}
 * The default height for a {@link Ext.button.Split Split Button}'s arrow
 */
/**
 * @var {number}
 * The default space between a button's icon and text
 */
/**
 * @var {number}
 * The default border-radius for a small {@link #scale} button
 */
/**
 * @var {number}
 * The default border-width for a small {@link #scale} button
 */
/**
 * @var {number}
 * The default padding for a small {@link #scale} button
 */
/**
 * @var {number}
 * The default horizontal padding to add to the left and right of the text element for
 * a small {@link #scale} button
 */
/**
 * @var {number}
 * The default font-size for a small {@link #scale} button
 */
/**
 * @var {number}
 * The default font-size for a small {@link #scale} button when the cursor is over the button
 */
/**
 * @var {number}
 * The default font-size for a small {@link #scale} button when the button is focused
 */
/**
 * @var {number}
 * The default font-size for a small {@link #scale} button when the button is pressed
 */
/**
 * @var {number}
 * The default font-size for a small {@link #scale} button when the button is disabled
 */
/**
 * @var {string}
 * The default font-weight for a small {@link #scale} button
 */
/**
 * @var {string}
 * The default font-weight for a small {@link #scale} button when the cursor is over the button
 */
/**
 * @var {string}
 * The default font-weight for a small {@link #scale} button when the button is focused
 */
/**
 * @var {string}
 * The default font-weight for a small {@link #scale} button when the button is pressed
 */
/**
 * @var {string}
 * The default font-weight for a small {@link #scale} button when the button is disabled
 */
/**
 * @var {string}
 * The default font-family for a small {@link #scale} button
 */
/**
 * @var {string}
 * The default font-family for a small {@link #scale} button when the cursor is over the button
 */
/**
 * @var {string}
 * The default font-family for a small {@link #scale} button when the button is focused
 */
/**
 * @var {string}
 * The default font-family for a small {@link #scale} button when the button is pressed
 */
/**
 * @var {string}
 * The default font-family for a small {@link #scale} button when the button is disabled
 */
/**
 * @var {number}
 * The default icon size for a small {@link #scale} button
 */
/**
 * @var {number}
 * The default width of a small {@link #scale} button's {@link #cfg-menu} arrow
 */
/**
 * @var {number}
 * The default height of a small {@link #scale} button's {@link #cfg-menu} arrow
 */
/**
 * @var {number}
 * The default width of a small {@link #scale} {@link Ext.button.Split Split Button}'s arrow
 */
/**
 * @var {number}
 * The default height of a small {@link #scale} {@link Ext.button.Split Split Button}'s arrow
 */
/**
 * @var {number}
 * The default border-radius for a medium {@link #scale} button
 */
/**
 * @var {number}
 * The default border-width for a medium {@link #scale} button
 */
/**
 * @var {number}
 * The default padding for a medium {@link #scale} button
 */
/**
 * @var {number}
 * The default horizontal padding to add to the left and right of the text element for
 * a medium {@link #scale} button
 */
/**
 * @var {number}
 * The default font-size for a medium {@link #scale} button
 */
/**
 * @var {number}
 * The default font-size for a medium {@link #scale} button when the cursor is over the button
 */
/**
 * @var {number}
 * The default font-size for a medium {@link #scale} button when the button is focused
 */
/**
 * @var {number}
 * The default font-size for a medium {@link #scale} button when the button is pressed
 */
/**
 * @var {number}
 * The default font-size for a medium {@link #scale} button when the button is disabled
 */
/**
 * @var {string}
 * The default font-weight for a medium {@link #scale} button
 */
/**
 * @var {string}
 * The default font-weight for a medium {@link #scale} button when the cursor is over the button
 */
/**
 * @var {string}
 * The default font-weight for a medium {@link #scale} button when the button is focused
 */
/**
 * @var {string}
 * The default font-weight for a medium {@link #scale} button when the button is pressed
 */
/**
 * @var {string}
 * The default font-weight for a medium {@link #scale} button when the button is disabled
 */
/**
 * @var {string}
 * The default font-family for a medium {@link #scale} button
 */
/**
 * @var {string}
 * The default font-family for a medium {@link #scale} button when the cursor is over the button
 */
/**
 * @var {string}
 * The default font-family for a medium {@link #scale} button when the button is focused
 */
/**
 * @var {string}
 * The default font-family for a medium {@link #scale} button when the button is pressed
 */
/**
 * @var {string}
 * The default font-family for a medium {@link #scale} button when the button is disabled
 */
/**
 * @var {number}
 * The default icon size for a medium {@link #scale} button
 */
/**
 * @var {number}
 * The default width of a medium {@link #scale} button's {@link #cfg-menu} arrow
 */
/**
 * @var {number}
 * The default height of a medium {@link #scale} button's {@link #cfg-menu} arrow
 */
/**
 * @var {number}
 * The default width of a medium {@link #scale} {@link Ext.button.Split Split Button}'s arrow
 */
/**
 * @var {number}
 * The default height of a medium {@link #scale} {@link Ext.button.Split Split Button}'s arrow
 */
/**
 * @var {number}
 * The default border-radius for a large {@link #scale} button
 */
/**
 * @var {number}
 * The default border-width for a large {@link #scale} button
 */
/**
 * @var {number}
 * The default padding for a large {@link #scale} button
 */
/**
 * @var {number}
 * The default horizontal padding to add to the left and right of the text element for
 * a large {@link #scale} button
 */
/**
 * @var {number}
 * The default font-size for a large {@link #scale} button
 */
/**
 * @var {number}
 * The default font-size for a large {@link #scale} button when the cursor is over the button
 */
/**
 * @var {number}
 * The default font-size for a large {@link #scale} button when the button is focused
 */
/**
 * @var {number}
 * The default font-size for a large {@link #scale} button when the button is pressed
 */
/**
 * @var {number}
 * The default font-size for a large {@link #scale} button when the button is disabled
 */
/**
 * @var {string}
 * The default font-weight for a large {@link #scale} button
 */
/**
 * @var {string}
 * The default font-weight for a large {@link #scale} button when the cursor is over the button
 */
/**
 * @var {string}
 * The default font-weight for a large {@link #scale} button when the button is focused
 */
/**
 * @var {string}
 * The default font-weight for a large {@link #scale} button when the button is pressed
 */
/**
 * @var {string}
 * The default font-weight for a large {@link #scale} button when the button is disabled
 */
/**
 * @var {string}
 * The default font-family for a large {@link #scale} button
 */
/**
 * @var {string}
 * The default font-family for a large {@link #scale} button when the cursor is over the button
 */
/**
 * @var {string}
 * The default font-family for a large {@link #scale} button when the button is focused
 */
/**
 * @var {string}
 * The default font-family for a large {@link #scale} button when the button is pressed
 */
/**
 * @var {string}
 * The default font-family for a large {@link #scale} button when the button is disabled
 */
/**
 * @var {number}
 * The default icon size for a large {@link #scale} button
 */
/**
 * @var {number}
 * The default width of a large {@link #scale} button's {@link #cfg-menu} arrow
 */
/**
 * @var {number}
 * The default height of a large {@link #scale} button's {@link #cfg-menu} arrow
 */
/**
 * @var {number}
 * The default width of a large {@link #scale} {@link Ext.button.Split Split Button}'s arrow
 */
/**
 * @var {number}
 * The default height of a large {@link #scale} {@link Ext.button.Split Split Button}'s arrow
 */
/**
 * @var {color}
 * The base color for the `default` button UI
 */
/**
 * @var {color}
 * The base color for the `default` button UI when the cursor is over the button
 */
/**
 * @var {color}
 * The base color for the `default` button UI when the button is focused
 */
/**
 * @var {color}
 * The base color for the `default` button UI when the button is pressed
 */
/**
 * @var {color}
 * The base color for the `default` button UI when the button is disabled
 */
/**
 * @var {color}
 * The border-color for the `default` button UI
 */
/**
 * @var {color}
 * The border-color for the `default` button UI when the cursor is over the button
 */
/**
 * @var {color}
 * The border-color for the `default` button UI when the button is focused
 */
/**
 * @var {color}
 * The border-color for the `default` button UI when the button is pressed
 */
/**
 * @var {color}
 * The border-color for the `default` button UI when the button is disabled
 */
/**
 * @var {color}
 * The background-color for the `default` button UI
 */
/**
 * @var {color}
 * The background-color for the `default` button UI when the cursor is over the button
 */
/**
 * @var {color}
 * The background-color for the `default` button UI when the button is focused
 */
/**
 * @var {color}
 * The background-color for the `default` button UI when the button is pressed
 */
/**
 * @var {color}
 * The background-color for the `default` button UI when the button is disabled
 */
/**
 * @var {string/list}
 * The background-gradient for the `default` button UI.  Can be either the name of a
 * predefined gradient or a list of color stops. Used as the `$type` parameter for
 * {@link Global_CSS#background-gradient}.
 */
/**
 * @var {string/list}
 * The background-gradient for the `default` button UI when the cursor is over the button.
 * Can be either the name of a predefined gradient or a list of color stops. Used as the
 * `$type` parameter for {@link Global_CSS#background-gradient}.
 */
/**
 * @var {string/list}
 * The background-gradient for the `default` button UI when the button is focused.  Can be
 * either the name of a predefined gradient or a list of color stops. Used as the `$type`
 * parameter for {@link Global_CSS#background-gradient}.
 */
/**
 * @var {string/list}
 * The background-gradient for the `default` button UI when the button is pressed.  Can be
 * either the name of a predefined gradient or a list of color stops. Used as the `$type`
 * parameter for {@link Global_CSS#background-gradient}.
 */
/**
 * @var {string/list}
 * The background-gradient for the `default` button UI when the button is disabled.  Can be
 * either the name of a predefined gradient or a list of color stops. Used as the `$type`
 * parameter for {@link Global_CSS#background-gradient}.
 */
/**
 * @var {color}
 * The text color for the `default` button UI
 */
/**
 * @var {color}
 * The text color for the `default` button UI when the cursor is over the button
 */
/**
 * @var {color}
 * The text color for the `default` button UI when the button is focused
 */
/**
 * @var {color}
 * The text color for the `default` button UI when the button is pressed
 */
/**
 * @var {color}
 * The text color for the `default` button UI when the button is disabled
 */
/**
 * @var {color}
 * The color of the {@link #glyph} icon for the `default` button UI
 */
/**
 * @var {color}
 * The opacity of the {@link #glyph} icon for the `default` button UI
 */
/**
 * @var {color}
 * The border-color for the `default-toolbar` button UI
 */
/**
 * @var {color}
 * The border-color for the `default-toolbar` button UI when the cursor is over the button
 */
/**
 * @var {color}
 * The border-color for the `default-toolbar` button UI when the button is focused
 */
/**
 * @var {color}
 * The border-color for the `default-toolbar` button UI when the button is pressed
 */
/**
 * @var {color}
 * The border-color for the `default-toolbar` button UI when the button is disabled
 */
/**
 * @var {color}
 * The background-color for the `default-toolbar` button UI
 */
/**
 * @var {color}
 * The background-color for the `default-toolbar` button UI when the cursor is over the button
 */
/**
 * @var {color}
 * The background-color for the `default-toolbar` button UI when the button is focused
 */
/**
 * @var {color}
 * The background-color for the `default-toolbar` button UI when the button is pressed
 */
/**
 * @var {color}
 * The background-color for the `default-toolbar` button UI when the button is disabled
 */
/**
 * @var {string/list}
 * The background-gradient for the `default-toolbar` button UI.  Can be either the name of
 * a predefined gradient or a list of color stops. Used as the `$type` parameter for
 * {@link Global_CSS#background-gradient}.
 */
/**
 * @var {string/list}
 * The background-gradient for the `default-toolbar` button UI when the cursor is over the
 * button. Can be either the name of a predefined gradient or a list of color stops. Used
 * as the `$type` parameter for {@link Global_CSS#background-gradient}.
 */
/**
 * @var {string/list}
 * The background-gradient for the `default-toolbar` button UI when the button is focused.
 * Can be either the name of a predefined gradient or a list of color stops. Used as the
 * `$type` parameter for {@link Global_CSS#background-gradient}.
 */
/**
 * @var {string/list}
 * The background-gradient for the `default-toolbar` button UI when the button is pressed.
 * Can be either the name of a predefined gradient or a list of color stops. Used as the
 * `$type` parameter for {@link Global_CSS#background-gradient}.
 */
/**
 * @var {string/list}
 * The background-gradient for the `default-toolbar` button UI when the button is disabled.
 * Can be either the name of a predefined gradient or a list of color stops. Used as the
 * `$type` parameter for {@link Global_CSS#background-gradient}.
 */
/**
 * @var {color}
 * The text color for the `default-toolbar` button UI
 */
/**
 * @var {color}
 * The text color for the `default-toolbar` button UI when the cursor is over the button
 */
/**
 * @var {color}
 * The text color for the `default-toolbar` button UI when the button is focused
 */
/**
 * @var {color}
 * The text color for the `default-toolbar` button UI when the button is pressed
 */
/**
 * @var {color}
 * The text color for the `default-toolbar` button UI when the button is disabled
 */
/**
 * @var {color}
 * The color of the {@link #glyph} icon for the `default-toolbar` button UI
 */
/**
 * @var {color}
 * The opacity of the {@link #glyph} icon for the `default-toolbar` button UI
 */
/**
 * @var {boolean} $button-include-ui-menu-arrows
 * True to use a different image url for the menu button arrows for each button UI
 */
/**
 * @var {boolean} $button-include-ui-split-arrows
 * True to use a different image url for the split button arrows for each button UI
 */
/**
 * @var {boolean} $button-include-split-over-arrows
 * True to include different split arrows for buttons' hover state.
 */
/**
 * @var {boolean} $button-toolbar-include-split-noline-arrows
 * True to include "noline" split arrows for toolbar buttons in their default state.
 */
/**
 * @var {number} $button-opacity-disabled
 * opacity to apply to the button's main element when the buton is disabled
 */
/**
 * @var {number} $button-inner-opacity-disabled
 * opacity to apply to the button's inner elements (icon and text) when the buton is disabled
 */
/**
 * @var {number} $button-toolbar-opacity-disabled
 * opacity to apply to the toolbar button's main element when the buton is disabled
 */
/**
 * @var {number} $button-toolbar-inner-opacity-disabled
 * opacity to apply to the toolbar button's inner elements (icon and text) when the buton is disabled
 */
/**
 * @var {boolean}
 * True to include the "default" button UI
 */
/**
 * @var {boolean}
 * True to include the "default" button UI for "small" scale buttons
 */
/**
 * @var {boolean}
 * True to include the "default" button UI for "medium" scale buttons
 */
/**
 * @var {boolean}
 * True to include the "default" button UI for "large" scale buttons
 */
/**
 * @var {boolean}
 * True to include the "default-toolbar" button UI
 */
/**
 * @var {boolean}
 * True to include the "default-toolbar" button UI for "small" scale buttons
 */
/**
 * @var {boolean}
 * True to include the "default-toolbar" button UI for "medium" scale buttons
 */
/**
 * @var {boolean}
 * True to include the "default-toolbar" button UI for "large" scale buttons
 */
/**
 * @class Ext.toolbar.Toolbar
 */
/**
 * @var {number}
 * The default font-size of Toolbar text
 */
/**
 * @var {color}
 * The background-color of the Toolbar
 */
/**
 * @var {string/list}
 * The background-gradient of the Toolbar.  Can be either the name of a predefined gradient
 * or a list of color stops. Used as the `$type` parameter for {@link Global_CSS#background-gradient}.
 */
/**
 * @var {number}
 * The horizontal spacing of Toolbar items
 */
/**
 * @var {number}
 * The vertical spacing of Toolbar items
 */
/**
 * @var {number}
 * The horizontal spacing of {@link Ext.panel.Panel#fbar footer} Toolbar items
 */
/**
 * @var {number}
 * The vertical spacing of {@link Ext.panel.Panel#fbar footer} Toolbar items
 */
/**
 * @var {color}
 * The background-color of {@link Ext.panel.Panel#fbar footer} Toolbars
 */
/**
 * @var {number}
 * The border-width of {@link Ext.panel.Panel#fbar footer} Toolbars
 */
/**
 * @var {number/list}
 * The margin of {@link Ext.panel.Panel#fbar footer} Toolbars
 */
/**
 * @var {color}
 * The border-color of Toolbars
 */
/**
 * @var {number}
 * The border-width of Toolbars
 */
/**
 * @var {string}
 * The border-style of Toolbars
 */
/**
 * @var {number}
 * The width of Toolbar {@link Ext.toolbar.Spacer Spacers}
 */
/**
 * @var {color}
 * The main border-color of Toolbar {@link Ext.toolbar.Separator Separators}
 */
/**
 * @var {color}
 * The highlight border-color of Toolbar {@link Ext.toolbar.Separator Separators}
 */
/**
 * @var {number/list}
 * The margin of {@link Ext.toolbar.Separator Separators} on a horizontally oriented Toolbar
 */
/**
 * @var {number}
 * The height of {@link Ext.toolbar.Separator Separators} on a horizontally oriented Toolbar
 */
/**
 * @var {string}
 * The border-style of {@link Ext.toolbar.Separator Separators} on a horizontally oriented Toolbar
 */
/**
 * @var {number}
 * The border-width of {@link Ext.toolbar.Separator Separators} on a horizontally oriented Toolbar
 */
/**
 * @var {number/list}
 * The margin of {@link Ext.toolbar.Separator Separators} on a vertically oriented Toolbar
 */
/**
 * @var {string}
 * The border-style of {@link Ext.toolbar.Separator Separators} on a vertically oriented Toolbar
 */
/**
 * @var {number}
 * The border-width of {@link Ext.toolbar.Separator Separators} on a vertically oriented Toolbar
 */
/**
 * @var {string}
 * The default font-family of Toolbar text
 */
/**
 * @var {number}
 * The default font-size of Toolbar text
 */
/**
 * @var {number}
 * The default font-size of Toolbar text
 */
/**
 * @var {number/list}
 * The margin of Toolbar text
 */
/**
 * @var {color}
 * The text-color of Toolbar text
 */
/**
 * @var {number/list}
 * The padding of Toolbar text
 */
/**
 * @var {number}
 * The line-height of Toolbar text
 */
/**
 * @var {number}
 * The width of Toolbar scrollers
 */
/**
 * @var {number}
 * The height of Toolbar scrollers
 */
/**
 * @var {color}
 * The border-color of Toolbar scrollers
 */
/**
 * @var {number}
 * The border-width of Toolbar scrollers
 */
/**
 * @var {string}
 * The cursor of Toolbar scrollers
 */
/**
 * @var {string}
 * The cursor of disabled Toolbar scrollers
 */
/**
 * @var {number}
 * The opacity of disabled Toolbar scrollers
 */
/**
 * @var {string}
 * The sprite to use for {@link Ext.panel.Tool Tools} on a Toolbar
 */
/**
 * @var {boolean}
 * True to include the "default" toolbar UI
 */
/**
 * @class Ext.panel.Panel
 */
/**
 * @var {number}
 * The default border-width of Panels
 */
/**
 * @var {color}
 * The base color of Panels
 */
/**
 * @var {color}
 * The default border-color of Panels
 */
/**
 * @var {$border-width-threshold}
 * The maximum width a Panel's border can be before resizer handles are embedded into the borders using negative absolute positions.
 *
 * This defaults to 2, so that in the classic theme which uses 1 pixel borders, resize handles are in the content area
 * within the border as they always have been.
 *
 * In the Neptune theme, the handles are embedded into the 5 pixel wide borders of any framed panel.
 */
/**
 * @var {string}
 * The default border-style of Panels
 */
/**
 * @var {color}
 * The default body background-color of Panels
 */
/**
 * @var {color}
 * The default color of text inside a Panel's body
 */
/**
 * @var {color}
 * The default border-color of the Panel body
 */
/**
 * @var {number}
 * The default border-width of the Panel body
 */
/**
 * @var {number}
 * The default font-size of the Panel body
 */
/**
 * @var {string}
 * The default font-weight of the Panel body
 */
/**
 * @var {number}
 * The space between the Panel {@link Ext.panel.Tool Tools}
 */
/**
 * @var {string}
 * The background sprite to use for Panel {@link Ext.panel.Tool Tools}
 */
/**
 * @var {number}
 * The border-width of Panel Headers
 */
/**
 * @var {string}
 * The border-style of Panel Headers
 */
/**
 * @var {number/list}
 * The padding of Panel Headers
 */
/**
 * @var {number}
 * The font-size of Panel Headers
 */
/**
 * @var {number}
 * The line-height of Panel Headers
 */
/**
 * @var {string}
 * The font-weight of Panel Headers
 */
/**
 * @var {string}
 * The font-family of Panel Headers
 */
/**
 * @var {string}
 * The text-transform of Panel Headers
 */
/**
 * @var {number/list}
 * The padding of the Panel Header's text element
 */
/**
 * @var {string/list}
 * The background-gradient of the Panel Header. Can be either the name of a predefined
 * gradient or a list of color stops. Used as the `$type` parameter for
 * {@link Global_CSS#background-gradient}.
 */
/**
 * @var {color}
 * The border-color of the Panel Header
 */
/**
 * @var {color}
 * The inner border-color of the Panel Header
 */
/**
 * @var {number}
 * The inner border-width of the Panel Header
 */
/**
 * @var {color}
 * The text color of the Panel Header
 */
/**
 * @var {color}
 * The background-color of the Panel Header
 */
/**
 * @var {number}
 * The width of the Panel Header icon
 */
/**
 * @var {number}
 * The height of the Panel Header icon
 */
/**
 * @var {number}
 * The space between the Panel Header icon and text
 */
/**
 * @var {list}
 * The background-position of  the Panel Header icon
 */
/**
 * @var {color}
 * The color of the Panel Header glyph icon
 */
/**
 * @var {number}
 * The opacity of the Panel Header glyph icon
 */
/**
 * @var {color}
 * The base color of the framed Panels
 */
/**
 * @var {number}
 * The border-radius of framed Panels
 */
/**
 * @var {number}
 * The border-width of framed Panels
 */
/**
 * @var {string}
 * The border-style of framed Panels
 */
/**
 * @var {number}
 * The padding of framed Panels
 */
/**
 * @var {color}
 * The background-color of framed Panels
 */
/**
 * @var {color}
 * The border-color of framed Panels
 */
/**
 * @var {number}
 * The border-width of the body element of framed Panels
 */
/**
 * @var {number}
 * The border-width of framed Panel Headers
 */
/**
 * @var {color}
 * The inner border-color of framed Panel Headers
 */
/**
 * @var {number}
 * The inner border-width of framed Panel Headers
 */
/**
 * @var {number/list}
 * The padding of framed Panel Headers
 */
/**
 * @var {number}
 * The opacity of ghost Panels while dragging
 */
/**
 * @var {string}
 * The direction to strech the background-gradient of top docked Headers when slicing images
 * for IE using Sencha Cmd
 */
/**
 * @var {string}
 * The direction to strech the background-gradient of bottom docked Headers when slicing images
 * for IE using Sencha Cmd
 */
/**
 * @var {string}
 * The direction to strech the background-gradient of right docked Headers when slicing images
 * for IE using Sencha Cmd
 */
/**
 * @var {string}
 * The direction to strech the background-gradient of left docked Headers when slicing images
 * for IE using Sencha Cmd
 */
/**
 * @var {boolean}
 * True to include neptune style border management rules.
 */
/**
 * @var {color}
 * The color to apply to the border that wraps the body and docked items in a framed
 * panel. The presence of the wrap border in a framed panel is controlled by the
 * {@link #border} config. Only applicable when `$panel-include-border-management-rules` is
 * `true`.
 */
/**
 * @var {number}
 * The width to apply to the border that wraps the body and docked items in a framed
 * panel. The presence of the wrap border in a framed panel is controlled by the
 * {@link #border} config. Only applicable when `$panel-include-border-management-rules` is
 * `true`.
 */
/**
 * @var {boolean}
 * True to include the "default" panel UI
 */
/**
 * @var {boolean}
 * True to include the "default-framed" panel UI
 */
/**
 * @class Ext.tip.Tip
 */
/**
 * @var {color}
 * The background-color of the Tip
 */
/**
 * @var {string/list}
 * The background-gradient of the Tip. Can be either the name of a predefined gradient or a
 * list of color stops. Used as the `$type` parameter for {@link Global_CSS#background-gradient}.
 */
/**
 * @var {color}
 * The text color of the Tip body
 */
/**
 * @var {number}
 * The font-size of the Tip body
 */
/**
 * @var {string}
 * The font-weight of the Tip body
 */
/**
 * @var {number/list}
 * The padding of the Tip body
 */
/**
 * @var {color}
 * The text color of any anchor tags inside the Tip body
 */
/**
 * @var {color}
 * The text color of the Tip header
 */
/**
 * @var {number}
 * The font-size of the Tip header
 */
/**
 * @var {string}
 * The font-weight of the Tip header
 */
/**
 * @var {number/list}
 * The padding of the Tip header's body element
 */
/**
 * @var {color}
 * The border-color of the Tip
 */
/**
 * @var {number}
 * The border-width of the Tip
 */
/**
 * @var {number}
 * The border-radius of the Tip
 */
/**
 * @var {color}
 * The inner border-color of the form field error Tip
 */
/**
 * @var {number}
 * The inner border-width of the form field error Tip
 */
/**
 * @var {color}
 * The border-color of the form field error Tip
 */
/**
 * @var {number}
 * The border-radius of the form field error Tip
 */
/**
 * @var {number}
 * The border-width of the form field error Tip
 */
/**
 * @var {color}
 * The background-color of the form field error Tip
 */
/**
 * @var {number/list}
 * The padding of the form field error Tip's body element
 */
/**
 * @var {color}
 * The text color of the form field error Tip's body element
 */
/**
 * @var {number}
 * The font-size of the form field error Tip's body element
 */
/**
 * @var {string}
 * The font-weight of the form field error Tip's body element
 */
/**
 * @var {color}
 * The color of anchor tags in the form field error Tip's body element
 */
/**
 * @var {number}
 * The space between {@link Ext.panel.Tool Tools} in the header
 */
/**
 * @var {string}
 * The sprite to use for the header {@link Ext.panel.Tool Tools}
 */
/**
 * @var {boolean}
 * True to include the "default" tip UI
 */
/**
 * @var {boolean}
 * True to include the "form-invalid" tip UI
 */
/**
 * @class Ext.container.ButtonGroup
 */
/**
 * @var {color}
 * The background-color of the ButtonGroup
 */
/**
 * @var {color}
 * The border-color of the ButtonGroup
 */
/**
 * @var {number}
 * The border-radius of the ButtonGroup
 */
/**
 * @var {number}
 * The border-radius of framed ButtonGroups
 */
/**
 * @var {number}
 * The border-width of the ButtonGroup
 */
/**
 * @var {number/list}
 * The body padding of the ButtonGroup
 */
/**
 * @var {number/list}
 * The inner border-width of the ButtonGroup
 */
/**
 * @var {color}
 * The inner border-color of the ButtonGroup
 */
/**
 * @var {number/list}
 * The margin of the header element. Used to add space around the header.
 */
/**
 * @var {number}
 * The font-size of the header
 */
/**
 * @var {number}
 * The font-weight of the header
 */
/**
 * @var {number}
 * The font-family of the header
 */
/**
 * @var {number}
 * The line-height of the header
 */
/**
 * @var {number}
 * The text color of the header
 */
/**
 * @var {number}
 * The padding of the header
 */
/**
 * @var {number}
 * The background-color of the header
 */
/**
 * @var {number}
 * The border-spacing to use on the table layout element
 */
/**
 * @var {number}
 * The background-color of framed ButtonGroups
 */
/**
 * @var {number}
 * The border-width of framed ButtonGroups
 */
/**
 * @var {string}
 * Sprite image to use for header {@link Ext.panel.Tool Tools}
 */
/**
 * @var {boolean}
 * True to include the "default" button group UI
 */
/**
 * @var {boolean}
 * True to include the "default-framed" button group UI
 */
/**
 * @class Ext.window.Window
 */
/**
 * @var {color}
 * The base color of Windows
 */
/**
 * @var {number}
 * The padding of Windows
 */
/**
 * @var {number}
 * The border-radius of Windows
 */
/**
 * @var {number}
 * The border-width of Windows
 */
/**
 * @var {color}
 * The border-color of Windows
 */
/**
 * @var {color}
 * The inner border-color of Windows
 */
/**
 * @var {number}
 * The inner border-width of Windows
 */
/**
 * @var {color}
 * The background-color of Windows
 */
/**
 * @var {number}
 * The body border-width of Windows
 */
/**
 * @var {string}
 * The body border-style of Windows
 */
/**
 * @var {color}
 * The body border-color of Windows
 */
/**
 * @var {color}
 * The body background-color of Windows
 */
/**
 * @var {color}
 * The body text color of Windows
 */
/**
 * @var {number/list}
 * The padding of Window Headers
 */
/**
 * @var {number}
 * The font-size of Window Headers
 */
/**
 * @var {number}
 * The line-height of Window Headers
 */
/**
 * @var {color}
 * The text color of Window Headers
 */
/**
 * @var {color}
 * The background-color of Window Headers
 */
/**
 * @var {string}
 * The font-weight of Window Headers
 */
/**
 * @var {number}
 * The space between the Window {@link Ext.panel.Tool Tools}
 */
/**
 * @var {string}
 * The background sprite to use for Window {@link Ext.panel.Tool Tools}
 */
/**
 * @var {string}
 * The font-family of Window Headers
 */
/**
 * @var {number/list}
 * The padding of the Window Header's text element
 */
/**
 * @var {string}
 * The text-transform of Window Headers
 */
/**
 * @var {number}
 * The width of the Window Header icon
 */
/**
 * @var {number}
 * The height of the Window Header icon
 */
/**
 * @var {number}
 * The space between the Window Header icon and text
 */
/**
 * @var {list}
 * The background-position of  the Window Header icon
 */
/**
 * @var {color}
 * The color of the Window Header glyph icon
 */
/**
 * @var {number}
 * The opacity of the Window Header glyph icon
 */
/**
 * @var {number}
 * The border-width of Window Headers
 */
/**
 * @var {color}
 * The inner border-color of Window Headers
 */
/**
 * @var {number}
 * The inner border-width of Window Headers
 */
/**
 * @var {boolean} $ui-force-header-border
 * True to force the window header to have a border on the side facing the window body.
 * Overrides dock layout's border management border removal rules.
 */
/**
 * @var {number}
 * The opacity of ghost Windows while dragging
 */
/**
 * @var {boolean}
 * True to include neptune style border management rules.
 */
/**
 * @var {color}
 * The color to apply to the border that wraps the body and docked items. The presence of
 * the wrap border is controlled by the {@link #border} config. Only applicable when
 * `$window-include-border-management-rules` is `true`.
 */
/**
 * @var {number}
 * The width to apply to the border that wraps the body and docked items. The presence of
 * the wrap border is controlled by the {@link #border} config. Only applicable when
 * `$window-include-border-management-rules` is `true`.
 */
/**
 * @var {boolean}
 * True to include the "default" window UI
 */
/**
 * @class Ext.form.Labelable
 */
/**
 * @var {color}
 * The text color of form field labels
 */
/**
 * @var {string}
 * The font-weight of form field labels
 */
/**
 * @var {number}
 * The font-size of form field labels
 */
/**
 * @var {string}
 * The font-family of form field labels
 */
/**
 * @var {number}
 * The line-height of form field labels
 */
/**
 * @var {color}
 * The text color of toolbar field labels
 */
/**
 * @var {string}
 * The font-weight of toolbar field labels
 */
/**
 * @var {number}
 * The font-size of toolbar field labels
 */
/**
 * @var {string}
 * The font-family of toolbar field labels
 */
/**
 * @var {number}
 * The line-height of toolbar field labels
 */
/**
 * @var {number}
 * Width for form error icons.
 */
/**
 * @var {number}
 * Height for form error icons.
 */
/**
 * @var {number/list}
 * Margin for error icons that are aligned to the side of the field
 */
/**
 * @var {number}
 * The space between the icon and the message for errors that display under the field
 */
/**
 * @var {number/list}
 * The padding on errors that display under the form field
 */
/**
 * @var {color}
 * The text color of form error messages
 */
/**
 * @var {string}
 * The font-weight of form error messages
 */
/**
 * @var {number}
 * The font-size of form error messages
 */
/**
 * @var {string}
 * The font-family of form error messages
 */
/**
 * @var {number}
 * The line-height of form error messages
 */
/**
 * @var {measurement} $form-item-margin-bottom
 * The bottom margin to apply to form items when in auto, anchor, vbox, or table layout
 */
/**
 * @class Ext.form.field.Base
 */
/**
 * @var {number} $form-field-height
 * Height for form fields.
 */
/**
 * @var {number} $form-toolbar-field-height
 * Height for form fields in toolbar.
 */
/**
 * @var {number} $form-field-padding
 * Padding around form fields.
 */
/**
 * @var {number} $form-field-font-size
 * Font size for form fields.
 */
/**
 * @var {string} $form-field-font-family
 * Font family for form fields.
 */
/**
 * @var {string} $form-field-font-weight
 * Font weight for form fields.
 */
/**
 * @var {font} $form-field-font
 * Font for form fields.
 */
/**
 * @var {number} $form-toolbar-field-font-size
 * Font size for toolbar form fields.
 */
/**
 * @var {string} $form-toolbar-field-font-family
 * Font family for toolbar form fields.
 */
/**
 * @var {string} $form-toolbar-field-font-weight
 * Font weight for toolbar form fields.
 */
/**
 * @var {font} $form-toolbar-field-font
 * Font for toolbar form fields.
 */
/**
 * @var {color} $form-field-color
 * Text color for form fields.
 */
/**
 * @var {color} $form-field-empty-color
 * Text color for empty form fields.
 */
/**
 * @var {color} $form-field-border-color
 * Border color for form fields.
 */
/**
 * @var {number} $form-field-border-width
 * Border width for form fields.
 */
/**
 * @var {string} $form-field-border-style
 * Border style for form fields.
 */
/**
 * @var {color} $form-field-focus-border-color
 * Border color for focused form fields.
 */
/**
 * @var {color} $form-field-invalid-border-color
 * Border color for invalid form fields.
 */
/**
 * @var {color} $form-field-background-color
 * Background color for form fields.
 */
/**
 * @var {string} $form-field-background-image
 * Background image for form fields.
 */
/**
 * @var {color} $form-field-invalid-background-color
 * Background color for invalid form fields.
 */
/**
 * @var {string} $form-field-invalid-background-image
 * Background image for invalid form fields.
 */
/**
 * @var {string} $form-field-invalid-background-repeat
 * Background repeat for invalid form fields.
 */
/**
 * @var {string/list} $form-field-invalid-background-position
 * Background position for invalid form fields.
 */
/**
 * @var {number} $form-field-disabled-opacity
 */
/**
 * @class Ext.form.field.TextArea
 */
/**
 * @var {number/string}
 * The line-height to use for the TextArea's text
 */
/**
 * @class Ext.form.field.Display
 */
/**
 * @var {color}
 * The text color of display fields
 */
/**
 * @var {string}
 * The font-weight of display fields
 */
/**
 * @var {number}
 * The font-size of display fields
 */
/**
 * @var {string}
 * The font-family of display fields
 */
/**
 * @var {number}
 * The line-height of display fields
 */
/**
 * @var {string}
 * The font-weight of toolbar display fields
 */
/**
 * @var {number}
 * The font-size of toolbar display fields
 */
/**
 * @var {string}
 * The font-family of toolbar display fields
 */
/**
 * @var {number}
 * The line-height of toolbar display fields
 */
/**
 * @class Ext.window.MessageBox
 */
/**
 * @var {color}
 * The background-color of the MessageBox body
 */
/**
 * @var {number}
 * The border-width of the MessageBox body
 */
/**
 * @var {color}
 * The border-color of the MessageBox body
 */
/**
 * @var {string}
 * The border-style of the MessageBox body
 */
/**
 * @var {list}
 * The background-position of the MessageBox icon
 */
/**
 * @class Ext.form.field.Checkbox
 */
/**
 * @var {number}
 * The size of the checkbox
 */
/**
 * @var {number}
 * The space between the boxLabel and the checkbox.
 */
/**
 * @class Ext.form.CheckboxGroup
 */
/**
 * @var {number/list}
 * The padding of the CheckboxGroup body element
 */
/**
 * @var {color}
 * The text color of the CheckboxGroup label
 */
/**
 * @var {number}
 * The padding of the CheckboxGroup label
 */
/**
 * @var {number}
 * The margin of the CheckboxGroup label
 */
/**
 * @var {number}
 * The border-width of the CheckboxGroup label
 */
/**
 * @var {number}
 * The border-style of the CheckboxGroup label
 */
/**
 * @var {number}
 * The border-color of the CheckboxGroup label
 */
/**
 * @class Ext.form.FieldSet
 */
/**
 * @var {number}
 * The font-size of the FieldSet header
 */
/**
 * @var {string}
 * The font-weight of the FieldSet header
 */
/**
 * @var {string}
 * The font-family of the FieldSet header
 */
/**
 * @var {number/string}
 * The line-height of the FieldSet header
 */
/**
 * @var {color}
 * The text color of the FieldSet header
 */
/**
 * @var {number}
 * The border-width of the FieldSet
 */
/**
 * @var {string}
 * The border-style of the FieldSet
 */
/**
 * @var {color}
 * The border-color of the FieldSet
 */
/**
 * @var {number/list}
 * The FieldSet's padding
 */
/**
 * @var {number/list}
 * The FieldSet's margin
 */
/**
 * @var {number/list}
 * The padding to apply to the FieldSet's header
 */
/**
 * @var {number/list}
 * The margin to apply to the FieldSet's collapse tool
 */
/**
 * @var {number/list}
 * The padding to apply to the FieldSet's collapse tool
 */
/**
 * @var {number/list}
 * The margin to apply to the FieldSet's checkbox (for FieldSets that use
 * {@link #checkboxToggle})
 */
/**
 * @var {number}
 * The size of the FieldSet's collapse tool
 */
/**
 * @var {string} $fieldset-collapse-tool-background-image
 * The background-image to use for the collapse tool. If null the default tool
 * sprite will be used.  Defaults to null.
 */
/**
 * @class Ext.form.field.Radio
 */
/**
 * @var {number}
 * The size of the radio button
 */
/**
 * @class Ext.form.field.Trigger
 */
/**
 * @var {number}
 * The width of the Trigger field's trigger element
 */
/**
 * @var {number/list}
 * The width of the trigger's border
 */
/**
 * @var {color}
 * The color of the trigger's border
 */
/**
 * @var {string}
 * The style of the trigger's border
 */
/**
 * @var {color}
 * The color of the trigger's border when hovered
 */
/**
 * @var {color}
 * The color of the trigger's border when the field is focused
 */
/**
 * @var {color}
 * The color of the trigger's border when the field is focused and the trigger is hovered
 */
/**
 * @class Ext.form.field.Spinner
 */
/**
 * @var {number}
 * The height of the Spinner trigger buttons
 */
/**
 * @var {number}
 * The height of the Spinner trigger buttons when the Spinner is used on a
 * {@link Ext.toolbar.Toolbar Toolbar}
 */
/**
 * @class Ext.toolbar.Paging
 */
/**
 * @var {boolean}
 * True to include different icons when the paging toolbar buttons are disabled.
 */
/**
 * @class Ext.view.BoundList
 */
/**
 * @var {color}
 * The background-color of the BoundList
 */
/**
 * @var {color}
 * The border-color of the BoundList
 */
/**
 * @var {number}
 * The border-width of the BoundList
 */
/**
 * @var {string}
 * The border-style of the BoundList
 */
/**
 * @var {number}
 * The height of BoundList items
 */
/**
 * @var {number/list}
 * The padding of BoundList items
 */
/**
 * @var {number}
 * The border-width of BoundList items
 */
/**
 * @var {string}
 * The border-style of BoundList items
 */
/**
 * @var {color}
 * The border-color of BoundList items
 */
/**
 * @var {color}
 * The border-color of hovered BoundList items
 */
/**
 * @var {color}
 * The border-color of selected BoundList items
 */
/**
 * @var {color}
 * The background-color of hovered BoundList items
 */
/**
 * @var {color}
 * The background-color of selected BoundList items
 */
/**
 * @class Ext.picker.Date
 */
/**
 * @var {number}
 * The border-width of the DatePicker
 */
/**
 * @var {string}
 * The border-style of the DatePicker
 */
/**
 * @var {color}
 * The background-color of the DatePicker
 */
/**
 * @var {string}
 * The background-image of the DatePicker next arrow
 */
/**
 * @var {string}
 * The background-image of the DatePicker previous arrow
 */
/**
 * @var {number}
 * The width of DatePicker arrows