jquery-ui-sass-rails 4.0.2.beta1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- data/.gitignore +3 -0
- data/.gitmodules +3 -0
- data/.travis.yml +3 -0
- data/Gemfile +3 -0
- data/History.md +5 -0
- data/License.txt +2 -0
- data/README.md +62 -0
- data/Rakefile +75 -0
- data/app/assets/stylesheets/_jquery.ui.variables.css.scss +78 -0
- data/app/assets/stylesheets/jquery.ui.accordion.css.scss +39 -0
- data/app/assets/stylesheets/jquery.ui.all.css.scss +11 -0
- data/app/assets/stylesheets/jquery.ui.autocomplete.css.scss +17 -0
- data/app/assets/stylesheets/jquery.ui.base.css.scss +11 -0
- data/app/assets/stylesheets/jquery.ui.button.css.scss +115 -0
- data/app/assets/stylesheets/jquery.ui.core.css.scss +92 -0
- data/app/assets/stylesheets/jquery.ui.datepicker.css.scss +179 -0
- data/app/assets/stylesheets/jquery.ui.dialog.css.scss +70 -0
- data/app/assets/stylesheets/jquery.ui.menu.css.scss +78 -0
- data/app/assets/stylesheets/jquery.ui.progressbar.css.scss +29 -0
- data/app/assets/stylesheets/jquery.ui.resizable.css.scss +79 -0
- data/app/assets/stylesheets/jquery.ui.selectable.css.scss +16 -0
- data/app/assets/stylesheets/jquery.ui.slider.css.scss +74 -0
- data/app/assets/stylesheets/jquery.ui.spinner.css.scss +66 -0
- data/app/assets/stylesheets/jquery.ui.tabs.css.scss +53 -0
- data/app/assets/stylesheets/jquery.ui.theme.css.scss +408 -0
- data/app/assets/stylesheets/jquery.ui.tooltip.css.scss +20 -0
- data/lib/jquery-ui-sass-rails.rb +1 -0
- data/lib/jquery/ui/sass/rails.rb +2 -0
- data/lib/jquery/ui/sass/rails/engine.rb +10 -0
- data/lib/jquery/ui/sass/rails/version.rb +10 -0
- metadata +140 -0
| @@ -0,0 +1,79 @@ | |
| 1 | 
            +
            /*!
         | 
| 2 | 
            +
             * jQuery UI Resizable 1.10.0
         | 
| 3 | 
            +
             * http://jqueryui.com
         | 
| 4 | 
            +
             *
         | 
| 5 | 
            +
             * Copyright 2013 jQuery Foundation and other contributors
         | 
| 6 | 
            +
             * Released under the MIT license.
         | 
| 7 | 
            +
             * http://jquery.org/license
         | 
| 8 | 
            +
             *
         | 
| 9 | 
            +
             * http://docs.jquery.com/UI/Resizable#theming
         | 
| 10 | 
            +
             */
         | 
| 11 | 
            +
             | 
| 12 | 
            +
            .ui-resizable {
         | 
| 13 | 
            +
            	position: relative;
         | 
| 14 | 
            +
            }
         | 
| 15 | 
            +
            .ui-resizable-handle {
         | 
| 16 | 
            +
            	position: absolute;
         | 
| 17 | 
            +
            	font-size: 0.1px;
         | 
| 18 | 
            +
            	display: block;
         | 
| 19 | 
            +
            }
         | 
| 20 | 
            +
            .ui-resizable-disabled .ui-resizable-handle,
         | 
| 21 | 
            +
            .ui-resizable-autohide .ui-resizable-handle {
         | 
| 22 | 
            +
            	display: none;
         | 
| 23 | 
            +
            }
         | 
| 24 | 
            +
            .ui-resizable-n {
         | 
| 25 | 
            +
            	cursor: n-resize;
         | 
| 26 | 
            +
            	height: 7px;
         | 
| 27 | 
            +
            	width: 100%;
         | 
| 28 | 
            +
            	top: -5px;
         | 
| 29 | 
            +
            	left: 0;
         | 
| 30 | 
            +
            }
         | 
| 31 | 
            +
            .ui-resizable-s {
         | 
| 32 | 
            +
            	cursor: s-resize;
         | 
| 33 | 
            +
            	height: 7px;
         | 
| 34 | 
            +
            	width: 100%;
         | 
| 35 | 
            +
            	bottom: -5px;
         | 
| 36 | 
            +
            	left: 0;
         | 
| 37 | 
            +
            }
         | 
| 38 | 
            +
            .ui-resizable-e {
         | 
| 39 | 
            +
            	cursor: e-resize;
         | 
| 40 | 
            +
            	width: 7px;
         | 
| 41 | 
            +
            	right: -5px;
         | 
| 42 | 
            +
            	top: 0;
         | 
| 43 | 
            +
            	height: 100%;
         | 
| 44 | 
            +
            }
         | 
| 45 | 
            +
            .ui-resizable-w {
         | 
| 46 | 
            +
            	cursor: w-resize;
         | 
| 47 | 
            +
            	width: 7px;
         | 
| 48 | 
            +
            	left: -5px;
         | 
| 49 | 
            +
            	top: 0;
         | 
| 50 | 
            +
            	height: 100%;
         | 
| 51 | 
            +
            }
         | 
| 52 | 
            +
            .ui-resizable-se {
         | 
| 53 | 
            +
            	cursor: se-resize;
         | 
| 54 | 
            +
            	width: 12px;
         | 
| 55 | 
            +
            	height: 12px;
         | 
| 56 | 
            +
            	right: 1px;
         | 
| 57 | 
            +
            	bottom: 1px;
         | 
| 58 | 
            +
            }
         | 
| 59 | 
            +
            .ui-resizable-sw {
         | 
| 60 | 
            +
            	cursor: sw-resize;
         | 
| 61 | 
            +
            	width: 9px;
         | 
| 62 | 
            +
            	height: 9px;
         | 
| 63 | 
            +
            	left: -5px;
         | 
| 64 | 
            +
            	bottom: -5px;
         | 
| 65 | 
            +
            }
         | 
| 66 | 
            +
            .ui-resizable-nw {
         | 
| 67 | 
            +
            	cursor: nw-resize;
         | 
| 68 | 
            +
            	width: 9px;
         | 
| 69 | 
            +
            	height: 9px;
         | 
| 70 | 
            +
            	left: -5px;
         | 
| 71 | 
            +
            	top: -5px;
         | 
| 72 | 
            +
            }
         | 
