capto/public/lib/ext/packages/ext-theme-crisp/build/resources/ext-theme-crisp-all-debug.css

Mail catcher for NodeJs

/* 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.
 */
/**
 * Includes a google webfont for use in your theme.
 * @param {string} $font-name The name of the font.  If the font name contains spaces
 * use "+" instead of space.
 * @param {string} [$font-weights=400] Comma-separated list of font weights to include.
 *
 * Example usage:
 *
 *     @include google-webfont(
 *         $font-name: Exo,
 *         $font-weights: 200 300 400
 *     );
 *
 * Outputs:
 *
 *     @import url(http://fonts.googleapis.com/css?family=Exo:200,300,400);
 *
 * @member Global_CSS
 */
/* including package ext-theme-neutral */
/* including package ext-theme-neptune */
/* including package ext-theme-crisp */
/* including package ext-theme-crisp */
/** @class Ext.resizer.Resizer */
/* including package ext-theme-neptune */
/** @class Global_CSS */
/** @class Ext.LoadMask */
/** @class Ext.ProgressBar */
/** @class Ext.panel.Tool */
/** @class Ext.button.Button */
/** @class Ext.toolbar.Toolbar */
/** @class Ext.panel.Panel */
/**
 * @var {boolean}
 * True to include the "light" panel UI
 */
/**
 * @var {boolean}
 * True to include the "light-framed" panel UI
 */
/** @class Ext.tip.Tip */
/** @class Ext.form.Labelable */
/** @class Ext.form.field.Base */
/**
 * @var {number} $form-field-height
 * Height for form fields.
 */
/**
 * @var {color} $form-field-focus-border-color
 * In the default neptune color scheme this is the same as $base-highlight-color
 * but it does not change automatically when one changes the $base-color.  This is because
 * checkboxes and radio buttons have this focus color hard coded into their background
 * images.  If this color is changed, you should also modify checkbox and radio button
 * background images to match
 */
/** @class Ext.form.field.Display */
/** @class Ext.form.field.Checkbox */
/** @class Ext.grid.header.Container */
/** @class Ext.grid.column.Column */
/** @class Ext.resizer.Splitter */
/** @class Ext.layout.container.Border */
/** @class Ext.tab.Tab */
/** @class Ext.tab.Bar */
/** @class Ext.window.Window */
/** @class Ext.container.ButtonGroup */
/** @class Ext.form.FieldSet */
/** @class Ext.toolbar.Paging */
/** @class Ext.view.BoundList */
/** @class Ext.picker.Date */
/** @class Ext.picker.Color */
/** @class Ext.grid.column.Action */
/** @class Ext.grid.feature.Grouping */
/** @class Ext.menu.Menu */
/** @class Ext.grid.plugin.RowEditing */
/** @class Ext.layout.container.Accordion */
/** @class Ext.resizer.Resizer */
/** @class Ext.selection.CheckboxModel */
/* 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 {number} $font-size
 * The default font-size to be used throughout the theme.
 */
/**
 * @var {string/number}
 * The default font-weight to be used throughout the theme.
 */
/**
 * @var {string/number}
 * The default font-weight for bold font to be used throughout the theme.
 */
/**
 * @var {string/number} $line-height
 * The default line-height 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.  If set to transparent or 'none' no
 * background-color style will be set on 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 {string}
 * The font-family of the ProgressBar's text
 */
/**
 * @var {boolean}
 * True to include the "default" ProgressBar UI
 */
/**
 * @class Ext.panel.Tool
 */
/**
 * @var {number}
 * The size of Tools
 */
/**
 * @var {boolean}
 * True to change the background-position of the Tool on hover. Allows for a separate
 * hover state icon in the sprite.
 */
/**
 * @var {string}
 * The cursor to display when the mouse cursor is over a Tool
 */
/**
 * @var {number}
 * The opacity of Tools
 */
/**
 * @var {number}
 * The opacity of hovered Tools
 */
/**
 * @var {number}
 * The opacity of pressed Tools
 */
/**
 * @var {string}
 * The sprite to use as the background-image for Tools
 */
/** @class Ext.panel.Header */
/** @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 line-height for the text in a small {@link #scale} button
 */
/**
 * @var {number}
 * The default icon size for a small {@link #scale} button
 */
/**
 * @var {number}
 * The space between a small {@link #scale} button's icon and text
 */
/**
 * @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 line-height for the text in a medium {@link #scale} button
 */
/**
 * @var {number}
 * The default icon size for a medium {@link #scale} button
 */
