templates/jrails-1.3/jquery.ui/_theme.scss in compass-jquery-plugin-0.3.0.beta.1 vs templates/jrails-1.3/jquery.ui/_theme.scss in compass-jquery-plugin-0.3.0.beta.2

- old
+ new

@@ -1,1281 +1,1281 @@ -/* -* jQuery UI CSS Framework -* Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about) -* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses. -*/ - -/* Layout helpers -----------------------------------*/ -.ui-helper-hidden { - display: none; } - -.ui-helper-hidden-accessible { - position: absolute; - left: -99999999px; } - -.ui-helper-reset { - margin: 0; - padding: 0; - border: 0; - outline: 0; - line-height: 1.3; - text-decoration: none; - font-size: 100%; - list-style: none; } - -.ui-helper-clearfix:after { - content: "."; - display: block; - height: 0; - clear: both; - visibility: hidden; } - -.ui-helper-clearfix { - display: inline-block; } - -/* required comment for clearfix to work in Opera \*/ -* html .ui-helper-clearfix { - height: 1%; } - -.ui-helper-clearfix { - display: block; } - -/* end clearfix */ -.ui-helper-zfix { - width: 100%; - height: 100%; - top: 0; - left: 0; - position: absolute; - opacity: 0; - filter: Alpha(Opacity = 0); } - -/* Interaction Cues -----------------------------------*/ -.ui-state-disabled { - cursor: default !important; } - -/* Icons -----------------------------------*/ - -/* states and images */ -.ui-icon { - display: block; - text-indent: -99999px; - overflow: hidden; - background-repeat: no-repeat; } - -/* Misc visuals -----------------------------------*/ - -/* Overlays */ -.ui-widget-overlay { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; } - - -/* Accordion -----------------------------------*/ -.ui-accordion .ui-accordion-header { - cursor: pointer; - position: relative; - margin-top: 1px; - zoom: 1; } - -.ui-accordion .ui-accordion-li-fix { - display: inline; } - -.ui-accordion .ui-accordion-header-active { - border-bottom: 0 !important; } - -.ui-accordion .ui-accordion-header a { - display: block; - font-size: 1em; - padding: 0.5em 0.5em 0.5em 2.2em; } - -.ui-accordion .ui-accordion-header .ui-icon { - position: absolute; - left: 0.5em; - top: 50%; - margin-top: -8px; } - -.ui-accordion .ui-accordion-content { - padding: 1em 2.2em; - border-top: 0; - margin-top: -2px; - position: relative; - top: 1px; - margin-bottom: 2px; - overflow: auto; - display: none; } - -.ui-accordion .ui-accordion-content-active { - display: block; } - - -/* Datepicker -----------------------------------*/ -.ui-datepicker { - width: 17em; - padding: 0.2em 0.2em 0; } - -.ui-datepicker .ui-datepicker-header { - position: relative; - padding: 0.2em 0; } - -.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { - position: absolute; - top: 2px; - width: 1.8em; - height: 1.8em; } - -.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { - top: 1px; } - -.ui-datepicker .ui-datepicker-prev { - left: 2px; } - -.ui-datepicker .ui-datepicker-next { - right: 2px; } - -.ui-datepicker .ui-datepicker-prev-hover { - left: 1px; } - -.ui-datepicker .ui-datepicker-next-hover { - right: 1px; } - -.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { - display: block; - position: absolute; - left: 50%; - margin-left: -8px; - top: 50%; - margin-top: -8px; } - -.ui-datepicker .ui-datepicker-title { - margin: 0 2.3em; - line-height: 1.8em; - text-align: center; } - -.ui-datepicker .ui-datepicker-title select { - float: left; - font-size: 1em; - margin: 1px 0; } - -.ui-datepicker select.ui-datepicker-month-year { - width: 100%; } - -.ui-datepicker select.ui-datepicker-month, -.ui-datepicker select.ui-datepicker-year { - width: 49%; } - -.ui-datepicker .ui-datepicker-title select.ui-datepicker-year { - float: right; } - -.ui-datepicker table { - width: 100%; - font-size: 0.9em; - border-collapse: collapse; - margin: 0 0 0.4em; } - -.ui-datepicker th { - padding: 0.7em 0.3em; - text-align: center; - font-weight: bold; - border: 0; } - -.ui-datepicker td { - border: 0; - padding: 1px; } - -.ui-datepicker td span, .ui-datepicker td a { - display: block; - padding: 0.2em; - text-align: right; - text-decoration: none; } - -.ui-datepicker .ui-datepicker-buttonpane { - background-image: none; - margin: 0.7em 0 0 0; - padding: 0 0.2em; - border-left: 0; - border-right: 0; - border-bottom: 0; } - -.ui-datepicker .ui-datepicker-buttonpane button { - float: right; - margin: 0.5em 0.2em 0.4em; - cursor: pointer; - padding: 0.2em 0.6em 0.3em 0.6em; - width: auto; - overflow: visible; } - -.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { - float: left; } - -/* with multiple calendars */ -.ui-datepicker.ui-datepicker-multi { - width: auto; } - -.ui-datepicker-multi .ui-datepicker-group { - float: left; } - -.ui-datepicker-multi .ui-datepicker-group table { - width: 95%; - margin: 0 auto 0.4em; } - -.ui-datepicker-multi-2 .ui-datepicker-group { - width: 50%; } - -.ui-datepicker-multi-3 .ui-datepicker-group { - width: 33.3%; } - -.ui-datepicker-multi-4 .ui-datepicker-group { - width: 25%; } - -.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { - border-left-width: 0; } - -.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { - border-left-width: 0; } - -.ui-datepicker-multi .ui-datepicker-buttonpane { - clear: left; } - -.ui-datepicker-row-break { - clear: both; - width: 100%; } - -/* RTL support */ -.ui-datepicker-rtl { - direction: rtl; } - -.ui-datepicker-rtl .ui-datepicker-prev { - right: 2px; - left: auto; } - -.ui-datepicker-rtl .ui-datepicker-next { - left: 2px; - right: auto; } - -.ui-datepicker-rtl .ui-datepicker-prev:hover { - right: 1px; - left: auto; } - -.ui-datepicker-rtl .ui-datepicker-next:hover { - left: 1px; - right: auto; } - -.ui-datepicker-rtl .ui-datepicker-buttonpane { - clear: right; } - -.ui-datepicker-rtl .ui-datepicker-buttonpane button { - float: left; } - -.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { - float: right; } - -.ui-datepicker-rtl .ui-datepicker-group { - float: right; } - -.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { - border-right-width: 0; - border-left-width: 1px; } - -.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { - border-right-width: 0; - border-left-width: 1px; } - -/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */ -.ui-datepicker-cover { - display: none; - /*sorry for IE5*/ - display: block; - /*sorry for IE5*/ - position: absolute; - /*must have*/ - z-index: -1; - /*must have*/ - filter: mask(); - /*must have*/ - top: -4px; - /*must have*/ - left: -4px; - /*must have*/ - width: 200px; - /*must have*/ - height: 200px; - /*must have*/ } - - -/* Dialog -----------------------------------*/ -.ui-dialog { - position: relative; - padding: 0.2em; - width: 300px; } - -.ui-dialog .ui-dialog-titlebar { - padding: 0.5em 0.3em 0.3em 1em; - position: relative; } - -.ui-dialog .ui-dialog-title { - float: left; - margin: 0.1em 0 0.2em; } - -.ui-dialog .ui-dialog-titlebar-close { - position: absolute; - right: 0.3em; - top: 50%; - width: 19px; - margin: -10px 0 0 0; - padding: 1px; - height: 18px; } - -.ui-dialog .ui-dialog-titlebar-close span { - display: block; - margin: 1px; } - -.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { - padding: 0; } - -.ui-dialog .ui-dialog-content { - border: 0; - padding: 0.5em 1em; - background: none; - overflow: auto; - zoom: 1; } - -.ui-dialog .ui-dialog-buttonpane { - text-align: left; - border-width: 1px 0 0 0; - background-image: none; - margin: 0.5em 0 0 0; - padding: 0.3em 1em 0.5em 0.4em; } - -.ui-dialog .ui-dialog-buttonpane button { - float: right; - margin: 0.5em 0.4em 0.5em 0; - cursor: pointer; - padding: 0.2em 0.6em 0.3em 0.6em; - line-height: 1.4em; - width: auto; - overflow: visible; } - -.ui-dialog .ui-resizable-se { - width: 14px; - height: 14px; - right: 3px; - bottom: 3px; } - -.ui-draggable .ui-dialog-titlebar { - cursor: move; } - - -/* Progressbar -----------------------------------*/ -.ui-progressbar { - height: 2em; - text-align: left; } - -.ui-progressbar .ui-progressbar-value { - margin: -1px; - height: 100%; } - - -/* Resizable -----------------------------------*/ -.ui-resizable { - position: relative; } - -.ui-resizable-handle { - position: absolute; - font-size: 0.1px; - z-index: 99999; - display: block; } - -.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { - display: none; } - -.ui-resizable-n { - cursor: n-resize; - height: 7px; - width: 100%; - top: -5px; - left: 0px; } - -.ui-resizable-s { - cursor: s-resize; - height: 7px; - width: 100%; - bottom: -5px; - left: 0px; } - -.ui-resizable-e { - cursor: e-resize; - width: 7px; - right: -5px; - top: 0px; - height: 100%; } - -.ui-resizable-w { - cursor: w-resize; - width: 7px; - left: -5px; - top: 0px; - height: 100%; } - -.ui-resizable-se { - cursor: se-resize; - width: 12px; - height: 12px; - right: 1px; - bottom: 1px; } - -.ui-resizable-sw { - cursor: sw-resize; - width: 9px; - height: 9px; - left: -5px; - bottom: -5px; } - -.ui-resizable-nw { - cursor: nw-resize; - width: 9px; - height: 9px; - left: -5px; - top: -5px; } - -.ui-resizable-ne { - cursor: ne-resize; - width: 9px; - height: 9px; - right: -5px; - top: -5px; } - - -/* Slider -----------------------------------*/ -.ui-slider { - position: relative; - text-align: left; } - -.ui-slider .ui-slider-handle { - position: absolute; - z-index: 2; - width: 1.2em; - height: 1.2em; - cursor: default; } - -.ui-slider .ui-slider-range { - position: absolute; - z-index: 1; - font-size: 0.7em; - display: block; - border: 0; } - -.ui-slider-horizontal { - height: 0.8em; } - -.ui-slider-horizontal .ui-slider-handle { - top: -0.3em; - margin-left: -0.6em; } - -.ui-slider-horizontal .ui-slider-range { - top: 0; - height: 100%; } - -.ui-slider-horizontal .ui-slider-range-min { - left: 0; } - -.ui-slider-horizontal .ui-slider-range-max { - right: 0; } - -.ui-slider-vertical { - width: 0.8em; - height: 100px; } - -.ui-slider-vertical .ui-slider-handle { - left: -0.3em; - margin-left: 0; - margin-bottom: -0.6em; } - -.ui-slider-vertical .ui-slider-range { - left: 0; - width: 100%; } - -.ui-slider-vertical .ui-slider-range-min { - bottom: 0; } - -.ui-slider-vertical .ui-slider-range-max { - top: 0; } - - -/* Tabs -----------------------------------*/ -.ui-tabs { - padding: 0.2em; - zoom: 1; } - -.ui-tabs .ui-tabs-nav { - list-style: none; - position: relative; - padding: 0.2em 0.2em 0; } - -.ui-tabs .ui-tabs-nav li { - position: relative; - float: left; - border-bottom-width: 0 !important; - margin: 0 0.2em -1px 0; - padding: 0; } - -.ui-tabs .ui-tabs-nav li a { - float: left; - text-decoration: none; - padding: 0.5em 1em; } - -.ui-tabs .ui-tabs-nav li.ui-tabs-selected { - padding-bottom: 1px; - border-bottom-width: 0; } - -.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { - cursor: text; } - -.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { - cursor: pointer; } - -/* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */ -.ui-tabs .ui-tabs-panel { - padding: 1em 1.4em; - display: block; - border-width: 0; - background: none; } - -.ui-tabs .ui-tabs-hide { - display: none !important; } - - -/* -* jQuery UI CSS Framework -* Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about) -* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses. -* To view and modify this theme, visit http://jqueryui.com/themeroller/ -*/ - -/* Component containers -----------------------------------*/ -.ui-widget { - font-family: $ui_ffDefault; - font-size: $ui_fsDefault; } - -.ui-widget .ui-widget { - font-size: 1em; } - -.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { - font-family: $ui_ffDefault; - font-size: 1em; } - -.ui-widget-content { - border: 1px solid $ui_borderColorContent; - background: $ui_bgColorContent $ui_bgImgUrlContent $ui_bgContentXPos $ui_bgContentYPos $ui_bgContentRepeat; - color: $ui_fcContent; } - -.ui-widget-content a { - color: $ui_fcContent; } - -.ui-widget-header { - border: 1px solid $ui_borderColorHeader; - background: $ui_bgColorHeader $ui_bgImgUrlHeader $ui_bgHeaderXPos $ui_bgHeaderYPos $ui_bgHeaderRepeat; - color: $ui_fcHeader; - font-weight: bold; } - -.ui-widget-header a { - color: $ui_fcHeader; } - -/* Interaction states -----------------------------------*/ -.ui-state-default, .ui-widget-content .ui-state-default { - border: 1px solid $ui_borderColorDefault; - background: $ui_bgColorDefault $ui_bgImgUrlDefault $ui_bgDefaultXPos $ui_bgDefaultYPos $ui_bgDefaultRepeat; - font-weight: $ui_fwDefault; - color: $ui_fcDefault; - outline: none; } - -.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { - color: $ui_fcDefault; - text-decoration: none; - outline: none; } - -.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { - border: 1px solid $ui_borderColorHover; - background: $ui_bgColorHover $ui_bgImgUrlHover $ui_bgHoverXPos $ui_bgHoverYPos $ui_bgHoverRepeat; - font-weight: $ui_fwDefault; - color: $ui_fcHover; - outline: none; } - -.ui-state-hover a, .ui-state-hover a:hover { - color: $ui_fcHover; - text-decoration: none; - outline: none; } - -.ui-state-active, .ui-widget-content .ui-state-active { - border: 1px solid $ui_borderColorActive; - background: $ui_bgColorActive $ui_bgImgUrlActive $ui_bgActiveXPos $ui_bgActiveYPos $ui_bgActiveRepeat; - font-weight: $ui_fwDefault; - color: $ui_fcActive; - outline: none; } - -.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { - color: $ui_fcActive; - outline: none; - text-decoration: none; } - -/* Interaction Cues -----------------------------------*/ -.ui-state-highlight, .ui-widget-content .ui-state-highlight { - border: 1px solid $ui_borderColorHighlight; - background: $ui_bgColorHighlight $ui_bgImgUrlHighlight $ui_bgHighlightXPos $ui_bgHighlightYPos $ui_bgHighlightRepeat; - color: $ui_fcHighlight; } - -.ui-state-highlight a, .ui-widget-content .ui-state-highlight a { - color: $ui_fcHighlight; } - -.ui-state-error, .ui-widget-content .ui-state-error { - border: 1px solid $ui_borderColorError; - background: $ui_bgColorError $ui_bgImgUrlError $ui_bgErrorXPos $ui_bgErrorYPos $ui_bgErrorRepeat; - color: $ui_fcError; } - -.ui-state-error a, .ui-widget-content .ui-state-error a { - color: $ui_fcError; } - -.ui-state-error-text, .ui-widget-content .ui-state-error-text { - color: $ui_fcError; } - -.ui-state-disabled, .ui-widget-content .ui-state-disabled { - opacity: 0.35; - filter: Alpha(Opacity = 35); - background-image: none; } - -.ui-priority-primary, .ui-widget-content .ui-priority-primary { - font-weight: bold; } - -.ui-priority-secondary, .ui-widget-content .ui-priority-secondary { - opacity: 0.7; - filter: Alpha(Opacity = 70); - font-weight: normal; } - -/* Icons -----------------------------------*/ - -/* states and images */ -.ui-icon { - width: 16px; - height: 16px; - background-image: $ui_iconsContent; } - -.ui-widget-content .ui-icon { - background-image: $ui_iconsContent; } - -.ui-widget-header .ui-icon { - background-image: $ui_iconsHeader; } - -.ui-state-default .ui-icon { - background-image: $ui_iconsDefault; } - -.ui-state-hover .ui-icon, .ui-state-focus .ui-icon { - background-image: $ui_iconsHover; } - -.ui-state-active .ui-icon { - background-image: $ui_iconsActive; } - -.ui-state-highlight .ui-icon { - background-image: $ui_iconsHighlight; } - -.ui-state-error .ui-icon, .ui-state-error-text .ui-icon { - background-image: $ui_iconsError; } - -/* positioning */ -.ui-icon-carat-1-n { - background-position: 0 0; } - -.ui-icon-carat-1-ne { - background-position: -16px 0; } - -.ui-icon-carat-1-e { - background-position: -32px 0; } - -.ui-icon-carat-1-se { - background-position: -48px 0; } - -.ui-icon-carat-1-s { - background-position: -64px 0; } - -.ui-icon-carat-1-sw { - background-position: -80px 0; } - -.ui-icon-carat-1-w { - background-position: -96px 0; } - -.ui-icon-carat-1-nw { - background-position: -112px 0; } - -.ui-icon-carat-2-n-s { - background-position: -128px 0; } - -.ui-icon-carat-2-e-w { - background-position: -144px 0; } - -.ui-icon-triangle-1-n { - background-position: 0 -16px; } - -.ui-icon-triangle-1-ne { - background-position: -16px -16px; } - -.ui-icon-triangle-1-e { - background-position: -32px -16px; } - -.ui-icon-triangle-1-se { - background-position: -48px -16px; } - -.ui-icon-triangle-1-s { - background-position: -64px -16px; } - -.ui-icon-triangle-1-sw { - background-position: -80px -16px; } - -.ui-icon-triangle-1-w { - background-position: -96px -16px; } - -.ui-icon-triangle-1-nw { - background-position: -112px -16px; } - -.ui-icon-triangle-2-n-s { - background-position: -128px -16px; } - -.ui-icon-triangle-2-e-w { - background-position: -144px -16px; } - -.ui-icon-arrow-1-n { - background-position: 0 -32px; } - -.ui-icon-arrow-1-ne { - background-position: -16px -32px; } - -.ui-icon-arrow-1-e { - background-position: -32px -32px; } - -.ui-icon-arrow-1-se { - background-position: -48px -32px; } - -.ui-icon-arrow-1-s { - background-position: -64px -32px; } - -.ui-icon-arrow-1-sw { - background-position: -80px -32px; } - -.ui-icon-arrow-1-w { - background-position: -96px -32px; } - -.ui-icon-arrow-1-nw { - background-position: -112px -32px; } - -.ui-icon-arrow-2-n-s { - background-position: -128px -32px; } - -.ui-icon-arrow-2-ne-sw { - background-position: -144px -32px; } - -.ui-icon-arrow-2-e-w { - background-position: -160px -32px; } - -.ui-icon-arrow-2-se-nw { - background-position: -176px -32px; } - -.ui-icon-arrowstop-1-n { - background-position: -192px -32px; } - -.ui-icon-arrowstop-1-e { - background-position: -208px -32px; } - -.ui-icon-arrowstop-1-s { - background-position: -224px -32px; } - -.ui-icon-arrowstop-1-w { - background-position: -240px -32px; } - -.ui-icon-arrowthick-1-n { - background-position: 0 -48px; } - -.ui-icon-arrowthick-1-ne { - background-position: -16px -48px; } - -.ui-icon-arrowthick-1-e { - background-position: -32px -48px; } - -.ui-icon-arrowthick-1-se { - background-position: -48px -48px; } - -.ui-icon-arrowthick-1-s { - background-position: -64px -48px; } - -.ui-icon-arrowthick-1-sw { - background-position: -80px -48px; } - -.ui-icon-arrowthick-1-w { - background-position: -96px -48px; } - -.ui-icon-arrowthick-1-nw { - background-position: -112px -48px; } - -.ui-icon-arrowthick-2-n-s { - background-position: -128px -48px; } - -.ui-icon-arrowthick-2-ne-sw { - background-position: -144px -48px; } - -.ui-icon-arrowthick-2-e-w { - background-position: -160px -48px; } - -.ui-icon-arrowthick-2-se-nw { - background-position: -176px -48px; } - -.ui-icon-arrowthickstop-1-n { - background-position: -192px -48px; } - -.ui-icon-arrowthickstop-1-e { - background-position: -208px -48px; } - -.ui-icon-arrowthickstop-1-s { - background-position: -224px -48px; } - -.ui-icon-arrowthickstop-1-w { - background-position: -240px -48px; } - -.ui-icon-arrowreturnthick-1-w { - background-position: 0 -64px; } - -.ui-icon-arrowreturnthick-1-n { - background-position: -16px -64px; } - -.ui-icon-arrowreturnthick-1-e { - background-position: -32px -64px; } - -.ui-icon-arrowreturnthick-1-s { - background-position: -48px -64px; } - -.ui-icon-arrowreturn-1-w { - background-position: -64px -64px; } - -.ui-icon-arrowreturn-1-n { - background-position: -80px -64px; } - -.ui-icon-arrowreturn-1-e { - background-position: -96px -64px; } - -.ui-icon-arrowreturn-1-s { - background-position: -112px -64px; } - -.ui-icon-arrowrefresh-1-w { - background-position: -128px -64px; } - -.ui-icon-arrowrefresh-1-n { - background-position: -144px -64px; } - -.ui-icon-arrowrefresh-1-e { - background-position: -160px -64px; } - -.ui-icon-arrowrefresh-1-s { - background-position: -176px -64px; } - -.ui-icon-arrow-4 { - background-position: 0 -80px; } - -.ui-icon-arrow-4-diag { - background-position: -16px -80px; } - -.ui-icon-extlink { - background-position: -32px -80px; } - -.ui-icon-newwin { - background-position: -48px -80px; } - -.ui-icon-refresh { - background-position: -64px -80px; } - -.ui-icon-shuffle { - background-position: -80px -80px; } - -.ui-icon-transfer-e-w { - background-position: -96px -80px; } - -.ui-icon-transferthick-e-w { - background-position: -112px -80px; } - -.ui-icon-folder-collapsed { - background-position: 0 -96px; } - -.ui-icon-folder-open { - background-position: -16px -96px; } - -.ui-icon-document { - background-position: -32px -96px; } - -.ui-icon-document-b { - background-position: -48px -96px; } - -.ui-icon-note { - background-position: -64px -96px; } - -.ui-icon-mail-closed { - background-position: -80px -96px; } - -.ui-icon-mail-open { - background-position: -96px -96px; } - -.ui-icon-suitcase { - background-position: -112px -96px; } - -.ui-icon-comment { - background-position: -128px -96px; } - -.ui-icon-person { - background-position: -144px -96px; } - -.ui-icon-print { - background-position: -160px -96px; } - -.ui-icon-trash { - background-position: -176px -96px; } - -.ui-icon-locked { - background-position: -192px -96px; } - -.ui-icon-unlocked { - background-position: -208px -96px; } - -.ui-icon-bookmark { - background-position: -224px -96px; } - -.ui-icon-tag { - background-position: -240px -96px; } - -.ui-icon-home { - background-position: 0 -112px; } - -.ui-icon-flag { - background-position: -16px -112px; } - -.ui-icon-calendar { - background-position: -32px -112px; } - -.ui-icon-cart { - background-position: -48px -112px; } - -.ui-icon-pencil { - background-position: -64px -112px; } - -.ui-icon-clock { - background-position: -80px -112px; } - -.ui-icon-disk { - background-position: -96px -112px; } - -.ui-icon-calculator { - background-position: -112px -112px; } - -.ui-icon-zoomin { - background-position: -128px -112px; } - -.ui-icon-zoomout { - background-position: -144px -112px; } - -.ui-icon-search { - background-position: -160px -112px; } - -.ui-icon-wrench { - background-position: -176px -112px; } - -.ui-icon-gear { - background-position: -192px -112px; } - -.ui-icon-heart { - background-position: -208px -112px; } - -.ui-icon-star { - background-position: -224px -112px; } - -.ui-icon-link { - background-position: -240px -112px; } - -.ui-icon-cancel { - background-position: 0 -128px; } - -.ui-icon-plus { - background-position: -16px -128px; } - -.ui-icon-plusthick { - background-position: -32px -128px; } - -.ui-icon-minus { - background-position: -48px -128px; } - -.ui-icon-minusthick { - background-position: -64px -128px; } - -.ui-icon-close { - background-position: -80px -128px; } - -.ui-icon-closethick { - background-position: -96px -128px; } - -.ui-icon-key { - background-position: -112px -128px; } - -.ui-icon-lightbulb { - background-position: -128px -128px; } - -.ui-icon-scissors { - background-position: -144px -128px; } - -.ui-icon-clipboard { - background-position: -160px -128px; } - -.ui-icon-copy { - background-position: -176px -128px; } - -.ui-icon-contact { - background-position: -192px -128px; } - -.ui-icon-image { - background-position: -208px -128px; } - -.ui-icon-video { - background-position: -224px -128px; } - -.ui-icon-script { - background-position: -240px -128px; } - -.ui-icon-alert { - background-position: 0 -144px; } - -.ui-icon-info { - background-position: -16px -144px; } - -.ui-icon-notice { - background-position: -32px -144px; } - -.ui-icon-help { - background-position: -48px -144px; } - -.ui-icon-check { - background-position: -64px -144px; } - -.ui-icon-bullet { - background-position: -80px -144px; } - -.ui-icon-radio-off { - background-position: -96px -144px; } - -.ui-icon-radio-on { - background-position: -112px -144px; } - -.ui-icon-pin-w { - background-position: -128px -144px; } - -.ui-icon-pin-s { - background-position: -144px -144px; } - -.ui-icon-play { - background-position: 0 -160px; } - -.ui-icon-pause { - background-position: -16px -160px; } - -.ui-icon-seek-next { - background-position: -32px -160px; } - -.ui-icon-seek-prev { - background-position: -48px -160px; } - -.ui-icon-seek-end { - background-position: -64px -160px; } - -.ui-icon-seek-first { - background-position: -80px -160px; } - -.ui-icon-stop { - background-position: -96px -160px; } - -.ui-icon-eject { - background-position: -112px -160px; } - -.ui-icon-volume-off { - background-position: -128px -160px; } - -.ui-icon-volume-on { - background-position: -144px -160px; } - -.ui-icon-power { - background-position: 0 -176px; } - -.ui-icon-signal-diag { - background-position: -16px -176px; } - -.ui-icon-signal { - background-position: -32px -176px; } - -.ui-icon-battery-0 { - background-position: -48px -176px; } - -.ui-icon-battery-1 { - background-position: -64px -176px; } - -.ui-icon-battery-2 { - background-position: -80px -176px; } - -.ui-icon-battery-3 { - background-position: -96px -176px; } - -.ui-icon-circle-plus { - background-position: 0 -192px; } - -.ui-icon-circle-minus { - background-position: -16px -192px; } - -.ui-icon-circle-close { - background-position: -32px -192px; } - -.ui-icon-circle-triangle-e { - background-position: -48px -192px; } - -.ui-icon-circle-triangle-s { - background-position: -64px -192px; } - -.ui-icon-circle-triangle-w { - background-position: -80px -192px; } - -.ui-icon-circle-triangle-n { - background-position: -96px -192px; } - -.ui-icon-circle-arrow-e { - background-position: -112px -192px; } - -.ui-icon-circle-arrow-s { - background-position: -128px -192px; } - -.ui-icon-circle-arrow-w { - background-position: -144px -192px; } - -.ui-icon-circle-arrow-n { - background-position: -160px -192px; } - -.ui-icon-circle-zoomin { - background-position: -176px -192px; } - -.ui-icon-circle-zoomout { - background-position: -192px -192px; } - -.ui-icon-circle-check { - background-position: -208px -192px; } - -.ui-icon-circlesmall-plus { - background-position: 0 -208px; } - -.ui-icon-circlesmall-minus { - background-position: -16px -208px; } - -.ui-icon-circlesmall-close { - background-position: -32px -208px; } - -.ui-icon-squaresmall-plus { - background-position: -48px -208px; } - -.ui-icon-squaresmall-minus { - background-position: -64px -208px; } - -.ui-icon-squaresmall-close { - background-position: -80px -208px; } - -.ui-icon-grip-dotted-vertical { - background-position: 0 -224px; } - -.ui-icon-grip-dotted-horizontal { - background-position: -16px -224px; } - -.ui-icon-grip-solid-vertical { - background-position: -32px -224px; } - -.ui-icon-grip-solid-horizontal { - background-position: -48px -224px; } - -.ui-icon-gripsmall-diagonal-se { - background-position: -64px -224px; } - -.ui-icon-grip-diagonal-se { - background-position: -80px -224px; } - -/* Misc visuals -----------------------------------*/ - -/* Corner radius */ -.ui-corner-tl { - -moz-border-radius-topleft: $ui_cornerRadius; - -webkit-border-top-left-radius: $ui_cornerRadius; } - -.ui-corner-tr { - -moz-border-radius-topright: $ui_cornerRadius; - -webkit-border-top-right-radius: $ui_cornerRadius; } - -.ui-corner-bl { - -moz-border-radius-bottomleft: $ui_cornerRadius; - -webkit-border-bottom-left-radius: $ui_cornerRadius; } - -.ui-corner-br { - -moz-border-radius-bottomright: $ui_cornerRadius; - -webkit-border-bottom-right-radius: $ui_cornerRadius; } - -.ui-corner-top { - -moz-border-radius-topleft: $ui_cornerRadius; - -webkit-border-top-left-radius: $ui_cornerRadius; - -moz-border-radius-topright: $ui_cornerRadius; - -webkit-border-top-right-radius: $ui_cornerRadius; } - -.ui-corner-bottom { - -moz-border-radius-bottomleft: $ui_cornerRadius; - -webkit-border-bottom-left-radius: $ui_cornerRadius; - -moz-border-radius-bottomright: $ui_cornerRadius; - -webkit-border-bottom-right-radius: $ui_cornerRadius; } - -.ui-corner-right { - -moz-border-radius-topright: $ui_cornerRadius; - -webkit-border-top-right-radius: $ui_cornerRadius; - -moz-border-radius-bottomright: $ui_cornerRadius; - -webkit-border-bottom-right-radius: $ui_cornerRadius; } - -.ui-corner-left { - -moz-border-radius-topleft: $ui_cornerRadius; - -webkit-border-top-left-radius: $ui_cornerRadius; - -moz-border-radius-bottomleft: $ui_cornerRadius; - -webkit-border-bottom-left-radius: $ui_cornerRadius; } - -.ui-corner-all { - -moz-border-radius: $ui_cornerRadius; - -webkit-border-radius: $ui_cornerRadius; } - -/* Overlays */ -.ui-widget-overlay { - background: $ui_bgColorOverlay $ui_bgImgUrlOverlay $ui_bgOverlayXPos $ui_bgOverlayYPos $ui_bgOverlayRepeat; - opacity: $ui_opacityOverlay; } - -.ui-widget-shadow { - margin: $ui_offsetTopShadow 0 0 $ui_offsetLeftShadow; - padding: $ui_thicknessShadow; - background: $ui_bgColorShadow $ui_bgImgUrlShadow $ui_bgShadowXPos $ui_bgShadowYPos $ui_bgShadowRepeat; - opacity: $ui_opacityShadow; - -moz-border-radius: $ui_cornerRadiusShadow; - -webkit-border-radius: $ui_cornerRadiusShadow; } -// Generated by compass-jquery-plugin/gem-tasks/jrailsxx.rake - +/* +* jQuery UI CSS Framework +* Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about) +* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses. +*/ + +/* Layout helpers +----------------------------------*/ +.ui-helper-hidden { + display: none; } + +.ui-helper-hidden-accessible { + position: absolute; + left: -99999999px; } + +.ui-helper-reset { + margin: 0; + padding: 0; + border: 0; + outline: 0; + line-height: 1.3; + text-decoration: none; + font-size: 100%; + list-style: none; } + +.ui-helper-clearfix:after { + content: "."; + display: block; + height: 0; + clear: both; + visibility: hidden; } + +.ui-helper-clearfix { + display: inline-block; } + +/* required comment for clearfix to work in Opera \*/ +* html .ui-helper-clearfix { + height: 1%; } + +.ui-helper-clearfix { + display: block; } + +/* end clearfix */ +.ui-helper-zfix { + width: 100%; + height: 100%; + top: 0; + left: 0; + position: absolute; + opacity: 0; + filter: Alpha(Opacity = 0); } + +/* Interaction Cues +----------------------------------*/ +.ui-state-disabled { + cursor: default !important; } + +/* Icons +----------------------------------*/ + +/* states and images */ +.ui-icon { + display: block; + text-indent: -99999px; + overflow: hidden; + background-repeat: no-repeat; } + +/* Misc visuals +----------------------------------*/ + +/* Overlays */ +.ui-widget-overlay { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; } + + +/* Accordion +----------------------------------*/ +.ui-accordion .ui-accordion-header { + cursor: pointer; + position: relative; + margin-top: 1px; + zoom: 1; } + +.ui-accordion .ui-accordion-li-fix { + display: inline; } + +.ui-accordion .ui-accordion-header-active { + border-bottom: 0 !important; } + +.ui-accordion .ui-accordion-header a { + display: block; + font-size: 1em; + padding: 0.5em 0.5em 0.5em 2.2em; } + +.ui-accordion .ui-accordion-header .ui-icon { + position: absolute; + left: 0.5em; + top: 50%; + margin-top: -8px; } + +.ui-accordion .ui-accordion-content { + padding: 1em 2.2em; + border-top: 0; + margin-top: -2px; + position: relative; + top: 1px; + margin-bottom: 2px; + overflow: auto; + display: none; } + +.ui-accordion .ui-accordion-content-active { + display: block; } + + +/* Datepicker +----------------------------------*/ +.ui-datepicker { + width: 17em; + padding: 0.2em 0.2em 0; } + +.ui-datepicker .ui-datepicker-header { + position: relative; + padding: 0.2em 0; } + +.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { + position: absolute; + top: 2px; + width: 1.8em; + height: 1.8em; } + +.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { + top: 1px; } + +.ui-datepicker .ui-datepicker-prev { + left: 2px; } + +.ui-datepicker .ui-datepicker-next { + right: 2px; } + +.ui-datepicker .ui-datepicker-prev-hover { + left: 1px; } + +.ui-datepicker .ui-datepicker-next-hover { + right: 1px; } + +.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { + display: block; + position: absolute; + left: 50%; + margin-left: -8px; + top: 50%; + margin-top: -8px; } + +.ui-datepicker .ui-datepicker-title { + margin: 0 2.3em; + line-height: 1.8em; + text-align: center; } + +.ui-datepicker .ui-datepicker-title select { + float: left; + font-size: 1em; + margin: 1px 0; } + +.ui-datepicker select.ui-datepicker-month-year { + width: 100%; } + +.ui-datepicker select.ui-datepicker-month, +.ui-datepicker select.ui-datepicker-year { + width: 49%; } + +.ui-datepicker .ui-datepicker-title select.ui-datepicker-year { + float: right; } + +.ui-datepicker table { + width: 100%; + font-size: 0.9em; + border-collapse: collapse; + margin: 0 0 0.4em; } + +.ui-datepicker th { + padding: 0.7em 0.3em; + text-align: center; + font-weight: bold; + border: 0; } + +.ui-datepicker td { + border: 0; + padding: 1px; } + +.ui-datepicker td span, .ui-datepicker td a { + display: block; + padding: 0.2em; + text-align: right; + text-decoration: none; } + +.ui-datepicker .ui-datepicker-buttonpane { + background-image: none; + margin: 0.7em 0 0 0; + padding: 0 0.2em; + border-left: 0; + border-right: 0; + border-bottom: 0; } + +.ui-datepicker .ui-datepicker-buttonpane button { + float: right; + margin: 0.5em 0.2em 0.4em; + cursor: pointer; + padding: 0.2em 0.6em 0.3em 0.6em; + width: auto; + overflow: visible; } + +.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { + float: left; } + +/* with multiple calendars */ +.ui-datepicker.ui-datepicker-multi { + width: auto; } + +.ui-datepicker-multi .ui-datepicker-group { + float: left; } + +.ui-datepicker-multi .ui-datepicker-group table { + width: 95%; + margin: 0 auto 0.4em; } + +.ui-datepicker-multi-2 .ui-datepicker-group { + width: 50%; } + +.ui-datepicker-multi-3 .ui-datepicker-group { + width: 33.3%; } + +.ui-datepicker-multi-4 .ui-datepicker-group { + width: 25%; } + +.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { + border-left-width: 0; } + +.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { + border-left-width: 0; } + +.ui-datepicker-multi .ui-datepicker-buttonpane { + clear: left; } + +.ui-datepicker-row-break { + clear: both; + width: 100%; } + +/* RTL support */ +.ui-datepicker-rtl { + direction: rtl; } + +.ui-datepicker-rtl .ui-datepicker-prev { + right: 2px; + left: auto; } + +.ui-datepicker-rtl .ui-datepicker-next { + left: 2px; + right: auto; } + +.ui-datepicker-rtl .ui-datepicker-prev:hover { + right: 1px; + left: auto; } + +.ui-datepicker-rtl .ui-datepicker-next:hover { + left: 1px; + right: auto; } + +.ui-datepicker-rtl .ui-datepicker-buttonpane { + clear: right; } + +.ui-datepicker-rtl .ui-datepicker-buttonpane button { + float: left; } + +.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { + float: right; } + +.ui-datepicker-rtl .ui-datepicker-group { + float: right; } + +.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { + border-right-width: 0; + border-left-width: 1px; } + +.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { + border-right-width: 0; + border-left-width: 1px; } + +/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */ +.ui-datepicker-cover { + display: none; + /*sorry for IE5*/ + display: block; + /*sorry for IE5*/ + position: absolute; + /*must have*/ + z-index: -1; + /*must have*/ + filter: mask(); + /*must have*/ + top: -4px; + /*must have*/ + left: -4px; + /*must have*/ + width: 200px; + /*must have*/ + height: 200px; + /*must have*/ } + + +/* Dialog +----------------------------------*/ +.ui-dialog { + position: relative; + padding: 0.2em; + width: 300px; } + +.ui-dialog .ui-dialog-titlebar { + padding: 0.5em 0.3em 0.3em 1em; + position: relative; } + +.ui-dialog .ui-dialog-title { + float: left; + margin: 0.1em 0 0.2em; } + +.ui-dialog .ui-dialog-titlebar-close { + position: absolute; + right: 0.3em; + top: 50%; + width: 19px; + margin: -10px 0 0 0; + padding: 1px; + height: 18px; } + +.ui-dialog .ui-dialog-titlebar-close span { + display: block; + margin: 1px; } + +.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { + padding: 0; } + +.ui-dialog .ui-dialog-content { + border: 0; + padding: 0.5em 1em; + background: none; + overflow: auto; + zoom: 1; } + +.ui-dialog .ui-dialog-buttonpane { + text-align: left; + border-width: 1px 0 0 0; + background-image: none; + margin: 0.5em 0 0 0; + padding: 0.3em 1em 0.5em 0.4em; } + +.ui-dialog .ui-dialog-buttonpane button { + float: right; + margin: 0.5em 0.4em 0.5em 0; + cursor: pointer; + padding: 0.2em 0.6em 0.3em 0.6em; + line-height: 1.4em; + width: auto; + overflow: visible; } + +.ui-dialog .ui-resizable-se { + width: 14px; + height: 14px; + right: 3px; + bottom: 3px; } + +.ui-draggable .ui-dialog-titlebar { + cursor: move; } + + +/* Progressbar +----------------------------------*/ +.ui-progressbar { + height: 2em; + text-align: left; } + +.ui-progressbar .ui-progressbar-value { + margin: -1px; + height: 100%; } + + +/* Resizable +----------------------------------*/ +.ui-resizable { + position: relative; } + +.ui-resizable-handle { + position: absolute; + font-size: 0.1px; + z-index: 99999; + display: block; } + +.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { + display: none; } + +.ui-resizable-n { + cursor: n-resize; + height: 7px; + width: 100%; + top: -5px; + left: 0px; } + +.ui-resizable-s { + cursor: s-resize; + height: 7px; + width: 100%; + bottom: -5px; + left: 0px; } + +.ui-resizable-e { + cursor: e-resize; + width: 7px; + right: -5px; + top: 0px; + height: 100%; } + +.ui-resizable-w { + cursor: w-resize; + width: 7px; + left: -5px; + top: 0px; + height: 100%; } + +.ui-resizable-se { + cursor: se-resize; + width: 12px; + height: 12px; + right: 1px; + bottom: 1px; } + +.ui-resizable-sw { + cursor: sw-resize; + width: 9px; + height: 9px; + left: -5px; + bottom: -5px; } + +.ui-resizable-nw { + cursor: nw-resize; + width: 9px; + height: 9px; + left: -5px; + top: -5px; } + +.ui-resizable-ne { + cursor: ne-resize; + width: 9px; + height: 9px; + right: -5px; + top: -5px; } + + +/* Slider +----------------------------------*/ +.ui-slider { + position: relative; + text-align: left; } + +.ui-slider .ui-slider-handle { + position: absolute; + z-index: 2; + width: 1.2em; + height: 1.2em; + cursor: default; } + +.ui-slider .ui-slider-range { + position: absolute; + z-index: 1; + font-size: 0.7em; + display: block; + border: 0; } + +.ui-slider-horizontal { + height: 0.8em; } + +.ui-slider-horizontal .ui-slider-handle { + top: -0.3em; + margin-left: -0.6em; } + +.ui-slider-horizontal .ui-slider-range { + top: 0; + height: 100%; } + +.ui-slider-horizontal .ui-slider-range-min { + left: 0; } + +.ui-slider-horizontal .ui-slider-range-max { + right: 0; } + +.ui-slider-vertical { + width: 0.8em; + height: 100px; } + +.ui-slider-vertical .ui-slider-handle { + left: -0.3em; + margin-left: 0; + margin-bottom: -0.6em; } + +.ui-slider-vertical .ui-slider-range { + left: 0; + width: 100%; } + +.ui-slider-vertical .ui-slider-range-min { + bottom: 0; } + +.ui-slider-vertical .ui-slider-range-max { + top: 0; } + + +/* Tabs +----------------------------------*/ +.ui-tabs { + padding: 0.2em; + zoom: 1; } + +.ui-tabs .ui-tabs-nav { + list-style: none; + position: relative; + padding: 0.2em 0.2em 0; } + +.ui-tabs .ui-tabs-nav li { + position: relative; + float: left; + border-bottom-width: 0 !important; + margin: 0 0.2em -1px 0; + padding: 0; } + +.ui-tabs .ui-tabs-nav li a { + float: left; + text-decoration: none; + padding: 0.5em 1em; } + +.ui-tabs .ui-tabs-nav li.ui-tabs-selected { + padding-bottom: 1px; + border-bottom-width: 0; } + +.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { + cursor: text; } + +.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { + cursor: pointer; } + +/* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */ +.ui-tabs .ui-tabs-panel { + padding: 1em 1.4em; + display: block; + border-width: 0; + background: none; } + +.ui-tabs .ui-tabs-hide { + display: none !important; } + + +/* +* jQuery UI CSS Framework +* Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about) +* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses. +* To view and modify this theme, visit http://jqueryui.com/themeroller/ +*/ + +/* Component containers +----------------------------------*/ +.ui-widget { + font-family: $ui_ffDefault; + font-size: $ui_fsDefault; } + +.ui-widget .ui-widget { + font-size: 1em; } + +.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { + font-family: $ui_ffDefault; + font-size: 1em; } + +.ui-widget-content { + border: 1px solid $ui_borderColorContent; + background: $ui_bgColorContent $ui_bgImgUrlContent $ui_bgContentXPos $ui_bgContentYPos $ui_bgContentRepeat; + color: $ui_fcContent; } + +.ui-widget-content a { + color: $ui_fcContent; } + +.ui-widget-header { + border: 1px solid $ui_borderColorHeader; + background: $ui_bgColorHeader $ui_bgImgUrlHeader $ui_bgHeaderXPos $ui_bgHeaderYPos $ui_bgHeaderRepeat; + color: $ui_fcHeader; + font-weight: bold; } + +.ui-widget-header a { + color: $ui_fcHeader; } + +/* Interaction states +----------------------------------*/ +.ui-state-default, .ui-widget-content .ui-state-default { + border: 1px solid $ui_borderColorDefault; + background: $ui_bgColorDefault $ui_bgImgUrlDefault $ui_bgDefaultXPos $ui_bgDefaultYPos $ui_bgDefaultRepeat; + font-weight: $ui_fwDefault; + color: $ui_fcDefault; + outline: none; } + +.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { + color: $ui_fcDefault; + text-decoration: none; + outline: none; } + +.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { + border: 1px solid $ui_borderColorHover; + background: $ui_bgColorHover $ui_bgImgUrlHover $ui_bgHoverXPos $ui_bgHoverYPos $ui_bgHoverRepeat; + font-weight: $ui_fwDefault; + color: $ui_fcHover; + outline: none; } + +.ui-state-hover a, .ui-state-hover a:hover { + color: $ui_fcHover; + text-decoration: none; + outline: none; } + +.ui-state-active, .ui-widget-content .ui-state-active { + border: 1px solid $ui_borderColorActive; + background: $ui_bgColorActive $ui_bgImgUrlActive $ui_bgActiveXPos $ui_bgActiveYPos $ui_bgActiveRepeat; + font-weight: $ui_fwDefault; + color: $ui_fcActive; + outline: none; } + +.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { + color: $ui_fcActive; + outline: none; + text-decoration: none; } + +/* Interaction Cues +----------------------------------*/ +.ui-state-highlight, .ui-widget-content .ui-state-highlight { + border: 1px solid $ui_borderColorHighlight; + background: $ui_bgColorHighlight $ui_bgImgUrlHighlight $ui_bgHighlightXPos $ui_bgHighlightYPos $ui_bgHighlightRepeat; + color: $ui_fcHighlight; } + +.ui-state-highlight a, .ui-widget-content .ui-state-highlight a { + color: $ui_fcHighlight; } + +.ui-state-error, .ui-widget-content .ui-state-error { + border: 1px solid $ui_borderColorError; + background: $ui_bgColorError $ui_bgImgUrlError $ui_bgErrorXPos $ui_bgErrorYPos $ui_bgErrorRepeat; + color: $ui_fcError; } + +.ui-state-error a, .ui-widget-content .ui-state-error a { + color: $ui_fcError; } + +.ui-state-error-text, .ui-widget-content .ui-state-error-text { + color: $ui_fcError; } + +.ui-state-disabled, .ui-widget-content .ui-state-disabled { + opacity: 0.35; + filter: Alpha(Opacity = 35); + background-image: none; } + +.ui-priority-primary, .ui-widget-content .ui-priority-primary { + font-weight: bold; } + +.ui-priority-secondary, .ui-widget-content .ui-priority-secondary { + opacity: 0.7; + filter: Alpha(Opacity = 70); + font-weight: normal; } + +/* Icons +----------------------------------*/ + +/* states and images */ +.ui-icon { + width: 16px; + height: 16px; + background-image: $ui_iconsContent; } + +.ui-widget-content .ui-icon { + background-image: $ui_iconsContent; } + +.ui-widget-header .ui-icon { + background-image: $ui_iconsHeader; } + +.ui-state-default .ui-icon { + background-image: $ui_iconsDefault; } + +.ui-state-hover .ui-icon, .ui-state-focus .ui-icon { + background-image: $ui_iconsHover; } + +.ui-state-active .ui-icon { + background-image: $ui_iconsActive; } + +.ui-state-highlight .ui-icon { + background-image: $ui_iconsHighlight; } + +.ui-state-error .ui-icon, .ui-state-error-text .ui-icon { + background-image: $ui_iconsError; } + +/* positioning */ +.ui-icon-carat-1-n { + background-position: 0 0; } + +.ui-icon-carat-1-ne { + background-position: -16px 0; } + +.ui-icon-carat-1-e { + background-position: -32px 0; } + +.ui-icon-carat-1-se { + background-position: -48px 0; } + +.ui-icon-carat-1-s { + background-position: -64px 0; } + +.ui-icon-carat-1-sw { + background-position: -80px 0; } + +.ui-icon-carat-1-w { + background-position: -96px 0; } + +.ui-icon-carat-1-nw { + background-position: -112px 0; } + +.ui-icon-carat-2-n-s { + background-position: -128px 0; } + +.ui-icon-carat-2-e-w { + background-position: -144px 0; } + +.ui-icon-triangle-1-n { + background-position: 0 -16px; } + +.ui-icon-triangle-1-ne { + background-position: -16px -16px; } + +.ui-icon-triangle-1-e { + background-position: -32px -16px; } + +.ui-icon-triangle-1-se { + background-position: -48px -16px; } + +.ui-icon-triangle-1-s { + background-position: -64px -16px; } + +.ui-icon-triangle-1-sw { + background-position: -80px -16px; } + +.ui-icon-triangle-1-w { + background-position: -96px -16px; } + +.ui-icon-triangle-1-nw { + background-position: -112px -16px; } + +.ui-icon-triangle-2-n-s { + background-position: -128px -16px; } + +.ui-icon-triangle-2-e-w { + background-position: -144px -16px; } + +.ui-icon-arrow-1-n { + background-position: 0 -32px; } + +.ui-icon-arrow-1-ne { + background-position: -16px -32px; } + +.ui-icon-arrow-1-e { + background-position: -32px -32px; } + +.ui-icon-arrow-1-se { + background-position: -48px -32px; } + +.ui-icon-arrow-1-s { + background-position: -64px -32px; } + +.ui-icon-arrow-1-sw { + background-position: -80px -32px; } + +.ui-icon-arrow-1-w { + background-position: -96px -32px; } + +.ui-icon-arrow-1-nw { + background-position: -112px -32px; } + +.ui-icon-arrow-2-n-s { + background-position: -128px -32px; } + +.ui-icon-arrow-2-ne-sw { + background-position: -144px -32px; } + +.ui-icon-arrow-2-e-w { + background-position: -160px -32px; } + +.ui-icon-arrow-2-se-nw { + background-position: -176px -32px; } + +.ui-icon-arrowstop-1-n { + background-position: -192px -32px; } + +.ui-icon-arrowstop-1-e { + background-position: -208px -32px; } + +.ui-icon-arrowstop-1-s { + background-position: -224px -32px; } + +.ui-icon-arrowstop-1-w { + background-position: -240px -32px; } + +.ui-icon-arrowthick-1-n { + background-position: 0 -48px; } + +.ui-icon-arrowthick-1-ne { + background-position: -16px -48px; } + +.ui-icon-arrowthick-1-e { + background-position: -32px -48px; } + +.ui-icon-arrowthick-1-se { + background-position: -48px -48px; } + +.ui-icon-arrowthick-1-s { + background-position: -64px -48px; } + +.ui-icon-arrowthick-1-sw { + background-position: -80px -48px; } + +.ui-icon-arrowthick-1-w { + background-position: -96px -48px; } + +.ui-icon-arrowthick-1-nw { + background-position: -112px -48px; } + +.ui-icon-arrowthick-2-n-s { + background-position: -128px -48px; } + +.ui-icon-arrowthick-2-ne-sw { + background-position: -144px -48px; } + +.ui-icon-arrowthick-2-e-w { + background-position: -160px -48px; } + +.ui-icon-arrowthick-2-se-nw { + background-position: -176px -48px; } + +.ui-icon-arrowthickstop-1-n { + background-position: -192px -48px; } + +.ui-icon-arrowthickstop-1-e { + background-position: -208px -48px; } + +.ui-icon-arrowthickstop-1-s { + background-position: -224px -48px; } + +.ui-icon-arrowthickstop-1-w { + background-position: -240px -48px; } + +.ui-icon-arrowreturnthick-1-w { + background-position: 0 -64px; } + +.ui-icon-arrowreturnthick-1-n { + background-position: -16px -64px; } + +.ui-icon-arrowreturnthick-1-e { + background-position: -32px -64px; } + +.ui-icon-arrowreturnthick-1-s { + background-position: -48px -64px; } + +.ui-icon-arrowreturn-1-w { + background-position: -64px -64px; } + +.ui-icon-arrowreturn-1-n { + background-position: -80px -64px; } + +.ui-icon-arrowreturn-1-e { + background-position: -96px -64px; } + +.ui-icon-arrowreturn-1-s { + background-position: -112px -64px; } + +.ui-icon-arrowrefresh-1-w { + background-position: -128px -64px; } + +.ui-icon-arrowrefresh-1-n { + background-position: -144px -64px; } + +.ui-icon-arrowrefresh-1-e { + background-position: -160px -64px; } + +.ui-icon-arrowrefresh-1-s { + background-position: -176px -64px; } + +.ui-icon-arrow-4 { + background-position: 0 -80px; } + +.ui-icon-arrow-4-diag { + background-position: -16px -80px; } + +.ui-icon-extlink { + background-position: -32px -80px; } + +.ui-icon-newwin { + background-position: -48px -80px; } + +.ui-icon-refresh { + background-position: -64px -80px; } + +.ui-icon-shuffle { + background-position: -80px -80px; } + +.ui-icon-transfer-e-w { + background-position: -96px -80px; } + +.ui-icon-transferthick-e-w { + background-position: -112px -80px; } + +.ui-icon-folder-collapsed { + background-position: 0 -96px; } + +.ui-icon-folder-open { + background-position: -16px -96px; } + +.ui-icon-document { + background-position: -32px -96px; } + +.ui-icon-document-b { + background-position: -48px -96px; } + +.ui-icon-note { + background-position: -64px -96px; } + +.ui-icon-mail-closed { + background-position: -80px -96px; } + +.ui-icon-mail-open { + background-position: -96px -96px; } + +.ui-icon-suitcase { + background-position: -112px -96px; } + +.ui-icon-comment { + background-position: -128px -96px; } + +.ui-icon-person { + background-position: -144px -96px; } + +.ui-icon-print { + background-position: -160px -96px; } + +.ui-icon-trash { + background-position: -176px -96px; } + +.ui-icon-locked { + background-position: -192px -96px; } + +.ui-icon-unlocked { + background-position: -208px -96px; } + +.ui-icon-bookmark { + background-position: -224px -96px; } + +.ui-icon-tag { + background-position: -240px -96px; } + +.ui-icon-home { + background-position: 0 -112px; } + +.ui-icon-flag { + background-position: -16px -112px; } + +.ui-icon-calendar { + background-position: -32px -112px; } + +.ui-icon-cart { + background-position: -48px -112px; } + +.ui-icon-pencil { + background-position: -64px -112px; } + +.ui-icon-clock { + background-position: -80px -112px; } + +.ui-icon-disk { + background-position: -96px -112px; } + +.ui-icon-calculator { + background-position: -112px -112px; } + +.ui-icon-zoomin { + background-position: -128px -112px; } + +.ui-icon-zoomout { + background-position: -144px -112px; } + +.ui-icon-search { + background-position: -160px -112px; } + +.ui-icon-wrench { + background-position: -176px -112px; } + +.ui-icon-gear { + background-position: -192px -112px; } + +.ui-icon-heart { + background-position: -208px -112px; } + +.ui-icon-star { + background-position: -224px -112px; } + +.ui-icon-link { + background-position: -240px -112px; } + +.ui-icon-cancel { + background-position: 0 -128px; } + +.ui-icon-plus { + background-position: -16px -128px; } + +.ui-icon-plusthick { + background-position: -32px -128px; } + +.ui-icon-minus { + background-position: -48px -128px; } + +.ui-icon-minusthick { + background-position: -64px -128px; } + +.ui-icon-close { + background-position: -80px -128px; } + +.ui-icon-closethick { + background-position: -96px -128px; } + +.ui-icon-key { + background-position: -112px -128px; } + +.ui-icon-lightbulb { + background-position: -128px -128px; } + +.ui-icon-scissors { + background-position: -144px -128px; } + +.ui-icon-clipboard { + background-position: -160px -128px; } + +.ui-icon-copy { + background-position: -176px -128px; } + +.ui-icon-contact { + background-position: -192px -128px; } + +.ui-icon-image { + background-position: -208px -128px; } + +.ui-icon-video { + background-position: -224px -128px; } + +.ui-icon-script { + background-position: -240px -128px; } + +.ui-icon-alert { + background-position: 0 -144px; } + +.ui-icon-info { + background-position: -16px -144px; } + +.ui-icon-notice { + background-position: -32px -144px; } + +.ui-icon-help { + background-position: -48px -144px; } + +.ui-icon-check { + background-position: -64px -144px; } + +.ui-icon-bullet { + background-position: -80px -144px; } + +.ui-icon-radio-off { + background-position: -96px -144px; } + +.ui-icon-radio-on { + background-position: -112px -144px; } + +.ui-icon-pin-w { + background-position: -128px -144px; } + +.ui-icon-pin-s { + background-position: -144px -144px; } + +.ui-icon-play { + background-position: 0 -160px; } + +.ui-icon-pause { + background-position: -16px -160px; } + +.ui-icon-seek-next { + background-position: -32px -160px; } + +.ui-icon-seek-prev { + background-position: -48px -160px; } + +.ui-icon-seek-end { + background-position: -64px -160px; } + +.ui-icon-seek-first { + background-position: -80px -160px; } + +.ui-icon-stop { + background-position: -96px -160px; } + +.ui-icon-eject { + background-position: -112px -160px; } + +.ui-icon-volume-off { + background-position: -128px -160px; } + +.ui-icon-volume-on { + background-position: -144px -160px; } + +.ui-icon-power { + background-position: 0 -176px; } + +.ui-icon-signal-diag { + background-position: -16px -176px; } + +.ui-icon-signal { + background-position: -32px -176px; } + +.ui-icon-battery-0 { + background-position: -48px -176px; } + +.ui-icon-battery-1 { + background-position: -64px -176px; } + +.ui-icon-battery-2 { + background-position: -80px -176px; } + +.ui-icon-battery-3 { + background-position: -96px -176px; } + +.ui-icon-circle-plus { + background-position: 0 -192px; } + +.ui-icon-circle-minus { + background-position: -16px -192px; } + +.ui-icon-circle-close { + background-position: -32px -192px; } + +.ui-icon-circle-triangle-e { + background-position: -48px -192px; } + +.ui-icon-circle-triangle-s { + background-position: -64px -192px; } + +.ui-icon-circle-triangle-w { + background-position: -80px -192px; } + +.ui-icon-circle-triangle-n { + background-position: -96px -192px; } + +.ui-icon-circle-arrow-e { + background-position: -112px -192px; } + +.ui-icon-circle-arrow-s { + background-position: -128px -192px; } + +.ui-icon-circle-arrow-w { + background-position: -144px -192px; } + +.ui-icon-circle-arrow-n { + background-position: -160px -192px; } + +.ui-icon-circle-zoomin { + background-position: -176px -192px; } + +.ui-icon-circle-zoomout { + background-position: -192px -192px; } + +.ui-icon-circle-check { + background-position: -208px -192px; } + +.ui-icon-circlesmall-plus { + background-position: 0 -208px; } + +.ui-icon-circlesmall-minus { + background-position: -16px -208px; } + +.ui-icon-circlesmall-close { + background-position: -32px -208px; } + +.ui-icon-squaresmall-plus { + background-position: -48px -208px; } + +.ui-icon-squaresmall-minus { + background-position: -64px -208px; } + +.ui-icon-squaresmall-close { + background-position: -80px -208px; } + +.ui-icon-grip-dotted-vertical { + background-position: 0 -224px; } + +.ui-icon-grip-dotted-horizontal { + background-position: -16px -224px; } + +.ui-icon-grip-solid-vertical { + background-position: -32px -224px; } + +.ui-icon-grip-solid-horizontal { + background-position: -48px -224px; } + +.ui-icon-gripsmall-diagonal-se { + background-position: -64px -224px; } + +.ui-icon-grip-diagonal-se { + background-position: -80px -224px; } + +/* Misc visuals +----------------------------------*/ + +/* Corner radius */ +.ui-corner-tl { + -moz-border-radius-topleft: $ui_cornerRadius; + -webkit-border-top-left-radius: $ui_cornerRadius; } + +.ui-corner-tr { + -moz-border-radius-topright: $ui_cornerRadius; + -webkit-border-top-right-radius: $ui_cornerRadius; } + +.ui-corner-bl { + -moz-border-radius-bottomleft: $ui_cornerRadius; + -webkit-border-bottom-left-radius: $ui_cornerRadius; } + +.ui-corner-br { + -moz-border-radius-bottomright: $ui_cornerRadius; + -webkit-border-bottom-right-radius: $ui_cornerRadius; } + +.ui-corner-top { + -moz-border-radius-topleft: $ui_cornerRadius; + -webkit-border-top-left-radius: $ui_cornerRadius; + -moz-border-radius-topright: $ui_cornerRadius; + -webkit-border-top-right-radius: $ui_cornerRadius; } + +.ui-corner-bottom { + -moz-border-radius-bottomleft: $ui_cornerRadius; + -webkit-border-bottom-left-radius: $ui_cornerRadius; + -moz-border-radius-bottomright: $ui_cornerRadius; + -webkit-border-bottom-right-radius: $ui_cornerRadius; } + +.ui-corner-right { + -moz-border-radius-topright: $ui_cornerRadius; + -webkit-border-top-right-radius: $ui_cornerRadius; + -moz-border-radius-bottomright: $ui_cornerRadius; + -webkit-border-bottom-right-radius: $ui_cornerRadius; } + +.ui-corner-left { + -moz-border-radius-topleft: $ui_cornerRadius; + -webkit-border-top-left-radius: $ui_cornerRadius; + -moz-border-radius-bottomleft: $ui_cornerRadius; + -webkit-border-bottom-left-radius: $ui_cornerRadius; } + +.ui-corner-all { + -moz-border-radius: $ui_cornerRadius; + -webkit-border-radius: $ui_cornerRadius; } + +/* Overlays */ +.ui-widget-overlay { + background: $ui_bgColorOverlay $ui_bgImgUrlOverlay $ui_bgOverlayXPos $ui_bgOverlayYPos $ui_bgOverlayRepeat; + opacity: $ui_opacityOverlay; } + +.ui-widget-shadow { + margin: $ui_offsetTopShadow 0 0 $ui_offsetLeftShadow; + padding: $ui_thicknessShadow; + background: $ui_bgColorShadow $ui_bgImgUrlShadow $ui_bgShadowXPos $ui_bgShadowYPos $ui_bgShadowRepeat; + opacity: $ui_opacityShadow; + -moz-border-radius: $ui_cornerRadiusShadow; + -webkit-border-radius: $ui_cornerRadiusShadow; } +// Generated by compass-jquery-plugin/gem-tasks/jrailsxx.rake +