| 73 | 
            +
            .ui-resizable-ne {
         | 
| 74 | 
            +
            	cursor: ne-resize;
         | 
| 75 | 
            +
            	width: 9px;
         | 
| 76 | 
            +
            	height: 9px;
         | 
| 77 | 
            +
            	right: -5px;
         | 
| 78 | 
            +
            	top: -5px;
         | 
| 79 | 
            +
            }
         | 
| @@ -0,0 +1,16 @@ | |
| 1 | 
            +
            /*!
         | 
| 2 | 
            +
             * jQuery UI Selectable 1.10.0
         | 
| 3 | 
            +
             * http://jqueryui.com
         | 
| 4 | 
            +
             *
         | 
| 5 | 
            +
             * Copyright 2013 jQuery Foundation and other contributors
         | 
| 6 | 
            +
             * Released under the MIT license.
         | 
| 7 | 
            +
             * http://jquery.org/license
         | 
| 8 | 
            +
             *
         | 
| 9 | 
            +
             * http://docs.jquery.com/UI/Selectable#theming
         | 
| 10 | 
            +
             */
         | 
| 11 | 
            +
             | 
| 12 | 
            +
            .ui-selectable-helper {
         | 
| 13 | 
            +
            	position: absolute;
         | 
| 14 | 
            +
            	z-index: 100;
         | 
| 15 | 
            +
            	border: 1px dotted black;
         | 
| 16 | 
            +
            }
         | 
| @@ -0,0 +1,74 @@ | |
| 1 | 
            +
            /*!
         | 
| 2 | 
            +
             * jQuery UI Slider 1.10.0
         | 
| 3 | 
            +
             * http://jqueryui.com
         | 
| 4 | 
            +
             *
         | 
| 5 | 
            +
             * Copyright 2013 jQuery Foundation and other contributors
         | 
| 6 | 
            +
             * Released under the MIT license.
         | 
| 7 | 
            +
             * http://jquery.org/license
         | 
| 8 | 
            +
             *
         | 
| 9 | 
            +
             * http://docs.jquery.com/UI/Slider#theming
         | 
| 10 | 
            +
             */
         | 
| 11 | 
            +
             | 
| 12 | 
            +
            .ui-slider {
         | 
| 13 | 
            +
            	position: relative;
         | 
| 14 | 
            +
            	text-align: left;
         | 
| 15 | 
            +
            }
         | 
| 16 | 
            +
            .ui-slider .ui-slider-handle {
         | 
| 17 | 
            +
            	position: absolute;
         | 
| 18 | 
            +
            	z-index: 2;
         | 
| 19 | 
            +
            	width: 1.2em;
         | 
| 20 | 
            +
            	height: 1.2em;
         | 
| 21 | 
            +
            	cursor: default;
         | 
| 22 | 
            +
            }
         | 
| 23 | 
            +
            .ui-slider .ui-slider-range {
         | 
| 24 | 
            +
            	position: absolute;
         | 
| 25 | 
            +
            	z-index: 1;
         | 
| 26 | 
            +
            	font-size: .7em;
         | 
| 27 | 
            +
            	display: block;
         | 
| 28 | 
            +
            	border: 0;
         | 
| 29 | 
            +
            	background-position: 0 0;
         | 
| 30 | 
            +
            }
         | 
| 31 | 
            +
             | 
| 32 | 
            +
            /* For IE8 - See #6727 */
         | 
| 33 | 
            +
            .ui-slider.ui-state-disabled .ui-slider-handle,
         | 
| 34 | 
            +
            .ui-slider.ui-state-disabled .ui-slider-range {
         | 
| 35 | 
            +
            	filter: inherit;
         | 
| 36 | 
            +
            }
         | 
| 37 | 
            +
             | 
| 38 | 
            +
            .ui-slider-horizontal {
         | 
| 39 | 
            +
            	height: .8em;
         | 
| 40 | 
            +
            }
         | 
| 41 | 
            +
            .ui-slider-horizontal .ui-slider-handle {
         | 
| 42 | 
            +
            	top: -.3em;
         | 
| 43 | 
            +
            	margin-left: -.6em;
         | 
| 44 | 
            +
            }
         | 
| 45 | 
            +
            .ui-slider-horizontal .ui-slider-range {
         | 
| 46 | 
            +
            	top: 0;
         | 
| 47 | 
            +
            	height: 100%;
         | 
| 48 | 
            +
            }
         | 
| 49 | 
            +
            .ui-slider-horizontal .ui-slider-range-min {
         | 
| 50 | 
            +
            	left: 0;
         | 
| 51 | 
            +
            }
         | 
| 52 | 
            +
            .ui-slider-horizontal .ui-slider-range-max {
         | 
| 53 | 
            +
            	right: 0;
         | 
| 54 | 
            +
            }
         | 
| 55 | 
            +
             | 
| 56 | 
            +
            .ui-slider-vertical {
         | 
| 57 | 
            +
            	width: .8em;
         | 
| 58 | 
            +
            	height: 100px;
         | 
| 59 | 
            +
            }
         | 
| 60 | 
            +
            .ui-slider-vertical .ui-slider-handle {
         | 
| 61 | 
            +
            	left: -.3em;
         | 
| 62 | 
            +
            	margin-left: 0;
         | 
| 63 | 
            +
            	margin-bottom: -.6em;
         | 
| 64 | 
            +
            }
         | 
| 65 | 
            +
            .ui-slider-vertical .ui-slider-range {
         | 
| 66 | 
            +
            	left: 0;
         | 
| 67 | 
            +
            	width: 100%;
         | 
| 68 | 
            +
            }
         | 
| 69 | 
            +
            .ui-slider-vertical .ui-slider-range-min {
         | 
| 70 | 
            +
            	bottom: 0;
         | 
| 71 | 
            +
            }
         | 
| 72 | 
            +
            .ui-slider-vertical .ui-slider-range-max {
         | 
| 73 | 
            +
            	top: 0;
         | 
| 74 | 
            +
            }
         | 
| @@ -0,0 +1,66 @@ | |
| 1 | 
            +
            /*!
         | 
| 2 | 
            +
             * jQuery UI Spinner 1.10.0
         | 
| 3 | 
            +
             * http://jqueryui.com
         | 
| 4 | 
            +
             *
         | 
| 5 | 
            +
             * Copyright 2013 jQuery Foundation and other contributors
         | 
| 6 | 
            +
             * Released under the MIT license.
         | 
| 7 | 
            +
             * http://jquery.org/license
         | 
| 8 | 
            +
             *
         | 
| 9 | 
            +
             * http://docs.jquery.com/UI/Spinner#theming
         | 
| 10 | 
            +
             */
         | 