/**
 * @var {number}
 * The space between a medium {@link #scale} button's icon and text
 */
/**
 * @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 line-height for the text in a large {@link #scale} button
 */
/**
 * @var {number}
 * The default icon size for a large {@link #scale} button
 */
/**
 * @var {number}
 * The space between a large {@link #scale} button's icon and text
 */
/**
 * @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-include-split-noline-arrows
 * True to include "noline" split arrows for buttons in their default 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 button 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" button UI for buttons rendered inside a grid cell (Slightly smaller height than default)
 */
/**
 * @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.cell.Button
 */
/**
 * @var {number}
 * The default width for a grid cell button's {@link #cfg-menu} arrow
 */
/**
 * @var {number}
 * The default height for a grid cell button's {@link #cfg-menu} arrow
 */
/**
 * @var {number}
 * The default width a grid cell {@link Ext.button.Split Split Button}'s arrow
 */
/**
 * @var {number}
 * The default height a grid cell {@link Ext.button.Split Split Button}'s arrow
 */
/**
 * @var {number}
 * The default space between a grid cell button's icon and text
 */
/**
 * @var {number}
 * The default border-radius for a grid cell button
 */
/**
 * @var {number}
 * The default border-width for a grid cell button
 */
/**
 * @var {number}
 * The default padding for a grid cell button
 */
/**
 * @var {number}
 * The default horizontal padding to add to the left and right of the text element for
 * a grid cell button
 */
/**
 * @var {number}
 * The default font-size for a grid cell button
 */
/**
 * @var {number}
 * The default font-size for a grid cell button when the cursor is over the button
 */
/**
 * @var {number}
 * The default font-size for a grid cell button when the button is focused
 */
/**
 * @var {number}
 * The default font-size for a grid cell button when the button is pressed
 */
/**
 * @var {number}
 * The default font-size for a grid cell button when the button is disabled
 */
/**
 * @var {string}
 * The default font-weight for a grid cell button
 */
/**
 * @var {string}
 * The default font-weight for a grid cell button when the cursor is over the button
 */
/**
 * @var {string}
 * The default font-weight for a grid cell button when the button is focused
 */
/**
 * @var {string}
 * The default font-weight for a grid cell button when the button is pressed
 */
/**
 * @var {string}
 * The default font-weight for a grid cell button when the button is disabled
 */
/**
 * @var {string}
 * The default font-family for a grid cell button
 */
/**
 * @var {string}
 * The default font-family for a grid cell button when the cursor is over the button
 */
/**
 * @var {string}
 * The default font-family for a grid cell button when the button is focused
 */
/**
 * @var {string}
 * The default font-family for a grid cell button when the button is pressed
 */
/**
 * @var {string}
 * The default font-family for a grid cell button when the button is disabled
 */
/**
 * @var {number}
 * The line-height for the text in a grid cell button
 */
/**
 * @var {number}
 * The default icon size for a grid cell button
 */
/**
 * @var {number}
 * The space between a grid cell button's icon and text
 */
/**
 * @var {color}
 * The base color for the `cell` button UI
 */
/**
 * @var {color}
 * The base color for the `cell` button UI when the cursor is over the button
 */
/**
 * @var {color}
 * The base color for the `cell` button UI when the button is focused
 */
/**
 * @var {color}
 * The base color for the `cell` button UI when the button is pressed
 */
/**
 * @var {color}
 * The base color for the `cell` button UI when the button is disabled
 */
/**
 * @var {color}
 * The border-color for the `cell` button UI
 */
/**
 * @var {color}
 * The border-color for the `cell` button UI when the cursor is over the button
 */
/**
 * @var {color}
 * The border-color for the `cell` button UI when the button is focused
 */
/**
 * @var {color}
 * The border-color for the `cell` button UI when the button is pressed
 */
/**
 * @var {color}
 * The border-color for the `cell` button UI when the button is disabled
 */
/**
 * @var {color}
 * The background-color for the `cell` button UI
 */
/**
 * @var {color}
 * The background-color for the `cell` button UI when the cursor is over the button
 */
/**
 * @var {color}
 * The background-color for the `cell` button UI when the button is focused
 */
/**
 * @var {color}
 * The background-color for the `cell` button UI when the button is pressed
 */
/**
 * @var {color}
 * The background-color for the `cell` button UI when the button is disabled
 */
/**
 * @var {string/list}
 * The background-gradient for the `cell` 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 `cell` 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 `cell` 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 `cell` 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 `cell` 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 `cell` button UI
 */