| 11 | 
            +
             | 
| 12 | 
            +
            .ui-spinner {
         | 
| 13 | 
            +
            	position: relative;
         | 
| 14 | 
            +
            	display: inline-block;
         | 
| 15 | 
            +
            	overflow: hidden;
         | 
| 16 | 
            +
            	padding: 0;
         | 
| 17 | 
            +
            	vertical-align: middle;
         | 
| 18 | 
            +
            }
         | 
| 19 | 
            +
            .ui-spinner-input {
         | 
| 20 | 
            +
            	border: none;
         | 
| 21 | 
            +
            	background: none;
         | 
| 22 | 
            +
            	color: inherit;
         | 
| 23 | 
            +
            	padding: 0;
         | 
| 24 | 
            +
            	margin: .2em 0;
         | 
| 25 | 
            +
            	vertical-align: middle;
         | 
| 26 | 
            +
            	margin-left: .4em;
         | 
| 27 | 
            +
            	margin-right: 22px;
         | 
| 28 | 
            +
            }
         | 
| 29 | 
            +
            .ui-spinner-button {
         | 
| 30 | 
            +
            	width: 16px;
         | 
| 31 | 
            +
            	height: 50%;
         | 
| 32 | 
            +
            	font-size: .5em;
         | 
| 33 | 
            +
            	padding: 0;
         | 
| 34 | 
            +
            	margin: 0;
         | 
| 35 | 
            +
            	text-align: center;
         | 
| 36 | 
            +
            	position: absolute;
         | 
| 37 | 
            +
            	cursor: default;
         | 
| 38 | 
            +
            	display: block;
         | 
| 39 | 
            +
            	overflow: hidden;
         | 
| 40 | 
            +
            	right: 0;
         | 
| 41 | 
            +
            }
         | 
| 42 | 
            +
             | 
| 43 | 
            +
            .ui-spinner a.ui-spinner-button {
         | 
| 44 | 
            +
            	border-top: none;
         | 
| 45 | 
            +
            	border-bottom: none;
         | 
| 46 | 
            +
            	border-right: none;
         | 
| 47 | 
            +
            }
         | 
| 48 | 
            +
            /* vertical centre icon */
         | 
| 49 | 
            +
            .ui-spinner .ui-icon {
         | 
| 50 | 
            +
            	position: absolute;
         | 
| 51 | 
            +
            	margin-top: -8px;
         | 
| 52 | 
            +
            	top: 50%;
         | 
| 53 | 
            +
            	left: 0;
         | 
| 54 | 
            +
            }
         | 
| 55 | 
            +
            .ui-spinner-up {
         | 
| 56 | 
            +
            	top: 0;
         | 
| 57 | 
            +
            }
         | 
| 58 | 
            +
            .ui-spinner-down {
         | 
| 59 | 
            +
            	bottom: 0;
         | 
| 60 | 
            +
            }
         | 
| 61 | 
            +
             | 
| 62 | 
            +
            /* TR overrides */
         | 
| 63 | 
            +
            .ui-spinner .ui-icon-triangle-1-s {
         | 
| 64 | 
            +
            	/* need to fix icons sprite */
         | 
| 65 | 
            +
            	background-position: -65px -16px;
         | 
| 66 | 
            +
            }
         | 
| @@ -0,0 +1,53 @@ | |
| 1 | 
            +
            /*!
         | 
| 2 | 
            +
             * jQuery UI Tabs 1.10.0
         | 
| 3 | 
            +
             * http://jqueryui.com
         | 
| 4 | 
            +
             *
         | 
| 5 | 
            +
             * Copyright 2013 jQuery Foundation and other contributors
         | 
| 6 | 
            +
             * Released under the MIT license.
         | 
| 7 | 
            +
             * http://jquery.org/license
         | 
| 8 | 
            +
             *
         | 
| 9 | 
            +
             * http://docs.jquery.com/UI/Tabs#theming
         | 
| 10 | 
            +
             */
         | 
| 11 | 
            +
             | 
| 12 | 
            +
            .ui-tabs {
         | 
| 13 | 
            +
            	position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
         | 
| 14 | 
            +
            	padding: .2em;
         | 
| 15 | 
            +
            }
         | 
| 16 | 
            +
            .ui-tabs .ui-tabs-nav {
         | 
| 17 | 
            +
            	margin: 0;
         | 
| 18 | 
            +
            	padding: .2em .2em 0;
         | 
| 19 | 
            +
            }
         | 
| 20 | 
            +
            .ui-tabs .ui-tabs-nav li {
         | 
| 21 | 
            +
            	list-style: none;
         | 
| 22 | 
            +
            	float: left;
         | 
| 23 | 
            +
            	position: relative;
         | 
| 24 | 
            +
            	top: 0;
         | 
| 25 | 
            +
            	margin: 1px .2em 0 0;
         | 
| 26 | 
            +
            	border-bottom: 0;
         | 
| 27 | 
            +
            	padding: 0;
         | 
| 28 | 
            +
            	white-space: nowrap;
         | 
| 29 | 
            +
            }
         | 
| 30 | 
            +
            .ui-tabs .ui-tabs-nav li a {
         | 
| 31 | 
            +
            	float: left;
         | 
| 32 | 
            +
            	padding: .5em 1em;
         | 
| 33 | 
            +
            	text-decoration: none;
         | 
| 34 | 
            +
            }
         | 
| 35 | 
            +
            .ui-tabs .ui-tabs-nav li.ui-tabs-active {
         | 
| 36 | 
            +
            	margin-bottom: -1px;
         | 
| 37 | 
            +
            	padding-bottom: 1px;
         | 
| 38 | 
            +
            }
         | 
| 39 | 
            +
            .ui-tabs .ui-tabs-nav li.ui-tabs-active a,
         | 
| 40 | 
            +
            .ui-tabs .ui-tabs-nav li.ui-state-disabled a,
         | 
| 41 | 
            +
            .ui-tabs .ui-tabs-nav li.ui-tabs-loading a {
         | 
| 42 | 
            +
            	cursor: text;
         | 
| 43 | 
            +
            }
         | 
| 44 | 
            +
            .ui-tabs .ui-tabs-nav li a, 
         | 
| 45 | 
            +
            .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a {
         | 
| 46 | 
            +
            	cursor: pointer;
         | 
| 47 | 
            +
            }
         | 
| 48 | 
            +
            .ui-tabs .ui-tabs-panel {
         | 
| 49 | 
            +
            	display: block;
         | 
| 50 | 
            +
            	border-width: 0;
         | 
| 51 | 
            +
            	padding: 1em 1.4em;
         | 
| 52 | 
            +
            	background: none;
         | 
| 53 | 
            +
            }
         | 
| @@ -0,0 +1,408 @@ | |
| 1 | 
            +
            /*!
         | 
| 2 | 
            +
             * jQuery UI CSS Framework 1.10.0
         | 
| 3 | 
            +
             * http://jqueryui.com
         | 
| 4 | 
            +
             *
         | 
| 5 | 
            +
             * Copyright 2013 jQuery Foundation and other contributors
         | 
| 6 | 
            +
             * Released under the MIT license.
         | 
| 7 | 
            +
             * http://jquery.org/license
         | 
| 8 | 
            +
             *
         | 
| 9 | 
            +
             * http://docs.jquery.com/UI/Theming/API
         | 
| 10 | 
            +
             *
         | 
| 11 | 
            +
             * To view and modify this theme, visit http://jqueryui.com/themeroller/
         | 
| 12 | 
            +
             */
         | 
| 13 | 
            +
            @import 'jquery.ui.variables';
         | 
| 14 | 
            +
             | 
| 15 | 
            +
             | 
| 16 | 
            +
             | 
| 17 | 
            +
            /* Component containers
         | 
| 18 | 
            +
            ----------------------------------*/
         | 
| 19 | 
            +
            .ui-widget {
         | 
| 20 | 
            +
            	font-family: $ffDefault;
         | 
| 21 | 
            +
            	font-size: $fsDefault;
         | 
| 22 | 
            +
            }
         | 
| 23 | 
            +
            .ui-widget .ui-widget {
         | 
| 24 | 
            +
            	font-size: 1em;
         | 
| 25 | 
            +
            }
         | 
| 26 | 
            +
            .ui-widget input,
         | 
| 27 | 
            +
            .ui-widget select,
         | 
| 28 | 
            +
            .ui-widget textarea,
         | 
| 29 | 
            +
            .ui-widget button {
         | 
| 30 | 
            +
            	font-family: $ffDefault;
         | 
| 31 | 
            +
            	font-size: 1em;
         | 
| 32 | 
            +
            }
         | 
| 33 | 
            +
            .ui-widget-content {
         | 
| 34 | 
            +
            	border: 1px solid $borderColorContent;
         | 
| 35 | 
            +
            	background: $bgColorContent $bgImgUrlContent $bgContentXPos $bgContentYPos $bgContentRepeat;
         | 
| 36 | 
            +
            	color: $fcContent;
         | 
| 37 | 
            +
            }
         | 
| 38 | 
            +
            .ui-widget-content a {
         | 
| 39 | 
            +
            	color: $fcContent;
         | 
| 40 | 
            +
            }
         | 
| 41 | 
            +
            .ui-widget-header {
         | 
| 42 | 
            +
            	border: 1px solid $borderColorHeader;
         | 
| 43 | 
            +
            	background: $bgColorHeader $bgImgUrlHeader $bgHeaderXPos $bgHeaderYPos $bgHeaderRepeat;
         | 
| 44 | 
            +
            	color: $fcHeader;
         | 
| 45 | 
            +
            	font-weight: bold;
         | 
| 46 | 
            +
            }
         | 
| 47 | 
            +
            .ui-widget-header a {
         | 
| 48 | 
            +
            	color: $fcHeader;
         | 
| 49 | 
            +
            }
         | 
| 50 | 
            +
             | 
| 51 | 
            +
            /* Interaction states
         | 
| 52 | 
            +
            ----------------------------------*/
         | 
| 53 | 
            +
            .ui-state-default,
         | 
| 54 | 
            +
            .ui-widget-content .ui-state-default,
         | 
| 55 | 
            +
            .ui-widget-header .ui-state-default {
         | 
| 56 | 
            +
            	border: 1px solid $borderColorDefault;
         | 
| 57 | 
            +
            	background: $bgColorDefault $bgImgUrlDefault $bgDefaultXPos $bgDefaultYPos $bgDefaultRepeat;
         | 
| 58 | 
            +
            	font-weight: $fwDefault;
         | 
| 59 | 
            +
            	color: $fcDefault;
         | 
| 60 | 
            +
            }
         | 
| 61 | 
            +
            .ui-state-default a,
         | 
| 62 | 
            +
            .ui-state-default a:link,
         | 
| 63 | 
            +
            .ui-state-default a:visited {
         | 
| 64 | 
            +
            	color: $fcDefault;
         | 
| 65 | 
            +
            	text-decoration: none;
         | 
| 66 | 
            +
            }
         | 
| 67 | 
            +
            .ui-state-hover,
         | 
| 68 | 
            +
            .ui-widget-content .ui-state-hover,
         | 
| 69 | 
            +
            .ui-widget-header .ui-state-hover,
         | 
| 70 | 
            +
            .ui-state-focus,
         | 
| 71 | 
            +
            .ui-widget-content .ui-state-focus,
         | 
| 72 | 
            +
            .ui-widget-header .ui-state-focus {
         | 
| 73 | 
            +
            	border: 1px solid $borderColorHover;
         | 
| 74 | 
            +
            	background: $bgColorHover $bgImgUrlHover $bgHoverXPos $bgHoverYPos $bgHoverRepeat;
         | 
| 75 | 
            +
            	font-weight: $fwDefault;
         | 
| 76 | 
            +
            	color: $fcHover;
         | 
| 77 | 
            +
            }
         | 
| 78 | 
            +
            .ui-state-hover a,
         | 
| 79 | 
            +
            .ui-state-hover a:hover,
         | 
| 80 | 
            +
            .ui-state-hover a:link,
         | 
| 81 | 
            +
            .ui-state-hover a:visited {
         | 
| 82 | 
            +
            	color: $fcHover;
         | 
| 83 | 
            +
            	text-decoration: none;
         | 
| 84 | 
            +
            }
         | 
| 85 | 
            +
            .ui-state-active,
         | 
| 86 | 
            +
            .ui-widget-content .ui-state-active,
         | 