/**
 * @var {color}
 * The text color for the `cell` button UI when the cursor is over the button
 */
/**
 * @var {color}
 * The text color for the `cell` button UI when the button is focused
 */
/**
 * @var {color}
 * The text color for the `cell` button UI when the button is pressed
 */
/**
 * @var {color}
 * The text color for the `cell` button UI when the button is disabled
 */
/**
 * @var {color}
 * The color of the {@link #glyph} icon for the `cell` button UI
 */
/**
 * @var {color}
 * The opacity of the {@link #glyph} icon for the `cell` button UI
 */
/**
 * @var {number} $button-opacity-disabled
 * opacity to apply to the button's main element when the button 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
 */
/**
 * @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 {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 {color}
 * The text-color of Toolbar text
 */
/**
 * @var {number}
 * The line-height of Toolbar text
 */
/**
 * @var {number/list}
 * The padding of Toolbar text
 */
/**
 * @var {number}
 * The width of Toolbar scrollers
 */
/**
 * @var {number}
 * The height of Toolbar scrollers
 */
/**
 * @var {number}
 * The width of scrollers on vertically aligned toolbars
 */
/**
 * @var {number}
 * The height of scrollers on vertically aligned toolbars
 */
/**
 * @var {color}
 * The border-color of Toolbar scroller buttons
 */
/**
 * @var {number}
 * The border-width of Toolbar scroller buttons
 */
/**
 * @var {color}
 * The border-color of scroller buttons on vertically aligned toolbars
 */
/**
 * @var {number}
 * The border-width of scroller buttons on vertically aligned toolbars
 */
/**
 * @var {number/list}
 * The margin of "top" Toolbar scroller buttons
 */
/**
 * @var {number/list}
 * The margin of "right" Toolbar scroller buttons
 */
/**
 * @var {number/list}
 * The margin of "bottom" Toolbar scroller buttons
 */
/**
 * @var {number/list}
 * The margin of "left" Toolbar scroller buttons
 */
/**
 * @var {string}
 * The cursor of Toolbar scroller buttons
 */
/**
 * @var {string}
 * The cursor of disabled Toolbar scroller buttons
 */
/**
 * @var {number}
 * The opacity of Toolbar scroller buttons. Only applicable when
 * {@link $toolbar-classic-scrollers} is `false`.
 */
/**
 * @var {number}
 * The opacity of hovered Toolbar scroller buttons. Only applicable when
 * {@link $toolbar-classic-scrollers} is `false`.
 */
/**
 * @var {number}
 * The opacity of pressed Toolbar scroller buttons. Only applicable when
 * {@link $toolbar-classic-scrollers} is `false`.
 */
/**
 * @var {number}
 * The opacity of disabled Toolbar scroller buttons.
 */
/**
 * @var {boolean}
 * `true` to use classic-style scroller buttons.  When `true` scroller buttons are given their
 * hover state by changing their background-position,  When `false` scroller buttons are
 * given their hover state by applying opacity.
 */
/**
 * @var {string}
 * The sprite to use for {@link Ext.panel.Tool Tools} on a Toolbar
 */
/**
 * @var {boolean}
 * True to include the "default" toolbar UI
 */
/**
 * @var {boolean}
 * True to include the "footer" 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 {number}
 * 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 {string}
 * The default font-family 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 {number/list}
 * The margin 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 {boolean}
 * True to adjust the padding of borderless panel headers so that their height is the same
 * as the height of bordered panels.  This is helpful when borderless and bordered panels
 * are used side-by-side, as it maintains a consistent vertical alignment.
 */
/**
 * @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
 */
/**
 * @var {boolean}
 * True to ignore the frame padding.  By default, the frame mixin adds extra padding when
 * border radius is larger than border width.  This is intended to prevent the content
 * from colliding with the rounded corners of the frame.  Set this to true to prevent
 * the panel frame from adding this extra padding.
 */
/**
 * @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.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 {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 {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 {boolean}
 * True to include the "default" field UI
 */
/**
 * @var {boolean}
 * True to include the "toolbar" field 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 {number}
 * Horizontal space between the label and the field body when the label is left-aligned.
 */
/**
 * @var {number}
 * Vertical space between the label and the field body when the label is top-aligned.
 */
/**
 * @var {string}
 * The background image for error icons
 */
/**
 * @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 {number}
 * The bottom margin to apply to form items when in auto, anchor, vbox, or table layout.
 * This value is al