| 87 | 
            +
            .ui-widget-header .ui-state-active {
         | 
| 88 | 
            +
            	border: 1px solid $borderColorActive;
         | 
| 89 | 
            +
            	background: $bgColorActive $bgImgUrlActive $bgActiveXPos $bgActiveYPos $bgActiveRepeat;
         | 
| 90 | 
            +
            	font-weight: $fwDefault;
         | 
| 91 | 
            +
            	color: $fcActive;
         | 
| 92 | 
            +
            }
         | 
| 93 | 
            +
            .ui-state-active a,
         | 
| 94 | 
            +
            .ui-state-active a:link,
         | 
| 95 | 
            +
            .ui-state-active a:visited {
         | 
| 96 | 
            +
            	color: $fcActive;
         | 
| 97 | 
            +
            	text-decoration: none;
         | 
| 98 | 
            +
            }
         | 
| 99 | 
            +
             | 
| 100 | 
            +
            /* Interaction Cues
         | 
| 101 | 
            +
            ----------------------------------*/
         | 
| 102 | 
            +
            .ui-state-highlight,
         | 
| 103 | 
            +
            .ui-widget-content .ui-state-highlight,
         | 
| 104 | 
            +
            .ui-widget-header .ui-state-highlight {
         | 
| 105 | 
            +
            	border: 1px solid $borderColorHighlight;
         | 
| 106 | 
            +
            	background: $bgColorHighlight $bgImgUrlHighlight $bgHighlightXPos $bgHighlightYPos $bgHighlightRepeat;
         | 
| 107 | 
            +
            	color: $fcHighlight;
         | 
| 108 | 
            +
            }
         | 
| 109 | 
            +
            .ui-state-highlight a,
         | 
| 110 | 
            +
            .ui-widget-content .ui-state-highlight a,
         | 
| 111 | 
            +
            .ui-widget-header .ui-state-highlight a {
         | 
| 112 | 
            +
            	color: $fcHighlight;
         | 
| 113 | 
            +
            }
         | 
| 114 | 
            +
            .ui-state-error,
         | 
| 115 | 
            +
            .ui-widget-content .ui-state-error,
         | 
| 116 | 
            +
            .ui-widget-header .ui-state-error {
         | 
| 117 | 
            +
            	border: 1px solid $borderColorError;
         | 
| 118 | 
            +
            	background: $bgColorError $bgImgUrlError $bgErrorXPos $bgErrorYPos $bgErrorRepeat;
         | 
| 119 | 
            +
            	color: $fcError;
         | 
| 120 | 
            +
            }
         | 
| 121 | 
            +
            .ui-state-error a,
         | 
| 122 | 
            +
            .ui-widget-content .ui-state-error a,
         | 
| 123 | 
            +
            .ui-widget-header .ui-state-error a {
         | 
| 124 | 
            +
            	color: $fcError;
         | 
| 125 | 
            +
            }
         | 
| 126 | 
            +
            .ui-state-error-text,
         | 
| 127 | 
            +
            .ui-widget-content .ui-state-error-text,
         | 
| 128 | 
            +
            .ui-widget-header .ui-state-error-text {
         | 
| 129 | 
            +
            	color: $fcError;
         | 
| 130 | 
            +
            }
         | 
| 131 | 
            +
            .ui-priority-primary,
         | 
| 132 | 
            +
            .ui-widget-content .ui-priority-primary,
         | 
| 133 | 
            +
            .ui-widget-header .ui-priority-primary {
         | 
| 134 | 
            +
            	font-weight: bold;
         | 
| 135 | 
            +
            }
         | 
| 136 | 
            +
            .ui-priority-secondary,
         | 
| 137 | 
            +
            .ui-widget-content .ui-priority-secondary,
         | 
| 138 | 
            +
            .ui-widget-header .ui-priority-secondary {
         | 
| 139 | 
            +
            	opacity: .7;
         | 
| 140 | 
            +
            	filter:Alpha(Opacity=70);
         | 
| 141 | 
            +
            	font-weight: normal;
         | 
| 142 | 
            +
            }
         | 
| 143 | 
            +
            .ui-state-disabled,
         | 
| 144 | 
            +
            .ui-widget-content .ui-state-disabled,
         | 
| 145 | 
            +
            .ui-widget-header .ui-state-disabled {
         | 
| 146 | 
            +
            	opacity: .35;
         | 
| 147 | 
            +
            	filter:Alpha(Opacity=35);
         | 
| 148 | 
            +
            	background-image: none;
         | 
| 149 | 
            +
            }
         | 
| 150 | 
            +
            .ui-state-disabled .ui-icon {
         | 
| 151 | 
            +
            	filter:Alpha(Opacity=35); /* For IE8 - See #6059 */
         | 
| 152 | 
            +
            }
         | 
| 153 | 
            +
             | 
| 154 | 
            +
            /* Icons
         | 
| 155 | 
            +
            ----------------------------------*/
         | 
| 156 | 
            +
             | 
| 157 | 
            +
            /* states and images */
         | 
| 158 | 
            +
            .ui-icon {
         | 
| 159 | 
            +
            	width: 16px;
         | 
| 160 | 
            +
            	height: 16px;
         | 
| 161 | 
            +
            	background-position: 16px 16px;
         | 
| 162 | 
            +
            }
         | 
| 163 | 
            +
            .ui-icon,
         | 
| 164 | 
            +
            .ui-widget-content .ui-icon {
         | 
| 165 | 
            +
            	background-image: $iconsContent;
         | 
| 166 | 
            +
            }
         | 
| 167 | 
            +
            .ui-widget-header .ui-icon {
         | 
| 168 | 
            +
            	background-image: $iconsHeader;
         | 
| 169 | 
            +
            }
         | 
| 170 | 
            +
            .ui-state-default .ui-icon {
         | 
| 171 | 
            +
            	background-image: $iconsDefault;
         | 
| 172 | 
            +
            }
         | 
| 173 | 
            +
            .ui-state-hover .ui-icon,
         | 
| 174 | 
            +
            .ui-state-focus .ui-icon {
         | 
| 175 | 
            +
            	background-image: $iconsHover;
         | 
| 176 | 
            +
            }
         | 
| 177 | 
            +
            .ui-state-active .ui-icon {
         | 
| 178 | 
            +
            	background-image: $iconsActive;
         | 
| 179 | 
            +
            }
         | 
| 180 | 
            +
            .ui-state-highlight .ui-icon {
         | 
| 181 | 
            +
            	background-image: $iconsHighlight;
         | 
| 182 | 
            +
            }
         | 
| 183 | 
            +
            .ui-state-error .ui-icon,
         | 
| 184 | 
            +
            .ui-state-error-text .ui-icon {
         | 
| 185 | 
            +
            	background-image: $iconsError;
         | 
| 186 | 
            +
            }
         | 
| 187 | 
            +
             | 
| 188 | 
            +
            /* positioning */
         | 
| 189 | 
            +
            .ui-icon-carat-1-n { background-position: 0 0; }
         | 
| 190 | 
            +
            .ui-icon-carat-1-ne { background-position: -16px 0; }
         | 
| 191 | 
            +
            .ui-icon-carat-1-e { background-position: -32px 0; }
         | 
| 192 | 
            +
            .ui-icon-carat-1-se { background-position: -48px 0; }
         | 
| 193 | 
            +
            .ui-icon-carat-1-s { background-position: -64px 0; }
         | 
| 194 | 
            +
            .ui-icon-carat-1-sw { background-position: -80px 0; }
         | 
| 195 | 
            +
            .ui-icon-carat-1-w { background-position: -96px 0; }
         | 
| 196 | 
            +
            .ui-icon-carat-1-nw { background-position: -112px 0; }
         | 
| 197 | 
            +
            .ui-icon-carat-2-n-s { background-position: -128px 0; }
         | 
| 198 | 
            +
            .ui-icon-carat-2-e-w { background-position: -144px 0; }
         | 
| 199 | 
            +
            .ui-icon-triangle-1-n { background-position: 0 -16px; }
         | 
| 200 | 
            +
            .ui-icon-triangle-1-ne { background-position: -16px -16px; }
         | 
| 201 | 
            +
            .ui-icon-triangle-1-e { background-position: -32px -16px; }
         | 
| 202 | 
            +
            .ui-icon-triangle-1-se { background-position: -48px -16px; }
         | 
| 203 | 
            +
            .ui-icon-triangle-1-s { background-position: -64px -16px; }
         | 
| 204 | 
            +
            .ui-icon-triangle-1-sw { background-position: -80px -16px; }
         | 
| 205 | 
            +
            .ui-icon-triangle-1-w { background-position: -96px -16px; }
         | 
| 206 | 
            +
            .ui-icon-triangle-1-nw { background-position: -112px -16px; }
         | 
| 207 | 
            +
            .ui-icon-triangle-2-n-s { background-position: -128px -16px; }
         | 
| 208 | 
            +
            .ui-icon-triangle-2-e-w { background-position: -144px -16px; }
         | 
| 209 | 
            +
            .ui-icon-arrow-1-n { background-position: 0 -32px; }
         | 
| 210 | 
            +
            .ui-icon-arrow-1-ne { background-position: -16px -32px; }
         | 
| 211 | 
            +
            .ui-icon-arrow-1-e { background-position: -32px -32px; }
         | 
| 212 | 
            +
            .ui-icon-arrow-1-se { background-position: -48px -32px; }
         | 
| 213 | 
            +
            .ui-icon-arrow-1-s { background-position: -64px -32px; }
         | 
| 214 | 
            +
            .ui-icon-arrow-1-sw { background-position: -80px -32px; }
         | 
| 215 | 
            +
            .ui-icon-arrow-1-w { background-position: -96px -32px; }
         | 
| 216 | 
            +
            .ui-icon-arrow-1-nw { background-position: -112px -32px; }
         | 
| 217 | 
            +
            .ui-icon-arrow-2-n-s { background-position: -128px -32px; }
         | 
| 218 | 
            +
            .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
         | 
| 219 | 
            +
            .ui-icon-arrow-2-e-w { background-position: -160px -32px; }
         | 
| 220 | 
            +
            .ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
         | 
| 221 | 
            +
            .ui-icon-arrowstop-1-n { background-position: -192px -32px; }
         | 
| 222 | 
            +
            .ui-icon-arrowstop-1-e { background-position: -208px -32px; }
         | 
| 223 | 
            +
            .ui-icon-arrowstop-1-s { background-position: -224px -32px; }
         | 
| 224 | 
            +
            .ui-icon-arrowstop-1-w { background-position: -240px -32px; }
         | 
| 225 | 
            +
            .ui-icon-arrowthick-1-n { background-position: 0 -48px; }
         | 
| 226 | 
            +
            .ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
         | 
| 227 | 
            +
            .ui-icon-arrowthick-1-e { background-position: -32px -48px; }
         | 
| 228 | 
            +
            .ui-icon-arrowthick-1-se { background-position: -48px -48px; }
         | 
| 229 | 
            +
            .ui-icon-arrowthick-1-s { background-position: -64px -48px; }
         | 
| 230 | 
            +
            .ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
         | 
| 231 | 
            +
            .ui-icon-arrowthick-1-w { background-position: -96px -48px; }
         | 
| 232 | 
            +
            .ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
         | 
| 233 | 
            +
            .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
         | 
| 234 | 
            +
            .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
         | 
| 235 | 
            +
            .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
         | 
| 236 | 
            +
            .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
         | 
| 237 | 
            +
            .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
         | 
| 238 | 
            +
            .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
         | 
| 239 | 
            +
            .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
         | 
| 240 | 
            +
            .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
         | 
| 241 | 
            +
            .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
         | 
| 242 | 
            +
            .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
         | 
| 243 | 
            +
            .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
         | 
| 244 | 
            +
            .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
         | 
| 245 | 
            +
            .ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
         | 
| 246 | 
            +
            .ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
         | 
| 247 | 
            +
            .ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
         | 
| 248 | 
            +
            .ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
         | 
| 249 | 
            +
            .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
         | 
| 250 | 
            +
            .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
         | 
| 251 | 
            +
            .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
         | 
| 252 | 
            +
            .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
         | 
| 253 | 
            +
            .ui-icon-arrow-4 { background-position: 0 -80px; }
         | 
| 254 | 
            +
            .ui-icon-arrow-4-diag { background-position: -16px -80px; }
         | 
| 255 | 
            +
            .ui-icon-extlink { background-position: -32px -80px; }
         | 
| 256 | 
            +
            .ui-icon-newwin { background-position: -48px -80px; }
         | 
| 257 | 
            +
            .ui-icon-refresh { background-position: -64px -80px; }
         | 
| 258 | 
            +
            .ui-icon-shuffle { background-position: -80px -80px; }
         | 
| 259 | 
            +
            .ui-icon-transfer-e-w { background-position: -96px -80px; }
         | 
| 260 | 
            +
            .ui-icon-transferthick-e-w { background-position: -112px -80px; }
         | 
| 261 | 
            +
            .ui-icon-folder-collapsed { background-position: 0 -96px; }
         | 
| 262 | 
            +
            .ui-icon-folder-open { background-position: -16px -96px; }
         | 
| 263 | 
            +
            .ui-icon-document { background-position: -32px -96px; }
         | 
| 264 | 
            +
            .ui-icon-document-b { background-position: -48px -96px; }
         | 
| 265 | 
            +
            .ui-icon-note { background-position: -64px -96px; }
         | 
| 266 | 
            +
            .ui-icon-mail-closed { background-position: -80px -96px; }
         | 
| 267 | 
            +
            .ui-icon-mail-open { background-position: -96px -96px; }
         | 
| 268 | 
            +
            .ui-icon-suitcase { background-position: -112px -96px; }
         | 
| 269 | 
            +
            .ui-icon-comment { background-position: -128px -96px; }
         | 
| 270 | 
            +
            .ui-icon-person { background-position: -144px -96px; }
         | 
| 271 | 
            +
            .ui-icon-print { background-position: -160px -96px; }
         | 
| 272 | 
            +
            .ui-icon-trash { background-position: -176px -96px; }
         | 
| 273 | 
            +
            .ui-icon-locked { background-position: -192px -96px; }
         | 
| 274 | 
            +
            .ui-icon-unlocked { background-position: -208px -96px; }
         | 
| 275 | 
            +
            .ui-icon-bookmark { background-position: -224px -96px; }
         | 
| 276 | 
            +
            .ui-icon-tag { background-position: -240px -96px; }
         | 
| 277 | 
            +
            .ui-icon-home { background-position: 0 -112px; }
         | 
| 278 | 
            +
            .ui-icon-flag { background-position: -16px -112px; }
         | 
| 279 | 
            +
            .ui-icon-calendar { background-position: -32px -112px; }
         | 
| 280 | 
            +
            .ui-icon-cart { background-position: -48px -112px; }
         | 
| 281 | 
            +
            .ui-icon-pencil { background-position: -64px -112px; }
         | 
| 282 | 
            +
            .ui-icon-clock { background-position: -80px -112px; }
         | 
| 283 | 
            +
            .ui-icon-disk { background-position: -96px -112px; }
         | 
| 284 | 
            +
            .ui-icon-calculator { background-position: -112px -112px; }
         | 
| 285 | 
            +
            .ui-icon-zoomin { background-position: -128px -112px; }
         | 
| 286 | 
            +
            .ui-icon-zoomout { background-position: -144px -112px; }
         | 
| 287 | 
            +
            .ui-icon-search { background-position: -160px -112px; }
         | 
| 288 | 
            +
            .ui-icon-wrench { background-position: -176px -112px; }
         | 
| 289 | 
            +
            .ui-icon-gear { background-position: -192px -112px; }
         | 
| 290 | 
            +
            .ui-icon-heart { background-position: -208px -112px; }
         | 
| 291 | 
            +
            .ui-icon-star { background-position: -224px -112px; }
         | 
| 292 | 
            +
            .ui-icon-link { background-position: -240px -112px; }
         | 
| 293 | 
            +
            .ui-icon-cancel { background-position: 0 -128px; }
         | 
| 294 | 
            +
            .ui-icon-plus { background-position: -16px -128px; }
         | 
| 295 | 
            +
            .ui-icon-plusthick { background-position: -32px -128px; }
         | 
| 296 | 
            +
            .ui-icon-minus { background-position: -48px -128px; }
         | 
| 297 | 
            +
            .ui-icon-minusthick { background-position: -64px -128px; }
         | 
| 298 | 
            +
            .ui-icon-close { background-position: -80px -128px; }
         | 
| 299 | 
            +
            .ui-icon-closethick { background-position: -96px -128px; }
         | 
| 300 | 
            +
            .ui-icon-key { background-position: -112px -128px; }
         | 
| 301 | 
            +
            .ui-icon-lightbulb { background-position: -128px -128px; }
         | 
| 302 | 
            +
            .ui-icon-scissors { background-position: -144px -128px; }
         | 
| 303 | 
            +
            .ui-icon-clipboard { background-position: -160px -128px; }
         | 
| 304 | 
            +
            .ui-icon-copy { background-position: -176px -128px; }
         | 
| 305 | 
            +
            .ui-icon-contact { background-position: -192px -128px; }
         | 
| 306 | 
            +
            .ui-icon-image { background-position: -208px -128px; }
         | 
| 307 | 
            +
            .ui-icon-video { background-position: -224px -128px; }
         | 
| 308 | 
            +
            .ui-icon-script { background-position: -240px -128px; }
         | 
| 309 | 
            +
            .ui-icon-alert { background-position: 0 -144px; }
         | 
| 310 | 
            +
            .ui-icon-info { background-position: -16px -144px; }
         | 
| 311 | 
            +
            .ui-icon-notice { background-position: -32px -144px; }
         | 
| 312 | 
            +
            .ui-icon-help { background-position: -48px -144px; }
         | 
| 313 | 
            +
            .ui-icon-check { background-position: -64px -144px; }
         | 
| 314 | 
            +
            .ui-icon-bullet { background-position: -80px -144px; }
         | 
| 315 | 
            +
            .ui-icon-radio-on { background-position: -96px -144px; }
         | 
| 316 | 
            +
            .ui-icon-radio-off { background-position: -112px -144px; }
         | 
| 317 | 
            +
            .ui-icon-pin-w { background-position: -128px -144px; }
         | 
| 318 | 
            +
            .ui-icon-pin-s { background-position: -144px -144px; }
         | 
| 319 | 
            +
            .ui-icon-play { background-position: 0 -160px; }
         | 
| 320 | 
            +
            .ui-icon-pause { background-position: -16px -160px; }
         | 
| 321 | 
            +
            .ui-icon-seek-next { background-position: -32px -160px; }
         | 
| 322 | 
            +
            .ui-icon-seek-prev { background-position: -48px -160px; }
         | 
| 323 | 
            +
            .ui-icon-seek-end { background-position: -64px -160px; }
         | 
| 324 | 
            +
            .ui-icon-seek-start { background-position: -80px -160px; }
         | 
| 325 | 
            +
            /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
         | 
| 326 | 
            +
            .ui-icon-seek-first { background-position: -80px -160px; }
         | 
| 327 | 
            +
            .ui-icon-stop { background-position: -96px -160px; }
         | 
| 328 | 
            +
            .ui-icon-eject { background-position: -112px -160px; }
         | 
| 329 | 
            +
            .ui-icon-volume-off { background-position: -128px -160px; }
         | 
| 330 | 
            +
            .ui-icon-volume-on { background-position: -144px -160px; }
         | 
| 331 | 
            +
            .ui-icon-power { background-position: 0 -176px; }
         | 
| 332 | 
            +
            .ui-icon-signal-diag { background-position: -16px -176px; }
         | 
| 333 | 
            +
            .ui-icon-signal { background-position: -32px -176px; }
         | 
| 334 | 
            +
            .ui-icon-battery-0 { background-position: -48px -176px; }
         | 
| 335 | 
            +
            .ui-icon-battery-1 { background-position: -64px -176px; }
         | 
| 336 | 
            +
            .ui-icon-battery-2 { background-position: -80px -176px; }
         | 
| 337 | 
            +
            .ui-icon-battery-3 { background-position: -96px -176px; }
         | 
| 338 | 
            +
            .ui-icon-circle-plus { background-position: 0 -192px; }
         | 
| 339 | 
            +
            .ui-icon-circle-minus { background-position: -16px -192px; }
         | 
| 340 | 
            +
            .ui-icon-circle-close { background-position: -32px -192px; }
         | 
| 341 | 
            +
            .ui-icon-circle-triangle-e { background-position: -48px -192px; }
         | 
| 342 | 
            +
            .ui-icon-circle-triangle-s { background-position: -64px -192px; }
         | 
| 343 | 
            +
            .ui-icon-circle-triangle-w { background-position: -80px -192px; }
         | 
| 344 | 
            +
            .ui-icon-circle-triangle-n { background-position: -96px -192px; }
         | 
| 345 | 
            +
            .ui-icon-circle-arrow-e { background-position: -112px -192px; }
         | 
| 346 | 
            +
            .ui-icon-circle-arrow-s { background-position: -128px -192px; }
         | 
| 347 | 
            +
            .ui-icon-circle-arrow-w { background-position: -144px -192px; }
         | 
| 348 | 
            +
            .ui-icon-circle-arrow-n { background-position: -160px -192px; }
         | 
| 349 | 
            +
            .ui-icon-circle-zoomin { background-position: -176px -192px; }
         | 
| 350 | 
            +
            .ui-icon-circle-zoomout { background-position: -192px -192px; }
         | 
| 351 | 
            +
            .ui-icon-circle-check { background-position: -208px -192px; }
         | 
| 352 | 
            +
            .ui-icon-circlesmall-plus { background-position: 0 -208px; }
         | 
| 353 | 
            +
            .ui-icon-circlesmall-minus { background-position: -16px -208px; }
         | 
| 354 | 
            +
            .ui-icon-circlesmall-close { background-position: -32px -208px; }
         | 
| 355 | 
            +
            .ui-icon-squaresmall-plus { background-position: -48px -208px; }
         | 
| 356 | 
            +
            .ui-icon-squaresmall-minus { background-position: -64px -208px; }
         | 
| 357 | 
            +
            .ui-icon-squaresmall-close { background-position: -80px -208px; }
         | 
| 358 | 
            +
            .ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
         | 
| 359 | 
            +
            .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
         | 
| 360 | 
            +
            .ui-icon-grip-solid-vertical { background-position: -32px -224px; }
         | 
| 361 | 
            +
            .ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
         | 
| 362 | 
            +
            .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
         | 
| 363 | 
            +
            .ui-icon-grip-diagonal-se { background-position: -80px -224px; }
         | 
| 364 | 
            +
             | 
| 365 | 
            +
             | 
| 366 | 
            +
            /* Misc visuals
         | 
| 367 | 
            +
            ----------------------------------*/
         | 
| 368 | 
            +
             | 
| 369 | 
            +
            /* Corner radius */
         | 
| 370 | 
            +
            .ui-corner-all,
         | 
| 371 | 
            +
            .ui-corner-top,
         | 
| 372 | 
            +
            .ui-corner-left,
         | 
| 373 | 
            +
            .ui-corner-tl {
         | 
| 374 | 
            +
            	border-top-left-radius: $cornerRadius;
         | 
| 375 | 
            +
            }
         | 
| 376 | 
            +
            .ui-corner-all,
         | 
| 377 | 
            +
            .ui-corner-top,
         | 
| 378 | 
            +
            .ui-corner-right,
         | 
| 379 | 
            +
            .ui-corner-tr {
         | 
| 380 | 
            +
            	border-top-right-radius: $cornerRadius;
         | 
| 381 | 
            +
            }
         | 
| 382 | 
            +
            .ui-corner-all,
         | 
| 383 | 
            +
            .ui-corner-bottom,
         | 
| 384 | 
            +
            .ui-corner-left,
         | 
| 385 | 
            +
            .ui-corner-bl {
         | 
| 386 | 
            +
            	border-bottom-left-radius: $cornerRadius;
         | 
| 387 | 
            +
            }
         | 
| 388 | 
            +
            .ui-corner-all,
         | 
| 389 | 
            +
            .ui-corner-bottom,
         | 
| 390 | 
            +
            .ui-corner-right,
         | 
| 391 | 
            +
            .ui-corner-br {
         | 
| 392 | 
            +
            	border-bottom-right-radius: $cornerRadius;
         | 
| 393 | 
            +
            }
         | 
| 394 | 
            +
             | 
| 395 | 
            +
            /* Overlays */
         | 
| 396 | 
            +
            .ui-widget-overlay {
         | 
| 397 | 
            +
            	background: $bgColorOverlay $bgImgUrlOverlay $bgOverlayXPos $bgOverlayYPos $bgOverlayRepeat;
         | 
| 398 | 
            +
            	opacity: $opacityOverlay;
         | 
| 399 | 
            +
            	filter: $opacityFilterOverlay;
         | 
| 400 | 
            +
            }
         | 
| 401 | 
            +
            .ui-widget-shadow {
         | 
| 402 | 
            +
            	margin: $offsetTopShadow 0 0 $offsetLeftShadow;
         | 
| 403 | 
            +
            	padding: $thicknessShadow;
         | 
| 404 | 
            +
            	background: $bgColorShadow $bgImgUrlShadow $bgShadowXPos $bgShadowYPos $bgShadowRepeat;
         | 
| 405 | 
            +
            	opacity: $opacityShadow;
         | 
| 406 | 
            +
            	filter: $opacityFilterShadow;
         | 
| 407 | 
            +
            	border-radius: $cornerRadiusShadow;
         | 
| 408 | 
            +
            }
         |