├── .nuget └── NuGet.exe ├── tools └── AjaxMin.exe ├── sample ├── style │ ├── base │ │ ├── images │ │ │ ├── ui-icons_222222_256x240.png │ │ │ ├── ui-icons_2e83ff_256x240.png │ │ │ ├── ui-icons_454545_256x240.png │ │ │ ├── ui-icons_888888_256x240.png │ │ │ ├── ui-icons_cd0a0a_256x240.png │ │ │ ├── ui-bg_flat_0_aaaaaa_40x100.png │ │ │ ├── ui-bg_flat_75_ffffff_40x100.png │ │ │ ├── ui-bg_glass_55_fbf9ee_1x400.png │ │ │ ├── ui-bg_glass_65_ffffff_1x400.png │ │ │ ├── ui-bg_glass_75_dadada_1x400.png │ │ │ ├── ui-bg_glass_75_e6e6e6_1x400.png │ │ │ ├── ui-bg_glass_95_fef1ec_1x400.png │ │ │ └── ui-bg_highlight-soft_75_cccccc_1x100.png │ │ ├── minified │ │ │ ├── images │ │ │ │ ├── ui-icons_222222_256x240.png │ │ │ │ ├── ui-icons_2e83ff_256x240.png │ │ │ │ ├── ui-icons_454545_256x240.png │ │ │ │ ├── ui-icons_888888_256x240.png │ │ │ │ ├── ui-icons_cd0a0a_256x240.png │ │ │ │ ├── ui-bg_flat_0_aaaaaa_40x100.png │ │ │ │ ├── ui-bg_flat_75_ffffff_40x100.png │ │ │ │ ├── ui-bg_glass_55_fbf9ee_1x400.png │ │ │ │ ├── ui-bg_glass_65_ffffff_1x400.png │ │ │ │ ├── ui-bg_glass_75_dadada_1x400.png │ │ │ │ ├── ui-bg_glass_75_e6e6e6_1x400.png │ │ │ │ ├── ui-bg_glass_95_fef1ec_1x400.png │ │ │ │ └── ui-bg_highlight-soft_75_cccccc_1x100.png │ │ │ ├── jquery.ui.all.min.css │ │ │ ├── jquery.ui.selectable.min.css │ │ │ ├── jquery.ui.progressbar.min.css │ │ │ ├── jquery.ui.base.min.css │ │ │ ├── jquery.ui.autocomplete.min.css │ │ │ ├── jquery.ui.accordion.min.css │ │ │ ├── jquery.ui.tabs.min.css │ │ │ ├── jquery.ui.slider.min.css │ │ │ ├── jquery.ui.resizable.min.css │ │ │ ├── jquery.ui.core.min.css │ │ │ ├── jquery.ui.dialog.min.css │ │ │ ├── jquery.ui.button.min.css │ │ │ ├── jquery.ui.datepicker.min.css │ │ │ ├── jquery.ui.theme.min.css │ │ │ └── jquery-ui.min.css │ │ ├── jquery.ui.all.css │ │ ├── jquery.ui.selectable.css │ │ ├── jquery.ui.progressbar.css │ │ ├── jquery.ui.base.css │ │ ├── jquery.ui.accordion.css │ │ ├── jquery.ui.slider.css │ │ ├── jquery.ui.resizable.css │ │ ├── jquery.ui.autocomplete.css │ │ ├── jquery.ui.dialog.css │ │ ├── jquery.ui.tabs.css │ │ ├── jquery.ui.core.css │ │ ├── jquery.ui.button.css │ │ ├── jquery.ui.datepicker.css │ │ ├── jquery.ui.theme.css │ │ └── jquery-ui.css │ ├── styles.css │ └── forms.css ├── script │ └── page.js └── sample.htm ├── README ├── .gitignore ├── unobtrusive.jquery.ui.nuspec ├── src ├── jquery-ui.onobtrusive.min.js └── jquery-ui.unobtrusive.js ├── package.json └── Ms-PL-LICENSE.txt /.nuget/NuGet.exe: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/DamianEdwards/Unobtrusive-jQuery-UI/HEAD/.nuget/NuGet.exe -------------------------------------------------------------------------------- /tools/AjaxMin.exe: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/DamianEdwards/Unobtrusive-jQuery-UI/HEAD/tools/AjaxMin.exe -------------------------------------------------------------------------------- /sample/style/base/images/ui-icons_222222_256x240.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/DamianEdwards/Unobtrusive-jQuery-UI/HEAD/sample/style/base/images/ui-icons_222222_256x240.png -------------------------------------------------------------------------------- /sample/style/base/images/ui-icons_2e83ff_256x240.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/DamianEdwards/Unobtrusive-jQuery-UI/HEAD/sample/style/base/images/ui-icons_2e83ff_256x240.png -------------------------------------------------------------------------------- /sample/style/base/images/ui-icons_454545_256x240.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/DamianEdwards/Unobtrusive-jQuery-UI/HEAD/sample/style/base/images/ui-icons_454545_256x240.png -------------------------------------------------------------------------------- /sample/style/base/images/ui-icons_888888_256x240.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/DamianEdwards/Unobtrusive-jQuery-UI/HEAD/sample/style/base/images/ui-icons_888888_256x240.png -------------------------------------------------------------------------------- /sample/style/base/images/ui-icons_cd0a0a_256x240.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/DamianEdwards/Unobtrusive-jQuery-UI/HEAD/sample/style/base/images/ui-icons_cd0a0a_256x240.png -------------------------------------------------------------------------------- /sample/style/base/images/ui-bg_flat_0_aaaaaa_40x100.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/DamianEdwards/Unobtrusive-jQuery-UI/HEAD/sample/style/base/images/ui-bg_flat_0_aaaaaa_40x100.png -------------------------------------------------------------------------------- /sample/style/base/images/ui-bg_flat_75_ffffff_40x100.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/DamianEdwards/Unobtrusive-jQuery-UI/HEAD/sample/style/base/images/ui-bg_flat_75_ffffff_40x100.png -------------------------------------------------------------------------------- /sample/style/base/images/ui-bg_glass_55_fbf9ee_1x400.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/DamianEdwards/Unobtrusive-jQuery-UI/HEAD/sample/style/base/images/ui-bg_glass_55_fbf9ee_1x400.png -------------------------------------------------------------------------------- /sample/style/base/images/ui-bg_glass_65_ffffff_1x400.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/DamianEdwards/Unobtrusive-jQuery-UI/HEAD/sample/style/base/images/ui-bg_glass_65_ffffff_1x400.png -------------------------------------------------------------------------------- /sample/style/base/images/ui-bg_glass_75_dadada_1x400.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/DamianEdwards/Unobtrusive-jQuery-UI/HEAD/sample/style/base/images/ui-bg_glass_75_dadada_1x400.png -------------------------------------------------------------------------------- /sample/style/base/images/ui-bg_glass_75_e6e6e6_1x400.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/DamianEdwards/Unobtrusive-jQuery-UI/HEAD/sample/style/base/images/ui-bg_glass_75_e6e6e6_1x400.png -------------------------------------------------------------------------------- /sample/style/base/images/ui-bg_glass_95_fef1ec_1x400.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/DamianEdwards/Unobtrusive-jQuery-UI/HEAD/sample/style/base/images/ui-bg_glass_95_fef1ec_1x400.png -------------------------------------------------------------------------------- /sample/style/base/minified/images/ui-icons_222222_256x240.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/DamianEdwards/Unobtrusive-jQuery-UI/HEAD/sample/style/base/minified/images/ui-icons_222222_256x240.png -------------------------------------------------------------------------------- /sample/style/base/minified/images/ui-icons_2e83ff_256x240.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/DamianEdwards/Unobtrusive-jQuery-UI/HEAD/sample/style/base/minified/images/ui-icons_2e83ff_256x240.png -------------------------------------------------------------------------------- /sample/style/base/minified/images/ui-icons_454545_256x240.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/DamianEdwards/Unobtrusive-jQuery-UI/HEAD/sample/style/base/minified/images/ui-icons_454545_256x240.png -------------------------------------------------------------------------------- /sample/style/base/minified/images/ui-icons_888888_256x240.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/DamianEdwards/Unobtrusive-jQuery-UI/HEAD/sample/style/base/minified/images/ui-icons_888888_256x240.png -------------------------------------------------------------------------------- /sample/style/base/minified/images/ui-icons_cd0a0a_256x240.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/DamianEdwards/Unobtrusive-jQuery-UI/HEAD/sample/style/base/minified/images/ui-icons_cd0a0a_256x240.png -------------------------------------------------------------------------------- /sample/style/base/images/ui-bg_highlight-soft_75_cccccc_1x100.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/DamianEdwards/Unobtrusive-jQuery-UI/HEAD/sample/style/base/images/ui-bg_highlight-soft_75_cccccc_1x100.png -------------------------------------------------------------------------------- /sample/style/base/minified/images/ui-bg_flat_0_aaaaaa_40x100.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/DamianEdwards/Unobtrusive-jQuery-UI/HEAD/sample/style/base/minified/images/ui-bg_flat_0_aaaaaa_40x100.png -------------------------------------------------------------------------------- /sample/style/base/minified/images/ui-bg_flat_75_ffffff_40x100.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/DamianEdwards/Unobtrusive-jQuery-UI/HEAD/sample/style/base/minified/images/ui-bg_flat_75_ffffff_40x100.png -------------------------------------------------------------------------------- /sample/style/base/minified/images/ui-bg_glass_55_fbf9ee_1x400.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/DamianEdwards/Unobtrusive-jQuery-UI/HEAD/sample/style/base/minified/images/ui-bg_glass_55_fbf9ee_1x400.png -------------------------------------------------------------------------------- /sample/style/base/minified/images/ui-bg_glass_65_ffffff_1x400.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/DamianEdwards/Unobtrusive-jQuery-UI/HEAD/sample/style/base/minified/images/ui-bg_glass_65_ffffff_1x400.png -------------------------------------------------------------------------------- /sample/style/base/minified/images/ui-bg_glass_75_dadada_1x400.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/DamianEdwards/Unobtrusive-jQuery-UI/HEAD/sample/style/base/minified/images/ui-bg_glass_75_dadada_1x400.png -------------------------------------------------------------------------------- /sample/style/base/minified/images/ui-bg_glass_75_e6e6e6_1x400.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/DamianEdwards/Unobtrusive-jQuery-UI/HEAD/sample/style/base/minified/images/ui-bg_glass_75_e6e6e6_1x400.png -------------------------------------------------------------------------------- /sample/style/base/minified/images/ui-bg_glass_95_fef1ec_1x400.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/DamianEdwards/Unobtrusive-jQuery-UI/HEAD/sample/style/base/minified/images/ui-bg_glass_95_fef1ec_1x400.png -------------------------------------------------------------------------------- /README: -------------------------------------------------------------------------------- 1 | Some simple wire-up glue that automatically invokes jQuery functions on HTML elements based on the precsence of data-ui-fn attributes. Supports passing options objects via further data-ui-* attributes. -------------------------------------------------------------------------------- /sample/style/base/minified/images/ui-bg_highlight-soft_75_cccccc_1x100.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/DamianEdwards/Unobtrusive-jQuery-UI/HEAD/sample/style/base/minified/images/ui-bg_highlight-soft_75_cccccc_1x100.png -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | [Oo]bj/ 2 | [Bb]in/ 3 | *.user 4 | /TestResults 5 | *.vspscc 6 | *.vssscc 7 | deploy 8 | deploy/* 9 | *.suo 10 | *.cache 11 | *.docstates 12 | _ReSharper.* 13 | *.csproj.user 14 | *[Rr]e[Ss]harper.user 15 | _ReSharper.*/ 16 | packages/* 17 | Kudu.Services.Web/App_Data/* 18 | artifacts/* 19 | msbuild.log 20 | PublishProfiles/ -------------------------------------------------------------------------------- /sample/style/base/jquery.ui.all.css: -------------------------------------------------------------------------------- 1 | /* 2 | * jQuery UI CSS Framework 1.8.14 3 | * 4 | * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) 5 | * Dual licensed under the MIT or GPL Version 2 licenses. 6 | * http://jquery.org/license 7 | * 8 | * http://docs.jquery.com/UI/Theming 9 | */ 10 | @import "jquery.ui.base.css"; 11 | @import "jquery.ui.theme.css"; 12 | -------------------------------------------------------------------------------- /sample/style/base/minified/jquery.ui.all.min.css: -------------------------------------------------------------------------------- 1 | /* 2 | * jQuery UI CSS Framework 1.8.14 3 | * 4 | * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) 5 | * Dual licensed under the MIT or GPL Version 2 licenses. 6 | * http://jquery.org/license 7 | * 8 | * http://docs.jquery.com/UI/Theming 9 | */ 10 | @import "jquery.ui.base.min.css";@import "jquery.ui.theme.min.css"; -------------------------------------------------------------------------------- /sample/style/base/jquery.ui.selectable.css: -------------------------------------------------------------------------------- 1 | /* 2 | * jQuery UI Selectable 1.8.14 3 | * 4 | * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) 5 | * Dual licensed under the MIT or GPL Version 2 licenses. 6 | * http://jquery.org/license 7 | * 8 | * http://docs.jquery.com/UI/Selectable#theming 9 | */ 10 | .ui-selectable-helper { position: absolute; z-index: 100; border:1px dotted black; } 11 | -------------------------------------------------------------------------------- /sample/style/base/minified/jquery.ui.selectable.min.css: -------------------------------------------------------------------------------- 1 | /* 2 | * jQuery UI Selectable 1.8.14 3 | * 4 | * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) 5 | * Dual licensed under the MIT or GPL Version 2 licenses. 6 | * http://jquery.org/license 7 | * 8 | * http://docs.jquery.com/UI/Selectable#theming 9 | */ 10 | .ui-selectable-helper{position:absolute;z-index:100;border:1px dotted black;} -------------------------------------------------------------------------------- /sample/style/base/jquery.ui.progressbar.css: -------------------------------------------------------------------------------- 1 | /* 2 | * jQuery UI Progressbar 1.8.14 3 | * 4 | * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) 5 | * Dual licensed under the MIT or GPL Version 2 licenses. 6 | * http://jquery.org/license 7 | * 8 | * http://docs.jquery.com/UI/Progressbar#theming 9 | */ 10 | .ui-progressbar { height:2em; text-align: left; } 11 | .ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; } -------------------------------------------------------------------------------- /sample/style/base/minified/jquery.ui.progressbar.min.css: -------------------------------------------------------------------------------- 1 | /* 2 | * jQuery UI Progressbar 1.8.14 3 | * 4 | * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) 5 | * Dual licensed under the MIT or GPL Version 2 licenses. 6 | * http://jquery.org/license 7 | * 8 | * http://docs.jquery.com/UI/Progressbar#theming 9 | */ 10 | .ui-progressbar{height:2em;text-align:left;}.ui-progressbar .ui-progressbar-value{margin:-1px;height:100%;} -------------------------------------------------------------------------------- /sample/style/base/minified/jquery.ui.base.min.css: -------------------------------------------------------------------------------- 1 | /* 2 | * jQuery UI CSS Framework 1.8.14 3 | * 4 | * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) 5 | * Dual licensed under the MIT or GPL Version 2 licenses. 6 | * http://jquery.org/license 7 | * 8 | * http://docs.jquery.com/UI/Theming 9 | */ 10 | @import url("jquery.ui.core.min.css");@import url("jquery.ui.accordion.min.css");@import url("jquery.ui.autocomplete.min.css");@import url("jquery.ui.button.min.css");@import url("jquery.ui.datepicker.min.css");@import url("jquery.ui.dialog.min.css");@import url("jquery.ui.progressbar.min.css");@import url("jquery.ui.resizable.min.css");@import url("jquery.ui.selectable.min.css");@import url("jquery.ui.slider.min.css");@import url("jquery.ui.tabs.min.css"); -------------------------------------------------------------------------------- /sample/style/base/jquery.ui.base.css: -------------------------------------------------------------------------------- 1 | /* 2 | * jQuery UI CSS Framework 1.8.14 3 | * 4 | * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) 5 | * Dual licensed under the MIT or GPL Version 2 licenses. 6 | * http://jquery.org/license 7 | * 8 | * http://docs.jquery.com/UI/Theming 9 | */ 10 | @import url("jquery.ui.core.css"); 11 | 12 | @import url("jquery.ui.accordion.css"); 13 | @import url("jquery.ui.autocomplete.css"); 14 | @import url("jquery.ui.button.css"); 15 | @import url("jquery.ui.datepicker.css"); 16 | @import url("jquery.ui.dialog.css"); 17 | @import url("jquery.ui.progressbar.css"); 18 | @import url("jquery.ui.resizable.css"); 19 | @import url("jquery.ui.selectable.css"); 20 | @import url("jquery.ui.slider.css"); 21 | @import url("jquery.ui.tabs.css"); 22 | -------------------------------------------------------------------------------- /sample/style/base/minified/jquery.ui.autocomplete.min.css: -------------------------------------------------------------------------------- 1 | /* 2 | * jQuery UI Autocomplete 1.8.14 3 | * 4 | * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) 5 | * Dual licensed under the MIT or GPL Version 2 licenses. 6 | * http://jquery.org/license 7 | * 8 | * http://docs.jquery.com/UI/Autocomplete#theming 9 | */ 10 | .ui-autocomplete{position:absolute;cursor:default;}* html .ui-autocomplete{width:1px;}.ui-menu{list-style:none;padding:2px;margin:0;display:block;float:left;}.ui-menu .ui-menu{margin-top:-3px;}.ui-menu .ui-menu-item{margin:0;padding:0;zoom:1;float:left;clear:left;width:100%;}.ui-menu .ui-menu-item a{text-decoration:none;display:block;padding:.2em .4em;line-height:1.5;zoom:1;}.ui-menu .ui-menu-item a.ui-state-hover,.ui-menu .ui-menu-item a.ui-state-active{font-weight:normal;margin:-1px;} -------------------------------------------------------------------------------- /unobtrusive.jquery.ui.nuspec: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | unobtrusive.jquery.ui 5 | Unobtrusive jQuery UI 6 | 0.2 7 | Damian Edwards 8 | http://www.opensource.org/licenses/MS-PL 9 | https://github.com/DamianEdwards/Unobtrusive-jQuery-UI 10 | Some simple wire-up glue that automatically invokes jQuery functions on HTML elements based on the presence of data-ui-fn attributes. Supports passing options objects via further data-ui-* attributes. 11 | Copyright 2011 Damian Edwards 12 | jquery plugins 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | -------------------------------------------------------------------------------- /sample/style/base/minified/jquery.ui.accordion.min.css: -------------------------------------------------------------------------------- 1 | /* 2 | * jQuery UI Accordion 1.8.14 3 | * 4 | * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) 5 | * Dual licensed under the MIT or GPL Version 2 licenses. 6 | * http://jquery.org/license 7 | * 8 | * http://docs.jquery.com/UI/Accordion#theming 9 | */ 10 | .ui-accordion{width:100%;}.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:.5em .5em .5em .7em;}.ui-accordion-icons .ui-accordion-header a{padding-left:2.2em;}.ui-accordion .ui-accordion-header .ui-icon{position:absolute;left:.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;zoom:1;}.ui-accordion .ui-accordion-content-active{display:block;} -------------------------------------------------------------------------------- /src/jquery-ui.onobtrusive.min.js: -------------------------------------------------------------------------------- 1 | /*! 2 | * Unobtrusive jQuery UI 0.2 3 | * Copyright 2011, Damian Edwards http://damianedwards.com 4 | * Licensed under Ms-PL 5 | * http://www.opensource.org/licenses/MS-PL 6 | */ 7 | /*! 8 | * Modified by Andrew Cohen, 11/30/2011 9 | * TempWorks Software, Inc. 10 | */ 11 | (function(n){"use strict";function r(t){var u=t.match(/function\s*\((.*?)\).*?\{(.*)\}$/),r,f,i;if(u){for(r=u[1].split(","),f="",i=0;i 2 | /// 3 | /// 4 | 5 | $(function () { 6 | 7 | // Wire-up code samples 8 | $("p.code-sample").before("show example"); 9 | 10 | $("a.show-link").click(function (e) { 11 | e.preventDefault(); 12 | var el = $(this); 13 | el.next().toggle("fast", function () { 14 | el.text(el.text() == "show example" ? "hide example" : "show example") 15 | }); 16 | return false; 17 | }); 18 | 19 | // Create dynamic UI 20 | $("#dynamic button").click(function (e) { 21 | var html = "" + 22 | "" + 23 | "
"; 24 | 25 | e.preventDefault(); 26 | e.stopPropagation(); 27 | 28 | $("#dynamic .content").append(html); 29 | $.ui.unobtrusive.parse("#dynamic .content"); 30 | }); 31 | }); -------------------------------------------------------------------------------- /sample/style/base/jquery.ui.accordion.css: -------------------------------------------------------------------------------- 1 | /* 2 | * jQuery UI Accordion 1.8.14 3 | * 4 | * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) 5 | * Dual licensed under the MIT or GPL Version 2 licenses. 6 | * http://jquery.org/license 7 | * 8 | * http://docs.jquery.com/UI/Accordion#theming 9 | */ 10 | /* IE/Win - Fix animation bug - #4615 */ 11 | .ui-accordion { width: 100%; } 12 | .ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; } 13 | .ui-accordion .ui-accordion-li-fix { display: inline; } 14 | .ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; } 15 | .ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em .7em; } 16 | .ui-accordion-icons .ui-accordion-header a { padding-left: 2.2em; } 17 | .ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; } 18 | .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; zoom: 1; } 19 | .ui-accordion .ui-accordion-content-active { display: block; } 20 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "unobtrusive.jquery.ui", 3 | "version": "0.2", 4 | "title": "Unobtrusive jQuery UI", 5 | "author": { 6 | "name": "Damian Edwards", 7 | "url": "http://damianedwards.com" 8 | }, 9 | "licenses": [ 10 | { 11 | "type": "Ms-PL", 12 | "url": "http://www.opensource.org/licenses/MS-PL" 13 | } 14 | ], 15 | "dependencies": { 16 | "jquery": ">=1.6.1", 17 | "jquery-ui": "*" 18 | }, 19 | "description": "Unobtrusive wire-up of jQuery UI features using data-ui-* attributes on target elements.", 20 | "keywords": [ 21 | "unobtrusive", 22 | "jquery ui", 23 | "ui" 24 | ], 25 | "homepage": "https://github.com/DamianEdwards/Unobtrusive-jQuery-UI", 26 | "contributors": [ 27 | { 28 | "name": "Damian Edwards", 29 | "email": "damian@damianedwards.com", 30 | "url": "https://github.com/DamianEdwards" 31 | }, 32 | { 33 | "name": "Andrew Cohen", 34 | "url": "http://omegaluz.wordpress.com/" 35 | } 36 | ], 37 | "files": [ 38 | "src/jquery-ui.unobtrusive.js", 39 | "src/jquery-ui.unobtrusive.min.js" 40 | ] 41 | } 42 | -------------------------------------------------------------------------------- /sample/style/base/jquery.ui.slider.css: -------------------------------------------------------------------------------- 1 | /* 2 | * jQuery UI Slider 1.8.14 3 | * 4 | * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) 5 | * Dual licensed under the MIT or GPL Version 2 licenses. 6 | * http://jquery.org/license 7 | * 8 | * http://docs.jquery.com/UI/Slider#theming 9 | */ 10 | .ui-slider { position: relative; text-align: left; } 11 | .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; } 12 | .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; } 13 | 14 | .ui-slider-horizontal { height: .8em; } 15 | .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; } 16 | .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } 17 | .ui-slider-horizontal .ui-slider-range-min { left: 0; } 18 | .ui-slider-horizontal .ui-slider-range-max { right: 0; } 19 | 20 | .ui-slider-vertical { width: .8em; height: 100px; } 21 | .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; } 22 | .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } 23 | .ui-slider-vertical .ui-slider-range-min { bottom: 0; } 24 | .ui-slider-vertical .ui-slider-range-max { top: 0; } -------------------------------------------------------------------------------- /sample/style/base/jquery.ui.resizable.css: -------------------------------------------------------------------------------- 1 | /* 2 | * jQuery UI Resizable 1.8.14 3 | * 4 | * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) 5 | * Dual licensed under the MIT or GPL Version 2 licenses. 6 | * http://jquery.org/license 7 | * 8 | * http://docs.jquery.com/UI/Resizable#theming 9 | */ 10 | .ui-resizable { position: relative;} 11 | .ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block; } 12 | .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } 13 | .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; } 14 | .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; } 15 | .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; } 16 | .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; } 17 | .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } 18 | .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } 19 | .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } 20 | .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;} -------------------------------------------------------------------------------- /sample/style/base/minified/jquery.ui.dialog.min.css: -------------------------------------------------------------------------------- 1 | /* 2 | * jQuery UI Dialog 1.8.14 3 | * 4 | * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) 5 | * Dual licensed under the MIT or GPL Version 2 licenses. 6 | * http://jquery.org/license 7 | * 8 | * http://docs.jquery.com/UI/Dialog#theming 9 | */ 10 | .ui-dialog{position:absolute;padding:.2em;width:300px;overflow:hidden;}.ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative;}.ui-dialog .ui-dialog-title{float:left;margin:.1em 16px .1em 0;}.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.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{position:relative;border:0;padding:.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:.5em 0 0 0;padding:.3em 1em .5em .4em;}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right;}.ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer;}.ui-dialog .ui-resizable-se{width:14px;height:14px;right:3px;bottom:3px;}.ui-draggable .ui-dialog-titlebar{cursor:move;} -------------------------------------------------------------------------------- /sample/style/base/jquery.ui.autocomplete.css: -------------------------------------------------------------------------------- 1 | /* 2 | * jQuery UI Autocomplete 1.8.14 3 | * 4 | * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) 5 | * Dual licensed under the MIT or GPL Version 2 licenses. 6 | * http://jquery.org/license 7 | * 8 | * http://docs.jquery.com/UI/Autocomplete#theming 9 | */ 10 | .ui-autocomplete { position: absolute; cursor: default; } 11 | 12 | /* workarounds */ 13 | * html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */ 14 | 15 | /* 16 | * jQuery UI Menu 1.8.14 17 | * 18 | * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) 19 | * Dual licensed under the MIT or GPL Version 2 licenses. 20 | * http://jquery.org/license 21 | * 22 | * http://docs.jquery.com/UI/Menu#theming 23 | */ 24 | .ui-menu { 25 | list-style:none; 26 | padding: 2px; 27 | margin: 0; 28 | display:block; 29 | float: left; 30 | } 31 | .ui-menu .ui-menu { 32 | margin-top: -3px; 33 | } 34 | .ui-menu .ui-menu-item { 35 | margin:0; 36 | padding: 0; 37 | zoom: 1; 38 | float: left; 39 | clear: left; 40 | width: 100%; 41 | } 42 | .ui-menu .ui-menu-item a { 43 | text-decoration:none; 44 | display:block; 45 | padding:.2em .4em; 46 | line-height:1.5; 47 | zoom:1; 48 | } 49 | .ui-menu .ui-menu-item a.ui-state-hover, 50 | .ui-menu .ui-menu-item a.ui-state-active { 51 | font-weight: normal; 52 | margin: -1px; 53 | } 54 | -------------------------------------------------------------------------------- /sample/style/base/jquery.ui.dialog.css: -------------------------------------------------------------------------------- 1 | /* 2 | * jQuery UI Dialog 1.8.14 3 | * 4 | * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) 5 | * Dual licensed under the MIT or GPL Version 2 licenses. 6 | * http://jquery.org/license 7 | * 8 | * http://docs.jquery.com/UI/Dialog#theming 9 | */ 10 | .ui-dialog { position: absolute; padding: .2em; width: 300px; overflow: hidden; } 11 | .ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative; } 12 | .ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .1em 0; } 13 | .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; } 14 | .ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; } 15 | .ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; } 16 | .ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; } 17 | .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; } 18 | .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; } 19 | .ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; } 20 | .ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; } 21 | .ui-draggable .ui-dialog-titlebar { cursor: move; } 22 | -------------------------------------------------------------------------------- /sample/style/base/jquery.ui.tabs.css: -------------------------------------------------------------------------------- 1 | /* 2 | * jQuery UI Tabs 1.8.14 3 | * 4 | * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) 5 | * Dual licensed under the MIT or GPL Version 2 licenses. 6 | * http://jquery.org/license 7 | * 8 | * http://docs.jquery.com/UI/Tabs#theming 9 | */ 10 | .ui-tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ 11 | .ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; } 12 | .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; } 13 | .ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; } 14 | .ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; } 15 | .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; } 16 | .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... */ 17 | .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; } 18 | .ui-tabs .ui-tabs-hide { display: none !important; } 19 | -------------------------------------------------------------------------------- /sample/style/base/jquery.ui.core.css: -------------------------------------------------------------------------------- 1 | /* 2 | * jQuery UI CSS Framework 1.8.14 3 | * 4 | * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) 5 | * Dual licensed under the MIT or GPL Version 2 licenses. 6 | * http://jquery.org/license 7 | * 8 | * http://docs.jquery.com/UI/Theming/API 9 | */ 10 | 11 | /* Layout helpers 12 | ----------------------------------*/ 13 | .ui-helper-hidden { display: none; } 14 | .ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); } 15 | .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } 16 | .ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } 17 | .ui-helper-clearfix { display: inline-block; } 18 | /* required comment for clearfix to work in Opera \*/ 19 | * html .ui-helper-clearfix { height:1%; } 20 | .ui-helper-clearfix { display:block; } 21 | /* end clearfix */ 22 | .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); } 23 | 24 | 25 | /* Interaction Cues 26 | ----------------------------------*/ 27 | .ui-state-disabled { cursor: default !important; } 28 | 29 | 30 | /* Icons 31 | ----------------------------------*/ 32 | 33 | /* states and images */ 34 | .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } 35 | 36 | 37 | /* Misc visuals 38 | ----------------------------------*/ 39 | 40 | /* Overlays */ 41 | .ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } 42 | -------------------------------------------------------------------------------- /sample/style/base/minified/jquery.ui.button.min.css: -------------------------------------------------------------------------------- 1 | /* 2 | * jQuery UI Button 1.8.14 3 | * 4 | * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) 5 | * Dual licensed under the MIT or GPL Version 2 licenses. 6 | * http://jquery.org/license 7 | * 8 | * http://docs.jquery.com/UI/Button#theming 9 | */ 10 | .ui-button{display:inline-block;position:relative;padding:0;margin-right:.1em;text-decoration:none!important;cursor:pointer;text-align:center;zoom:1;overflow:visible;}.ui-button-icon-only{width:2.2em;}button.ui-button-icon-only{width:2.4em;}.ui-button-icons-only{width:3.4em;}button.ui-button-icons-only{width:3.7em;}.ui-button .ui-button-text{display:block;line-height:1.4;}.ui-button-text-only .ui-button-text{padding:.4em 1em;}.ui-button-icon-only .ui-button-text,.ui-button-icons-only .ui-button-text{padding:.4em;text-indent:-9999999px;}.ui-button-text-icon-primary .ui-button-text,.ui-button-text-icons .ui-button-text{padding:.4em 1em .4em 2.1em;}.ui-button-text-icon-secondary .ui-button-text,.ui-button-text-icons .ui-button-text{padding:.4em 2.1em .4em 1em;}.ui-button-text-icons .ui-button-text{padding-left:2.1em;padding-right:2.1em;}input.ui-button{padding:.4em 1em;}.ui-button-icon-only .ui-icon,.ui-button-text-icon-primary .ui-icon,.ui-button-text-icon-secondary .ui-icon,.ui-button-text-icons .ui-icon,.ui-button-icons-only .ui-icon{position:absolute;top:50%;margin-top:-8px;}.ui-button-icon-only .ui-icon{left:50%;margin-left:-8px;}.ui-button-text-icon-primary .ui-button-icon-primary,.ui-button-text-icons .ui-button-icon-primary,.ui-button-icons-only .ui-button-icon-primary{left:.5em;}.ui-button-text-icon-secondary .ui-button-icon-secondary,.ui-button-text-icons .ui-button-icon-secondary,.ui-button-icons-only .ui-button-icon-secondary{right:.5em;}.ui-button-text-icons .ui-button-icon-secondary,.ui-button-icons-only .ui-button-icon-secondary{right:.5em;}.ui-buttonset{margin-right:7px;}.ui-buttonset .ui-button{margin-left:0;margin-right:-.3em;}button.ui-button::-moz-focus-inner{border:0;padding:0;} -------------------------------------------------------------------------------- /sample/style/base/jquery.ui.button.css: -------------------------------------------------------------------------------- 1 | /* 2 | * jQuery UI Button 1.8.14 3 | * 4 | * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) 5 | * Dual licensed under the MIT or GPL Version 2 licenses. 6 | * http://jquery.org/license 7 | * 8 | * http://docs.jquery.com/UI/Button#theming 9 | */ 10 | .ui-button { display: inline-block; position: relative; padding: 0; margin-right: .1em; text-decoration: none !important; cursor: pointer; text-align: center; zoom: 1; overflow: visible; } /* the overflow property removes extra width in IE */ 11 | .ui-button-icon-only { width: 2.2em; } /* to make room for the icon, a width needs to be set here */ 12 | button.ui-button-icon-only { width: 2.4em; } /* button elements seem to need a little more width */ 13 | .ui-button-icons-only { width: 3.4em; } 14 | button.ui-button-icons-only { width: 3.7em; } 15 | 16 | /*button text element */ 17 | .ui-button .ui-button-text { display: block; line-height: 1.4; } 18 | .ui-button-text-only .ui-button-text { padding: .4em 1em; } 19 | .ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; } 20 | .ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; } 21 | .ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; } 22 | .ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; } 23 | /* no icon support for input elements, provide padding by default */ 24 | input.ui-button { padding: .4em 1em; } 25 | 26 | /*button icon element(s) */ 27 | .ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; } 28 | .ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; } 29 | .ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; } 30 | .ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; } 31 | .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; } 32 | 33 | /*button sets*/ 34 | .ui-buttonset { margin-right: 7px; } 35 | .ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; } 36 | 37 | /* workarounds */ 38 | button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra padding in Firefox */ 39 | -------------------------------------------------------------------------------- /Ms-PL-LICENSE.txt: -------------------------------------------------------------------------------- 1 | Microsoft Public License (Ms-PL) 2 | 3 | This license governs use of the accompanying software. If you use the software, you accept this license. If you do not accept the license, do not use the software. 4 | 5 | 1. Definitions 6 | 7 | The terms "reproduce," "reproduction," "derivative works," and "distribution" have the same meaning here as under U.S. copyright law. 8 | 9 | A "contribution" is the original software, or any additions or changes to the software. 10 | 11 | A "contributor" is any person that distributes its contribution under this license. 12 | 13 | "Licensed patents" are a contributor's patent claims that read directly on its contribution. 14 | 15 | 2. Grant of Rights 16 | 17 | (A) Copyright Grant- Subject to the terms of this license, including the license conditions and limitations in section 3, each contributor grants you a non-exclusive, worldwide, royalty-free copyright license to reproduce its contribution, prepare derivative works of its contribution, and distribute its contribution or any derivative works that you create. 18 | 19 | (B) Patent Grant- Subject to the terms of this license, including the license conditions and limitations in section 3, each contributor grants you a non-exclusive, worldwide, royalty-free license under its licensed patents to make, have made, use, sell, offer for sale, import, and/or otherwise dispose of its contribution in the software or derivative works of the contribution in the software. 20 | 21 | 3. Conditions and Limitations 22 | 23 | (A) No Trademark License- This license does not grant you rights to use any contributors' name, logo, or trademarks. 24 | 25 | (B) If you bring a patent claim against any contributor over patents that you claim are infringed by the software, your patent license from such contributor to the software ends automatically. 26 | 27 | (C) If you distribute any portion of the software, you must retain all copyright, patent, trademark, and attribution notices that are present in the software. 28 | 29 | (D) If you distribute any portion of the software in source code form, you may do so only under this license by including a complete copy of this license with your distribution. If you distribute any portion of the software in compiled or object code form, you may only do so under a license that complies with this license. 30 | 31 | (E) The software is licensed "as-is." You bear the risk of using it. The contributors give no express warranties, guarantees or conditions. You may have additional consumer rights under your local laws which this license cannot change. To the extent permitted under your local laws, the contributors exclude the implied warranties of merchantability, fitness for a particular purpose and non-infringement. -------------------------------------------------------------------------------- /sample/style/styles.css: -------------------------------------------------------------------------------- 1 | /* ------------------------------- 2 | Root & Common Styles 3 | ------------------------------- */ 4 | body { 5 | font-family: "Segoe UI", "Lucida Sans", Tahoma, Arial, Sans-Serif; 6 | font-size: 0.8em; 7 | } 8 | 9 | * { 10 | margin: 0px; 11 | padding: 0px; 12 | } 13 | 14 | img { 15 | border: 0px; 16 | } 17 | 18 | a { 19 | color: Blue; 20 | text-decoration: none; 21 | } 22 | a:hover { 23 | text-decoration: underline; 24 | } 25 | 26 | h1 { 27 | font-size: 2.4em; 28 | padding: 2em 0px 0.3em 0.3em; 29 | margin-bottom: 0.5em; 30 | font-family: "Segoe UI Light", Cambria; 31 | color: White; 32 | font-weight: normal; 33 | border-bottom: 2px solid #cccccc; 34 | background: #1b146b; 35 | } 36 | 37 | * html h1 { 38 | height: 1%; /* Forces hasLayout in IE so that heading is always rendered */ 39 | } 40 | 41 | *:first-child+html h1 { 42 | height: 1%; /* Forces hasLayout in IE so that heading is always rendered */ 43 | } 44 | 45 | h2 { 46 | font-size: 1.4em; 47 | margin: 0.5em 0; 48 | color: #1b146b; 49 | } 50 | 51 | p { 52 | margin: 0 0.3em 1.0em 0.3em; 53 | line-height: 1.3em; 54 | } 55 | 56 | ol { 57 | margin: .5em 0 1em 1.8em; 58 | } 59 | 60 | div.clear { 61 | clear: both; 62 | } 63 | 64 | input.text-box { 65 | font-family: Tahoma; 66 | font-size: 1.0em; 67 | padding-left: 2px; 68 | border: 1px solid #efefef; 69 | border-top: 1px solid #d5d5d5; 70 | border-left: 1px solid #d5d5d5; 71 | } 72 | input.text-box:hover, 73 | input.text-box:focus { 74 | border: 1px solid #ffcc00; 75 | border-top: 1px solid #ff9900; 76 | border-left: 1px solid #ff9900; 77 | } 78 | 79 | p.code-sample { 80 | margin: 8px 0; 81 | padding: 0 4px 2px; 82 | background: #eee; 83 | border: dashed 1px #555; 84 | font-size: 14px; 85 | } 86 | 87 | p.code-sample { 88 | display: none; 89 | } 90 | 91 | a.show-link { 92 | 93 | } 94 | 95 | a.show-link:hover { 96 | color: Blue; 97 | } 98 | 99 | #instructions li { 100 | margin: 0 0 0.4em; 101 | } 102 | 103 | /* ------------------------------- 104 | Page Layout Styles 105 | ------------------------------- */ 106 | div#pageContainer { 107 | width: 800px; 108 | margin-left: auto; 109 | margin-right: auto; 110 | } 111 | 112 | div#pageContainer.default { 113 | 114 | } 115 | 116 | div#pageContainer div#pageFooter { 117 | text-align: center; 118 | padding: 0 0 20px; 119 | } 120 | 121 | div#pageContainer div#pageFooter ul { 122 | display: inline-block; 123 | margin: 0; padding: 0; 124 | list-style-type: none; 125 | } 126 | /* IE6+7 Only */ 127 | *:first-child+html div#pageContainer div#pageFooter ul { 128 | display: inline; 129 | } 130 | * html div#pageContainer div#pageFooter ul { 131 | display: inline; 132 | } 133 | 134 | div#pageContainer div#pageFooter ul li { 135 | float: left; 136 | margin-right: 8px; 137 | } 138 | 139 | 140 | .drag-resize { 141 | border: 1px solid #000; 142 | width: 100%; 143 | height: 200px; 144 | overflow: hidden; 145 | } 146 | 147 | #box { 148 | width: 260px; 149 | height: 40px; 150 | padding: 20px; 151 | border: 2px solid #999; 152 | background: #efefef; 153 | cursor: move; 154 | text-align: center; 155 | overflow: hidden; 156 | } -------------------------------------------------------------------------------- /sample/style/base/minified/jquery.ui.datepicker.min.css: -------------------------------------------------------------------------------- 1 | /* 2 | * jQuery UI Datepicker 1.8.14 3 | * 4 | * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) 5 | * Dual licensed under the MIT or GPL Version 2 licenses. 6 | * http://jquery.org/license 7 | * 8 | * http://docs.jquery.com/UI/Datepicker#theming 9 | */ 10 | .ui-datepicker{width:17em;padding:.2em .2em 0;display:none;}.ui-datepicker .ui-datepicker-header{position:relative;padding:.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{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 table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em;}.ui-datepicker th{padding:.7em .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:.2em;text-align:right;text-decoration:none;}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0;}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible;}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left;}.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 .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%;font-size:0;}.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;}.ui-datepicker-cover{display:none;display:block;position:absolute;z-index:-1;filter:mask();top:-4px;left:-4px;width:200px;height:200px;} -------------------------------------------------------------------------------- /src/jquery-ui.unobtrusive.js: -------------------------------------------------------------------------------- 1 | /*! 2 | * Unobtrusive jQuery UI 0.2 3 | * Copyright 2011, Damian Edwards http://damianedwards.com 4 | * Licensed under Ms-PL 5 | * http://www.opensource.org/licenses/MS-PL 6 | */ 7 | 8 | /*! 9 | * Modified by Andrew Cohen, 11/30/2011 10 | * TempWorks Software, Inc. 11 | */ 12 | 13 | (function ($) { 14 | "use strict"; 15 | 16 | var $jQui = $.ui, 17 | prefix = "data-ui-"; 18 | 19 | function getFunction(fn) { 20 | /// Takes a string and converts it to an anonymous function 21 | /// String of function to parse 22 | /// 23 | 24 | var fnMatches = fn.match(/function\s*\((.*?)\).*?\{(.*)\}$/), 25 | argsMatches, 26 | argsString, 27 | i; 28 | 29 | if (fnMatches) { 30 | argsMatches = fnMatches[1].split(','); 31 | argsString = ''; 32 | for (i = 0; i < argsMatches.length; i += 1) { 33 | argsMatches[i] = '"' + $.trim(argsMatches[i]) + '"'; 34 | } 35 | return eval('new Function(' + argsMatches.join(',') + ', "' + fnMatches[2] + '")'); 36 | } 37 | } 38 | 39 | $jQui.unobtrusive = { 40 | 41 | parse: function (context) { 42 | /// Wires up jQuery UI unobtrusively based on data-* attributes for the passed element and its children. 43 | /// A DOM Element, Document, or jQuery to use as context 44 | 45 | $("*[" + prefix + "fn]", context).each(function () { 46 | $jQui.unobtrusive.parseElement(this); 47 | }); 48 | }, 49 | 50 | parseElement: function (el) { 51 | /// Wires up jQuery UI unobtrusively on a single element. 52 | /// A DOM Element, selector or jQuery collection. 53 | 54 | var $el = $(el), 55 | element = $el[0]; 56 | 57 | // Loop through functions in data-ui-fn attribute 58 | $.each($el.attr(prefix + "fn").split(" "), function () { 59 | var fn = this, 60 | uiFn, 61 | options = {}, 62 | optionPrefix = prefix + fn + "-"; 63 | 64 | // Build options parameter from data-ui-[fn]-* attributes 65 | $.each(element.attributes, function () { 66 | var attr = this, 67 | attrName; 68 | 69 | if (!attr.specified) { 70 | return true; 71 | } 72 | 73 | if (attr.name.indexOf(optionPrefix) === 0) { 74 | // camelCase the name 75 | attrName = $.camelCase(attr.name.substr(optionPrefix.length)); 76 | 77 | // test for anonymous function 78 | if (attr.value.substr(0, 8) === 'function') { 79 | options[attrName] = getFunction(attr.value); 80 | } else { 81 | options[attrName] = attr.value; 82 | } 83 | } 84 | }); 85 | 86 | // get UI fn if it exists 87 | uiFn = ($el[fn] || $.noop); 88 | // call destroy to remove the ui widget 89 | uiFn.call($el, 'destroy'); 90 | // call fn with options 91 | uiFn.call($el, options); 92 | }); 93 | } 94 | }; 95 | 96 | // onload, parse the whole page 97 | $(function () { 98 | $jQui.unobtrusive.parse(window.document); 99 | }); 100 | 101 | }(window.jQuery)); -------------------------------------------------------------------------------- /sample/style/base/jquery.ui.datepicker.css: -------------------------------------------------------------------------------- 1 | /* 2 | * jQuery UI Datepicker 1.8.14 3 | * 4 | * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) 5 | * Dual licensed under the MIT or GPL Version 2 licenses. 6 | * http://jquery.org/license 7 | * 8 | * http://docs.jquery.com/UI/Datepicker#theming 9 | */ 10 | .ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; } 11 | .ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; } 12 | .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; } 13 | .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; } 14 | .ui-datepicker .ui-datepicker-prev { left:2px; } 15 | .ui-datepicker .ui-datepicker-next { right:2px; } 16 | .ui-datepicker .ui-datepicker-prev-hover { left:1px; } 17 | .ui-datepicker .ui-datepicker-next-hover { right:1px; } 18 | .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; } 19 | .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } 20 | .ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; } 21 | .ui-datepicker select.ui-datepicker-month-year {width: 100%;} 22 | .ui-datepicker select.ui-datepicker-month, 23 | .ui-datepicker select.ui-datepicker-year { width: 49%;} 24 | .ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; } 25 | .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } 26 | .ui-datepicker td { border: 0; padding: 1px; } 27 | .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } 28 | .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } 29 | .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; } 30 | .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; } 31 | 32 | /* with multiple calendars */ 33 | .ui-datepicker.ui-datepicker-multi { width:auto; } 34 | .ui-datepicker-multi .ui-datepicker-group { float:left; } 35 | .ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; } 36 | .ui-datepicker-multi-2 .ui-datepicker-group { width:50%; } 37 | .ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; } 38 | .ui-datepicker-multi-4 .ui-datepicker-group { width:25%; } 39 | .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; } 40 | .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; } 41 | .ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; } 42 | .ui-datepicker-row-break { clear:both; width:100%; font-size:0em; } 43 | 44 | /* RTL support */ 45 | .ui-datepicker-rtl { direction: rtl; } 46 | .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } 47 | .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } 48 | .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } 49 | .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } 50 | .ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; } 51 | .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } 52 | .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; } 53 | .ui-datepicker-rtl .ui-datepicker-group { float:right; } 54 | .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; } 55 | .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; } 56 | 57 | /* IE6 IFRAME FIX (taken from datepicker 1.5.3 */ 58 | .ui-datepicker-cover { 59 | display: none; /*sorry for IE5*/ 60 | display/**/: block; /*sorry for IE5*/ 61 | position: absolute; /*must have*/ 62 | z-index: -1; /*must have*/ 63 | filter: mask(); /*must have*/ 64 | top: -4px; /*must have*/ 65 | left: -4px; /*must have*/ 66 | width: 200px; /*must have*/ 67 | height: 200px; /*must have*/ 68 | } -------------------------------------------------------------------------------- /sample/style/forms.css: -------------------------------------------------------------------------------- 1 | .foo {} 2 | /* ------------------------------ 3 | Forms Layout 4 | ------------------------------*/ 5 | 6 | /* ------------------------------ 7 | Common Form Layout 8 | ------------------------------*/ 9 | 10 | div.form { 11 | padding: 6px; 12 | } 13 | div.form fieldset { 14 | padding-left: 6px; 15 | padding-bottom: 6px; 16 | border: 1px solid #d5d5d5; 17 | margin: 0px 0px 18px 0px; 18 | } 19 | 20 | div.form fieldset legend { 21 | margin-bottom: 4px; 22 | color: #444444; 23 | font-size: 0.9em; 24 | } 25 | 26 | div.form fieldset ol, 27 | div.form fieldset ul { 28 | list-style: none; 29 | list-style-type: none; 30 | list-style-position: outside; 31 | margin: 0px; 32 | padding: 0px; 33 | } 34 | 35 | div.form fieldset ol li { 36 | clear: both; 37 | } 38 | 39 | div.form fieldset ol li label { 40 | display: block; 41 | width: 120px; 42 | float: left; 43 | line-height: 20px; 44 | margin-right: 6px; 45 | } 46 | 47 | div.form fieldset ol li label em { 48 | font-style: normal; 49 | text-decoration: underline; 50 | } 51 | 52 | div.form fieldset li label.required-field { 53 | background: url("req-field-glyph.gif") right 2px no-repeat; 54 | } 55 | 56 | div.form fieldset li label.required-field span { 57 | display: none; 58 | } 59 | 60 | div.form fieldset ul.validation-errors { 61 | margin: 0px 0px 0px 128px; 62 | } 63 | 64 | div.form fieldset ul.validation-errors li { 65 | float: left; 66 | clear: right; 67 | } 68 | 69 | div.form .validation-error { 70 | color: Red; 71 | font-size: 0.8em; 72 | } 73 | 74 | div.form dl.legend { 75 | height: 16px; 76 | width: 190px; 77 | margin: 6px 0px 0px 132px; 78 | padding: 3px 4px; 79 | border: 1px dashed silver; 80 | font-size: 0.8em; 81 | } 82 | 83 | div.form dl.legend dt.required-field { 84 | float: left; 85 | width: 12px; 86 | height: 16px; 87 | text-indent: -9999px; 88 | background: url("req-field-glyph.gif") left no-repeat; 89 | } 90 | 91 | div.form dl.legend dd { 92 | float: left; 93 | margin-left: 3px; 94 | } 95 | 96 | div.form fieldset.actions { 97 | border: none; 98 | margin-top: 12px; 99 | margin-left: 132px; 100 | padding: 0px; 101 | } 102 | 103 | div.form fieldset.actions ul li { 104 | float: left; 105 | } 106 | 107 | div.form fieldset.actions ul li input.button { 108 | width: 80px; 109 | margin-right: 6px; 110 | } 111 | 112 | div.form fieldset.actions ul li.default input.button { 113 | font-weight: bold; 114 | } 115 | 116 | /* ------------------------------------- 117 | Customer Form 118 | ------------------------------------- */ 119 | div.customer-form { 120 | 121 | } 122 | 123 | div.customer-form li.date-of-birth input.text-box { 124 | width: 88px; 125 | } 126 | 127 | div.customer-form li.email input.text-box { 128 | width: 250px; 129 | } 130 | 131 | div.customer-form li.street-1 input.text-box, 132 | div.customer-form li.street-2 input.text-box, 133 | div.customer-form li.city input.text-box { 134 | width: 200px; 135 | } 136 | 137 | div.customer-form li.post-code input.text-box { 138 | width: 60px; 139 | } 140 | 141 | /* ------------------------------------- 142 | Options Form 143 | ------------------------------------- */ 144 | div.options-form { 145 | width: 360px; 146 | } 147 | 148 | div.options-form fieldset { 149 | background-color: #f8f8f8; 150 | } 151 | 152 | div.options-form fieldset ol li label { 153 | width: 160px; 154 | } 155 | 156 | div.options-form fieldset ol li.label-popup-offset-x input, 157 | div.options-form fieldset ol li.label-popup-offset-y input, 158 | div.options-form fieldset ol li.button-popup-offset-x input, 159 | div.options-form fieldset ol li.button-popup-offset-y input { 160 | width: 40px; 161 | } 162 | 163 | div.options-form fieldset ul.actions { 164 | margin-top: 6px; 165 | margin-left: 166px; 166 | } -------------------------------------------------------------------------------- /sample/sample.htm: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Unobtrusive jQuery UI Example 6 | 7 | 8 | 9 | 10 | 11 |
12 |
13 |
14 |

Unobtrusive jQuery UI Example

15 |

16 | This page shows an example of unobtrusively wiring-up jQuery UI to HTML elements. 17 |

18 |

19 | To use the script on a page simply: 20 |

21 |
    22 |
  1. Add a reference to jQuery 23 |

    24 | <script src="script/jquery-1.7.1.js"></script> 25 |

    26 |
    2. 27 |
  2. Add a reference to jQuery UI 28 |

    29 | <script src="script/jquery-ui.1.8.17.js"></script> 30 |

    31 |
    3. 32 |
  3. Add a reference to Unobtrusive jQuery UI 33 |

    34 | <script src="script/jquery-ui.unobtrusive.js"></script> 35 |

    36 |
    4. 37 |
  4. Add a link to a jQuery UI theme CSS file in the head 38 |

    39 | <link rel="stylesheet" href="style/base/jquery.ui.all.css" /> 40 |

    41 |
    5. 42 |
  5. Add data-ui-fn attributes to the HTML elements you wish to add jQuery UI features to 43 |

    44 | <input name="dateOfBirth" data-ui-fn="datepicker" /> 45 | <div data-ui-fn="draggable resizable"></div> 46 |

    47 |
    6. 48 |
  6. Add further data-ui-* attributes to set options 49 |

    50 | <div data-ui-fn="draggable" data-ui-draggable-containment="parent"></div> 51 |

    52 |
    7. 53 |
54 |
55 |

Date Picker

56 |
57 | 58 | 60 |
61 | 62 |

Dragging & Resizing

63 |
64 |
69 | I'm a box you can drag and resize 70 |
71 |
72 | 73 |

Tabs

74 |
75 |
76 | 81 |
82 |

Proin elit arcu, rutrum commodo, vehicula tempus, commodo a, risus. Curabitur nec arcu. Donec sollicitudin mi sit amet mauris. Nam elementum quam ullamcorper ante. Etiam aliquet massa et lorem. Mauris dapibus lacus auctor risus. Aenean tempor ullamcorper leo. Vivamus sed magna quis ligula eleifend adipiscing. Duis orci. Aliquam sodales tortor vitae ipsum. Aliquam nulla. Duis aliquam molestie erat. Ut et mauris vel pede varius sollicitudin. Sed ut dolor nec orci tincidunt interdum. Phasellus ipsum. Nunc tristique tempus lectus.

83 |
84 |
85 |

Morbi tincidunt, dui sit amet facilisis feugiat, odio metus gravida ante, ut pharetra massa metus id nunc. Duis scelerisque molestie turpis. Sed fringilla, massa eget luctus malesuada, metus eros molestie lectus, ut tempus eros massa ut dolor. Aenean aliquet fringilla sem. Suspendisse sed ligula in ligula suscipit aliquam. Praesent in eros vestibulum mi adipiscing adipiscing. Morbi facilisis. Curabitur ornare consequat nunc. Aenean vel metus. Ut posuere viverra nulla. Aliquam erat volutpat. Pellentesque convallis. Maecenas feugiat, tellus pellentesque pretium posuere, felis lorem euismod felis, eu ornare leo nisi vel felis. Mauris consectetur tortor et purus.

86 |
87 |
88 |

Mauris eleifend est et turpis. Duis id erat. Suspendisse potenti. Aliquam vulputate, pede vel vehicula accumsan, mi neque rutrum erat, eu congue orci lorem eget lorem. Vestibulum non ante. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Fusce sodales. Quisque eu urna vel enim commodo pellentesque. Praesent eu risus hendrerit ligula tempus pretium. Curabitur lorem enim, pretium nec, feugiat nec, luctus a, lacus.

89 |

Duis cursus. Maecenas ligula eros, blandit nec, pharetra at, semper at, magna. Nullam ac lacus. Nulla facilisi. Praesent viverra justo vitae neque. Praesent blandit adipiscing velit. Suspendisse potenti. Donec mattis, pede vel pharetra blandit, magna ligula faucibus eros, id euismod lacus dolor eget odio. Nam scelerisque. Donec non libero sed nulla mattis commodo. Ut sagittis. Donec nisi lectus, feugiat porttitor, tempor ac, tempor vitae, pede. Aenean vehicula velit eu tellus interdum rutrum. Maecenas commodo. Pellentesque nec elit. Fusce in lacus. Vivamus a libero vitae lectus hendrerit hendrerit.

90 |
91 |
92 |
93 | 94 |

Slider

95 |
96 | Current value: 47 97 |
101 |
102 |
103 | 104 |

Widgets Created & Wired-up Dynamically

105 |
106 | 107 |
108 | 109 |
110 |
111 |
112 |
113 |
114 | 121 |
122 | 123 | 124 | 125 | 126 | 127 | -------------------------------------------------------------------------------- /sample/style/base/minified/jquery.ui.theme.min.css: -------------------------------------------------------------------------------- 1 | /* 2 | * jQuery UI CSS Framework 1.8.14 3 | * 4 | * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) 5 | * Dual licensed under the MIT or GPL Version 2 licenses. 6 | * http://jquery.org/license 7 | * 8 | * http://docs.jquery.com/UI/Theming/API 9 | * 10 | * To view and modify this theme, visit http://jqueryui.com/themeroller/ 11 | */ 12 | .ui-widget{font-family:Verdana,Arial,sans-serif;font-size:1.1em;}.ui-widget .ui-widget{font-size:1em;}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Verdana,Arial,sans-serif;font-size:1em;}.ui-widget-content{border:1px solid #aaa;background:#fff url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;color:#222;}.ui-widget-content a{color:#222;}.ui-widget-header{border:1px solid #aaa;background:#ccc url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x;color:#222;font-weight:bold;}.ui-widget-header a{color:#222;}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default{border:1px solid #d3d3d3;background:#e6e6e6 url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;font-weight:normal;color:#555;}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited{color:#555;text-decoration:none;}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus{border:1px solid #999;background:#dadada url(images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x;font-weight:normal;color:#212121;}.ui-state-hover a,.ui-state-hover a:hover{color:#212121;text-decoration:none;}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active{border:1px solid #aaa;background:#fff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;font-weight:normal;color:#212121;}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#212121;text-decoration:none;}.ui-widget :active{outline:none;}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #fcefa1;background:#fbf9ee url(images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x;color:#363636;}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#363636;}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #cd0a0a;background:#fef1ec url(images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x;color:#cd0a0a;}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#cd0a0a;}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#cd0a0a;}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold;}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal;}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none;}.ui-icon{width:16px;height:16px;background-image:url(images/ui-icons_222222_256x240.png);}.ui-widget-content .ui-icon{background-image:url(images/ui-icons_222222_256x240.png);}.ui-widget-header .ui-icon{background-image:url(images/ui-icons_222222_256x240.png);}.ui-state-default .ui-icon{background-image:url(images/ui-icons_888888_256x240.png);}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon{background-image:url(images/ui-icons_454545_256x240.png);}.ui-state-active .ui-icon{background-image:url(images/ui-icons_454545_256x240.png);}.ui-state-highlight .ui-icon{background-image:url(images/ui-icons_2e83ff_256x240.png);}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url(images/ui-icons_cd0a0a_256x240.png);}.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-start{background-position:-80px -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;}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{-moz-border-radius-topleft:4px;-webkit-border-top-left-radius:4px;-khtml-border-top-left-radius:4px;border-top-left-radius:4px;}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{-moz-border-radius-topright:4px;-webkit-border-top-right-radius:4px;-khtml-border-top-right-radius:4px;border-top-right-radius:4px;}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{-moz-border-radius-bottomleft:4px;-webkit-border-bottom-left-radius:4px;-khtml-border-bottom-left-radius:4px;border-bottom-left-radius:4px;}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{-moz-border-radius-bottomright:4px;-webkit-border-bottom-right-radius:4px;-khtml-border-bottom-right-radius:4px;border-bottom-right-radius:4px;}.ui-widget-overlay{background:#aaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;opacity:.3;filter:Alpha(Opacity=30);}.ui-widget-shadow{margin:-8px 0 0 -8px;padding:8px;background:#aaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;opacity:.3;filter:Alpha(Opacity=30);-moz-border-radius:8px;-khtml-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;} -------------------------------------------------------------------------------- /sample/style/base/jquery.ui.theme.css: -------------------------------------------------------------------------------- 1 | /* 2 | * jQuery UI CSS Framework 1.8.14 3 | * 4 | * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) 5 | * Dual licensed under the MIT or GPL Version 2 licenses. 6 | * http://jquery.org/license 7 | * 8 | * http://docs.jquery.com/UI/Theming/API 9 | * 10 | * To view and modify this theme, visit http://jqueryui.com/themeroller/ 11 | */ 12 | 13 | 14 | /* Component containers 15 | ----------------------------------*/ 16 | .ui-widget { font-family: Verdana,Arial,sans-serif/*{ffDefault}*/; font-size: 1.1em/*{fsDefault}*/; } 17 | .ui-widget .ui-widget { font-size: 1em; } 18 | .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif/*{ffDefault}*/; font-size: 1em; } 19 | .ui-widget-content { border: 1px solid #aaaaaa/*{borderColorContent}*/; background: #ffffff/*{bgColorContent}*/ url(images/ui-bg_flat_75_ffffff_40x100.png)/*{bgImgUrlContent}*/ 50%/*{bgContentXPos}*/ 50%/*{bgContentYPos}*/ repeat-x/*{bgContentRepeat}*/; color: #222222/*{fcContent}*/; } 20 | .ui-widget-content a { color: #222222/*{fcContent}*/; } 21 | .ui-widget-header { border: 1px solid #aaaaaa/*{borderColorHeader}*/; background: #cccccc/*{bgColorHeader}*/ url(images/ui-bg_highlight-soft_75_cccccc_1x100.png)/*{bgImgUrlHeader}*/ 50%/*{bgHeaderXPos}*/ 50%/*{bgHeaderYPos}*/ repeat-x/*{bgHeaderRepeat}*/; color: #222222/*{fcHeader}*/; font-weight: bold; } 22 | .ui-widget-header a { color: #222222/*{fcHeader}*/; } 23 | 24 | /* Interaction states 25 | ----------------------------------*/ 26 | .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3/*{borderColorDefault}*/; background: #e6e6e6/*{bgColorDefault}*/ url(images/ui-bg_glass_75_e6e6e6_1x400.png)/*{bgImgUrlDefault}*/ 50%/*{bgDefaultXPos}*/ 50%/*{bgDefaultYPos}*/ repeat-x/*{bgDefaultRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #555555/*{fcDefault}*/; } 27 | .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555/*{fcDefault}*/; text-decoration: none; } 28 | .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #999999/*{borderColorHover}*/; background: #dadada/*{bgColorHover}*/ url(images/ui-bg_glass_75_dadada_1x400.png)/*{bgImgUrlHover}*/ 50%/*{bgHoverXPos}*/ 50%/*{bgHoverYPos}*/ repeat-x/*{bgHoverRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #212121/*{fcHover}*/; } 29 | .ui-state-hover a, .ui-state-hover a:hover { color: #212121/*{fcHover}*/; text-decoration: none; } 30 | .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa/*{borderColorActive}*/; background: #ffffff/*{bgColorActive}*/ url(images/ui-bg_glass_65_ffffff_1x400.png)/*{bgImgUrlActive}*/ 50%/*{bgActiveXPos}*/ 50%/*{bgActiveYPos}*/ repeat-x/*{bgActiveRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #212121/*{fcActive}*/; } 31 | .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121/*{fcActive}*/; text-decoration: none; } 32 | .ui-widget :active { outline: none; } 33 | 34 | /* Interaction Cues 35 | ----------------------------------*/ 36 | .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {border: 1px solid #fcefa1/*{borderColorHighlight}*/; background: #fbf9ee/*{bgColorHighlight}*/ url(images/ui-bg_glass_55_fbf9ee_1x400.png)/*{bgImgUrlHighlight}*/ 50%/*{bgHighlightXPos}*/ 50%/*{bgHighlightYPos}*/ repeat-x/*{bgHighlightRepeat}*/; color: #363636/*{fcHighlight}*/; } 37 | .ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636/*{fcHighlight}*/; } 38 | .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a/*{borderColorError}*/; background: #fef1ec/*{bgColorError}*/ url(images/ui-bg_glass_95_fef1ec_1x400.png)/*{bgImgUrlError}*/ 50%/*{bgErrorXPos}*/ 50%/*{bgErrorYPos}*/ repeat-x/*{bgErrorRepeat}*/; color: #cd0a0a/*{fcError}*/; } 39 | .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a/*{fcError}*/; } 40 | .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a/*{fcError}*/; } 41 | .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } 42 | .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; } 43 | .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; } 44 | 45 | /* Icons 46 | ----------------------------------*/ 47 | 48 | /* states and images */ 49 | .ui-icon { width: 16px; height: 16px; background-image: url(images/ui-icons_222222_256x240.png)/*{iconsContent}*/; } 50 | .ui-widget-content .ui-icon {background-image: url(images/ui-icons_222222_256x240.png)/*{iconsContent}*/; } 51 | .ui-widget-header .ui-icon {background-image: url(images/ui-icons_222222_256x240.png)/*{iconsHeader}*/; } 52 | .ui-state-default .ui-icon { background-image: url(images/ui-icons_888888_256x240.png)/*{iconsDefault}*/; } 53 | .ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(images/ui-icons_454545_256x240.png)/*{iconsHover}*/; } 54 | .ui-state-active .ui-icon {background-image: url(images/ui-icons_454545_256x240.png)/*{iconsActive}*/; } 55 | .ui-state-highlight .ui-icon {background-image: url(images/ui-icons_2e83ff_256x240.png)/*{iconsHighlight}*/; } 56 | .ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(images/ui-icons_cd0a0a_256x240.png)/*{iconsError}*/; } 57 | 58 | /* positioning */ 59 | .ui-icon-carat-1-n { background-position: 0 0; } 60 | .ui-icon-carat-1-ne { background-position: -16px 0; } 61 | .ui-icon-carat-1-e { background-position: -32px 0; } 62 | .ui-icon-carat-1-se { background-position: -48px 0; } 63 | .ui-icon-carat-1-s { background-position: -64px 0; } 64 | .ui-icon-carat-1-sw { background-position: -80px 0; } 65 | .ui-icon-carat-1-w { background-position: -96px 0; } 66 | .ui-icon-carat-1-nw { background-position: -112px 0; } 67 | .ui-icon-carat-2-n-s { background-position: -128px 0; } 68 | .ui-icon-carat-2-e-w { background-position: -144px 0; } 69 | .ui-icon-triangle-1-n { background-position: 0 -16px; } 70 | .ui-icon-triangle-1-ne { background-position: -16px -16px; } 71 | .ui-icon-triangle-1-e { background-position: -32px -16px; } 72 | .ui-icon-triangle-1-se { background-position: -48px -16px; } 73 | .ui-icon-triangle-1-s { background-position: -64px -16px; } 74 | .ui-icon-triangle-1-sw { background-position: -80px -16px; } 75 | .ui-icon-triangle-1-w { background-position: -96px -16px; } 76 | .ui-icon-triangle-1-nw { background-position: -112px -16px; } 77 | .ui-icon-triangle-2-n-s { background-position: -128px -16px; } 78 | .ui-icon-triangle-2-e-w { background-position: -144px -16px; } 79 | .ui-icon-arrow-1-n { background-position: 0 -32px; } 80 | .ui-icon-arrow-1-ne { background-position: -16px -32px; } 81 | .ui-icon-arrow-1-e { background-position: -32px -32px; } 82 | .ui-icon-arrow-1-se { background-position: -48px -32px; } 83 | .ui-icon-arrow-1-s { background-position: -64px -32px; } 84 | .ui-icon-arrow-1-sw { background-position: -80px -32px; } 85 | .ui-icon-arrow-1-w { background-position: -96px -32px; } 86 | .ui-icon-arrow-1-nw { background-position: -112px -32px; } 87 | .ui-icon-arrow-2-n-s { background-position: -128px -32px; } 88 | .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } 89 | .ui-icon-arrow-2-e-w { background-position: -160px -32px; } 90 | .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } 91 | .ui-icon-arrowstop-1-n { background-position: -192px -32px; } 92 | .ui-icon-arrowstop-1-e { background-position: -208px -32px; } 93 | .ui-icon-arrowstop-1-s { background-position: -224px -32px; } 94 | .ui-icon-arrowstop-1-w { background-position: -240px -32px; } 95 | .ui-icon-arrowthick-1-n { background-position: 0 -48px; } 96 | .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } 97 | .ui-icon-arrowthick-1-e { background-position: -32px -48px; } 98 | .ui-icon-arrowthick-1-se { background-position: -48px -48px; } 99 | .ui-icon-arrowthick-1-s { background-position: -64px -48px; } 100 | .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } 101 | .ui-icon-arrowthick-1-w { background-position: -96px -48px; } 102 | .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } 103 | .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } 104 | .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } 105 | .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } 106 | .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } 107 | .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } 108 | .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } 109 | .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } 110 | .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } 111 | .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } 112 | .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } 113 | .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } 114 | .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } 115 | .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } 116 | .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } 117 | .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } 118 | .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } 119 | .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } 120 | .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } 121 | .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } 122 | .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } 123 | .ui-icon-arrow-4 { background-position: 0 -80px; } 124 | .ui-icon-arrow-4-diag { background-position: -16px -80px; } 125 | .ui-icon-extlink { background-position: -32px -80px; } 126 | .ui-icon-newwin { background-position: -48px -80px; } 127 | .ui-icon-refresh { background-position: -64px -80px; } 128 | .ui-icon-shuffle { background-position: -80px -80px; } 129 | .ui-icon-transfer-e-w { background-position: -96px -80px; } 130 | .ui-icon-transferthick-e-w { background-position: -112px -80px; } 131 | .ui-icon-folder-collapsed { background-position: 0 -96px; } 132 | .ui-icon-folder-open { background-position: -16px -96px; } 133 | .ui-icon-document { background-position: -32px -96px; } 134 | .ui-icon-document-b { background-position: -48px -96px; } 135 | .ui-icon-note { background-position: -64px -96px; } 136 | .ui-icon-mail-closed { background-position: -80px -96px; } 137 | .ui-icon-mail-open { background-position: -96px -96px; } 138 | .ui-icon-suitcase { background-position: -112px -96px; } 139 | .ui-icon-comment { background-position: -128px -96px; } 140 | .ui-icon-person { background-position: -144px -96px; } 141 | .ui-icon-print { background-position: -160px -96px; } 142 | .ui-icon-trash { background-position: -176px -96px; } 143 | .ui-icon-locked { background-position: -192px -96px; } 144 | .ui-icon-unlocked { background-position: -208px -96px; } 145 | .ui-icon-bookmark { background-position: -224px -96px; } 146 | .ui-icon-tag { background-position: -240px -96px; } 147 | .ui-icon-home { background-position: 0 -112px; } 148 | .ui-icon-flag { background-position: -16px -112px; } 149 | .ui-icon-calendar { background-position: -32px -112px; } 150 | .ui-icon-cart { background-position: -48px -112px; } 151 | .ui-icon-pencil { background-position: -64px -112px; } 152 | .ui-icon-clock { background-position: -80px -112px; } 153 | .ui-icon-disk { background-position: -96px -112px; } 154 | .ui-icon-calculator { background-position: -112px -112px; } 155 | .ui-icon-zoomin { background-position: -128px -112px; } 156 | .ui-icon-zoomout { background-position: -144px -112px; } 157 | .ui-icon-search { background-position: -160px -112px; } 158 | .ui-icon-wrench { background-position: -176px -112px; } 159 | .ui-icon-gear { background-position: -192px -112px; } 160 | .ui-icon-heart { background-position: -208px -112px; } 161 | .ui-icon-star { background-position: -224px -112px; } 162 | .ui-icon-link { background-position: -240px -112px; } 163 | .ui-icon-cancel { background-position: 0 -128px; } 164 | .ui-icon-plus { background-position: -16px -128px; } 165 | .ui-icon-plusthick { background-position: -32px -128px; } 166 | .ui-icon-minus { background-position: -48px -128px; } 167 | .ui-icon-minusthick { background-position: -64px -128px; } 168 | .ui-icon-close { background-position: -80px -128px; } 169 | .ui-icon-closethick { background-position: -96px -128px; } 170 | .ui-icon-key { background-position: -112px -128px; } 171 | .ui-icon-lightbulb { background-position: -128px -128px; } 172 | .ui-icon-scissors { background-position: -144px -128px; } 173 | .ui-icon-clipboard { background-position: -160px -128px; } 174 | .ui-icon-copy { background-position: -176px -128px; } 175 | .ui-icon-contact { background-position: -192px -128px; } 176 | .ui-icon-image { background-position: -208px -128px; } 177 | .ui-icon-video { background-position: -224px -128px; } 178 | .ui-icon-script { background-position: -240px -128px; } 179 | .ui-icon-alert { background-position: 0 -144px; } 180 | .ui-icon-info { background-position: -16px -144px; } 181 | .ui-icon-notice { background-position: -32px -144px; } 182 | .ui-icon-help { background-position: -48px -144px; } 183 | .ui-icon-check { background-position: -64px -144px; } 184 | .ui-icon-bullet { background-position: -80px -144px; } 185 | .ui-icon-radio-off { background-position: -96px -144px; } 186 | .ui-icon-radio-on { background-position: -112px -144px; } 187 | .ui-icon-pin-w { background-position: -128px -144px; } 188 | .ui-icon-pin-s { background-position: -144px -144px; } 189 | .ui-icon-play { background-position: 0 -160px; } 190 | .ui-icon-pause { background-position: -16px -160px; } 191 | .ui-icon-seek-next { background-position: -32px -160px; } 192 | .ui-icon-seek-prev { background-position: -48px -160px; } 193 | .ui-icon-seek-end { background-position: -64px -160px; } 194 | .ui-icon-seek-start { background-position: -80px -160px; } 195 | /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ 196 | .ui-icon-seek-first { background-position: -80px -160px; } 197 | .ui-icon-stop { background-position: -96px -160px; } 198 | .ui-icon-eject { background-position: -112px -160px; } 199 | .ui-icon-volume-off { background-position: -128px -160px; } 200 | .ui-icon-volume-on { background-position: -144px -160px; } 201 | .ui-icon-power { background-position: 0 -176px; } 202 | .ui-icon-signal-diag { background-position: -16px -176px; } 203 | .ui-icon-signal { background-position: -32px -176px; } 204 | .ui-icon-battery-0 { background-position: -48px -176px; } 205 | .ui-icon-battery-1 { background-position: -64px -176px; } 206 | .ui-icon-battery-2 { background-position: -80px -176px; } 207 | .ui-icon-battery-3 { background-position: -96px -176px; } 208 | .ui-icon-circle-plus { background-position: 0 -192px; } 209 | .ui-icon-circle-minus { background-position: -16px -192px; } 210 | .ui-icon-circle-close { background-position: -32px -192px; } 211 | .ui-icon-circle-triangle-e { background-position: -48px -192px; } 212 | .ui-icon-circle-triangle-s { background-position: -64px -192px; } 213 | .ui-icon-circle-triangle-w { background-position: -80px -192px; } 214 | .ui-icon-circle-triangle-n { background-position: -96px -192px; } 215 | .ui-icon-circle-arrow-e { background-position: -112px -192px; } 216 | .ui-icon-circle-arrow-s { background-position: -128px -192px; } 217 | .ui-icon-circle-arrow-w { background-position: -144px -192px; } 218 | .ui-icon-circle-arrow-n { background-position: -160px -192px; } 219 | .ui-icon-circle-zoomin { background-position: -176px -192px; } 220 | .ui-icon-circle-zoomout { background-position: -192px -192px; } 221 | .ui-icon-circle-check { background-position: -208px -192px; } 222 | .ui-icon-circlesmall-plus { background-position: 0 -208px; } 223 | .ui-icon-circlesmall-minus { background-position: -16px -208px; } 224 | .ui-icon-circlesmall-close { background-position: -32px -208px; } 225 | .ui-icon-squaresmall-plus { background-position: -48px -208px; } 226 | .ui-icon-squaresmall-minus { background-position: -64px -208px; } 227 | .ui-icon-squaresmall-close { background-position: -80px -208px; } 228 | .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } 229 | .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } 230 | .ui-icon-grip-solid-vertical { background-position: -32px -224px; } 231 | .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } 232 | .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } 233 | .ui-icon-grip-diagonal-se { background-position: -80px -224px; } 234 | 235 | 236 | /* Misc visuals 237 | ----------------------------------*/ 238 | 239 | /* Corner radius */ 240 | .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 4px/*{cornerRadius}*/; -webkit-border-top-left-radius: 4px/*{cornerRadius}*/; -khtml-border-top-left-radius: 4px/*{cornerRadius}*/; border-top-left-radius: 4px/*{cornerRadius}*/; } 241 | .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 4px/*{cornerRadius}*/; -webkit-border-top-right-radius: 4px/*{cornerRadius}*/; -khtml-border-top-right-radius: 4px/*{cornerRadius}*/; border-top-right-radius: 4px/*{cornerRadius}*/; } 242 | .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 4px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 4px/*{cornerRadius}*/; -khtml-border-bottom-left-radius: 4px/*{cornerRadius}*/; border-bottom-left-radius: 4px/*{cornerRadius}*/; } 243 | .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 4px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 4px/*{cornerRadius}*/; -khtml-border-bottom-right-radius: 4px/*{cornerRadius}*/; border-bottom-right-radius: 4px/*{cornerRadius}*/; } 244 | 245 | /* Overlays */ 246 | .ui-widget-overlay { background: #aaaaaa/*{bgColorOverlay}*/ url(images/ui-bg_flat_0_aaaaaa_40x100.png)/*{bgImgUrlOverlay}*/ 50%/*{bgOverlayXPos}*/ 50%/*{bgOverlayYPos}*/ repeat-x/*{bgOverlayRepeat}*/; opacity: .3;filter:Alpha(Opacity=30)/*{opacityOverlay}*/; } 247 | .ui-widget-shadow { margin: -8px/*{offsetTopShadow}*/ 0 0 -8px/*{offsetLeftShadow}*/; padding: 8px/*{thicknessShadow}*/; background: #aaaaaa/*{bgColorShadow}*/ url(images/ui-bg_flat_0_aaaaaa_40x100.png)/*{bgImgUrlShadow}*/ 50%/*{bgShadowXPos}*/ 50%/*{bgShadowYPos}*/ repeat-x/*{bgShadowRepeat}*/; opacity: .3;filter:Alpha(Opacity=30)/*{opacityShadow}*/; -moz-border-radius: 8px/*{cornerRadiusShadow}*/; -khtml-border-radius: 8px/*{cornerRadiusShadow}*/; -webkit-border-radius: 8px/*{cornerRadiusShadow}*/; border-radius: 8px/*{cornerRadiusShadow}*/; } -------------------------------------------------------------------------------- /sample/style/base/minified/jquery-ui.min.css: -------------------------------------------------------------------------------- 1 | /* 2 | * jQuery UI CSS Framework 1.8.14 3 | * 4 | * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) 5 | * Dual licensed under the MIT or GPL Version 2 licenses. 6 | * http://jquery.org/license 7 | * 8 | * http://docs.jquery.com/UI/Theming/API 9 | */ 10 | .ui-helper-hidden{display:none;}.ui-helper-hidden-accessible{position:absolute!important;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);}.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);}.ui-state-disabled{cursor:default!important;}.ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat;}.ui-widget-overlay{position:absolute;top:0;left:0;width:100%;height:100%;}.ui-accordion{width:100%;}.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:.5em .5em .5em .7em;}.ui-accordion-icons .ui-accordion-header a{padding-left:2.2em;}.ui-accordion .ui-accordion-header .ui-icon{position:absolute;left:.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;zoom:1;}.ui-accordion .ui-accordion-content-active{display:block;}.ui-autocomplete{position:absolute;cursor:default;}* html .ui-autocomplete{width:1px;}.ui-menu{list-style:none;padding:2px;margin:0;display:block;float:left;}.ui-menu .ui-menu{margin-top:-3px;}.ui-menu .ui-menu-item{margin:0;padding:0;zoom:1;float:left;clear:left;width:100%;}.ui-menu .ui-menu-item a{text-decoration:none;display:block;padding:.2em .4em;line-height:1.5;zoom:1;}.ui-menu .ui-menu-item a.ui-state-hover,.ui-menu .ui-menu-item a.ui-state-active{font-weight:normal;margin:-1px;}.ui-button{display:inline-block;position:relative;padding:0;margin-right:.1em;text-decoration:none!important;cursor:pointer;text-align:center;zoom:1;overflow:visible;}.ui-button-icon-only{width:2.2em;}button.ui-button-icon-only{width:2.4em;}.ui-button-icons-only{width:3.4em;}button.ui-button-icons-only{width:3.7em;}.ui-button .ui-button-text{display:block;line-height:1.4;}.ui-button-text-only .ui-button-text{padding:.4em 1em;}.ui-button-icon-only .ui-button-text,.ui-button-icons-only .ui-button-text{padding:.4em;text-indent:-9999999px;}.ui-button-text-icon-primary .ui-button-text,.ui-button-text-icons .ui-button-text{padding:.4em 1em .4em 2.1em;}.ui-button-text-icon-secondary .ui-button-text,.ui-button-text-icons .ui-button-text{padding:.4em 2.1em .4em 1em;}.ui-button-text-icons .ui-button-text{padding-left:2.1em;padding-right:2.1em;}input.ui-button{padding:.4em 1em;}.ui-button-icon-only .ui-icon,.ui-button-text-icon-primary .ui-icon,.ui-button-text-icon-secondary .ui-icon,.ui-button-text-icons .ui-icon,.ui-button-icons-only .ui-icon{position:absolute;top:50%;margin-top:-8px;}.ui-button-icon-only .ui-icon{left:50%;margin-left:-8px;}.ui-button-text-icon-primary .ui-button-icon-primary,.ui-button-text-icons .ui-button-icon-primary,.ui-button-icons-only .ui-button-icon-primary{left:.5em;}.ui-button-text-icon-secondary .ui-button-icon-secondary,.ui-button-text-icons .ui-button-icon-secondary,.ui-button-icons-only .ui-button-icon-secondary{right:.5em;}.ui-button-text-icons .ui-button-icon-secondary,.ui-button-icons-only .ui-button-icon-secondary{right:.5em;}.ui-buttonset{margin-right:7px;}.ui-buttonset .ui-button{margin-left:0;margin-right:-.3em;}button.ui-button::-moz-focus-inner{border:0;padding:0;}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none;}.ui-datepicker .ui-datepicker-header{position:relative;padding:.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{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 table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em;}.ui-datepicker th{padding:.7em .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:.2em;text-align:right;text-decoration:none;}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0;}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible;}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left;}.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 .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%;font-size:0;}.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;}.ui-datepicker-cover{display:none;display:block;position:absolute;z-index:-1;filter:mask();top:-4px;left:-4px;width:200px;height:200px;}.ui-dialog{position:absolute;padding:.2em;width:300px;overflow:hidden;}.ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative;}.ui-dialog .ui-dialog-title{float:left;margin:.1em 16px .1em 0;}.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.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{position:relative;border:0;padding:.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:.5em 0 0 0;padding:.3em 1em .5em .4em;}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right;}.ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer;}.ui-dialog .ui-resizable-se{width:14px;height:14px;right:3px;bottom:3px;}.ui-draggable .ui-dialog-titlebar{cursor:move;}.ui-progressbar{height:2em;text-align:left;}.ui-progressbar .ui-progressbar-value{margin:-1px;height:100%;}.ui-resizable{position:relative;}.ui-resizable-handle{position:absolute;font-size:.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:0;}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0;}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%;}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;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;}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted black;}.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:.7em;display:block;border:0;background-position:0 0;}.ui-slider-horizontal{height:.8em;}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.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:.8em;height:100px;}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.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;}.ui-tabs{position:relative;padding:.2em;zoom:1;}.ui-tabs .ui-tabs-nav{margin:0;padding:.2em .2em 0;}.ui-tabs .ui-tabs-nav li{list-style:none;float:left;position:relative;top:1px;margin:0 .2em 1px 0;border-bottom:0!important;padding:0;white-space:nowrap;}.ui-tabs .ui-tabs-nav li a{float:left;padding:.5em 1em;text-decoration:none;}.ui-tabs .ui-tabs-nav li.ui-tabs-selected{margin-bottom:0;padding-bottom:1px;}.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;}.ui-tabs .ui-tabs-panel{display:block;border-width:0;padding:1em 1.4em;background:none;}.ui-tabs .ui-tabs-hide{display:none!important;}.ui-widget{font-family:Verdana,Arial,sans-serif;font-size:1.1em;}.ui-widget .ui-widget{font-size:1em;}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Verdana,Arial,sans-serif;font-size:1em;}.ui-widget-content{border:1px solid #aaa;background:#fff url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;color:#222;}.ui-widget-content a{color:#222;}.ui-widget-header{border:1px solid #aaa;background:#ccc url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x;color:#222;font-weight:bold;}.ui-widget-header a{color:#222;}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default{border:1px solid #d3d3d3;background:#e6e6e6 url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;font-weight:normal;color:#555;}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited{color:#555;text-decoration:none;}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus{border:1px solid #999;background:#dadada url(images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x;font-weight:normal;color:#212121;}.ui-state-hover a,.ui-state-hover a:hover{color:#212121;text-decoration:none;}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active{border:1px solid #aaa;background:#fff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;font-weight:normal;color:#212121;}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#212121;text-decoration:none;}.ui-widget :active{outline:none;}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #fcefa1;background:#fbf9ee url(images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x;color:#363636;}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#363636;}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #cd0a0a;background:#fef1ec url(images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x;color:#cd0a0a;}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#cd0a0a;}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#cd0a0a;}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold;}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal;}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none;}.ui-icon{width:16px;height:16px;background-image:url(images/ui-icons_222222_256x240.png);}.ui-widget-content .ui-icon{background-image:url(images/ui-icons_222222_256x240.png);}.ui-widget-header .ui-icon{background-image:url(images/ui-icons_222222_256x240.png);}.ui-state-default .ui-icon{background-image:url(images/ui-icons_888888_256x240.png);}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon{background-image:url(images/ui-icons_454545_256x240.png);}.ui-state-active .ui-icon{background-image:url(images/ui-icons_454545_256x240.png);}.ui-state-highlight .ui-icon{background-image:url(images/ui-icons_2e83ff_256x240.png);}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url(images/ui-icons_cd0a0a_256x240.png);}.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-start{background-position:-80px -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;}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{-moz-border-radius-topleft:4px;-webkit-border-top-left-radius:4px;-khtml-border-top-left-radius:4px;border-top-left-radius:4px;}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{-moz-border-radius-topright:4px;-webkit-border-top-right-radius:4px;-khtml-border-top-right-radius:4px;border-top-right-radius:4px;}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{-moz-border-radius-bottomleft:4px;-webkit-border-bottom-left-radius:4px;-khtml-border-bottom-left-radius:4px;border-bottom-left-radius:4px;}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{-moz-border-radius-bottomright:4px;-webkit-border-bottom-right-radius:4px;-khtml-border-bottom-right-radius:4px;border-bottom-right-radius:4px;}.ui-widget-overlay{background:#aaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;opacity:.3;filter:Alpha(Opacity=30);}.ui-widget-shadow{margin:-8px 0 0 -8px;padding:8px;background:#aaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;opacity:.3;filter:Alpha(Opacity=30);-moz-border-radius:8px;-khtml-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;} -------------------------------------------------------------------------------- /sample/style/base/jquery-ui.css: -------------------------------------------------------------------------------- 1 | /* 2 | * jQuery UI CSS Framework 1.8.14 3 | * 4 | * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) 5 | * Dual licensed under the MIT or GPL Version 2 licenses. 6 | * http://jquery.org/license 7 | * 8 | * http://docs.jquery.com/UI/Theming/API 9 | */ 10 | 11 | /* Layout helpers 12 | ----------------------------------*/ 13 | .ui-helper-hidden { display: none; } 14 | .ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); } 15 | .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } 16 | .ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } 17 | .ui-helper-clearfix { display: inline-block; } 18 | /* required comment for clearfix to work in Opera \*/ 19 | * html .ui-helper-clearfix { height:1%; } 20 | .ui-helper-clearfix { display:block; } 21 | /* end clearfix */ 22 | .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); } 23 | 24 | 25 | /* Interaction Cues 26 | ----------------------------------*/ 27 | .ui-state-disabled { cursor: default !important; } 28 | 29 | 30 | /* Icons 31 | ----------------------------------*/ 32 | 33 | /* states and images */ 34 | .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } 35 | 36 | 37 | /* Misc visuals 38 | ----------------------------------*/ 39 | 40 | /* Overlays */ 41 | .ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } 42 | /* 43 | * jQuery UI Accordion 1.8.14 44 | * 45 | * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) 46 | * Dual licensed under the MIT or GPL Version 2 licenses. 47 | * http://jquery.org/license 48 | * 49 | * http://docs.jquery.com/UI/Accordion#theming 50 | */ 51 | /* IE/Win - Fix animation bug - #4615 */ 52 | .ui-accordion { width: 100%; } 53 | .ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; } 54 | .ui-accordion .ui-accordion-li-fix { display: inline; } 55 | .ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; } 56 | .ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em .7em; } 57 | .ui-accordion-icons .ui-accordion-header a { padding-left: 2.2em; } 58 | .ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; } 59 | .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; zoom: 1; } 60 | .ui-accordion .ui-accordion-content-active { display: block; } 61 | /* 62 | * jQuery UI Autocomplete 1.8.14 63 | * 64 | * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) 65 | * Dual licensed under the MIT or GPL Version 2 licenses. 66 | * http://jquery.org/license 67 | * 68 | * http://docs.jquery.com/UI/Autocomplete#theming 69 | */ 70 | .ui-autocomplete { position: absolute; cursor: default; } 71 | 72 | /* workarounds */ 73 | * html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */ 74 | 75 | /* 76 | * jQuery UI Menu 1.8.14 77 | * 78 | * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) 79 | * Dual licensed under the MIT or GPL Version 2 licenses. 80 | * http://jquery.org/license 81 | * 82 | * http://docs.jquery.com/UI/Menu#theming 83 | */ 84 | .ui-menu { 85 | list-style:none; 86 | padding: 2px; 87 | margin: 0; 88 | display:block; 89 | float: left; 90 | } 91 | .ui-menu .ui-menu { 92 | margin-top: -3px; 93 | } 94 | .ui-menu .ui-menu-item { 95 | margin:0; 96 | padding: 0; 97 | zoom: 1; 98 | float: left; 99 | clear: left; 100 | width: 100%; 101 | } 102 | .ui-menu .ui-menu-item a { 103 | text-decoration:none; 104 | display:block; 105 | padding:.2em .4em; 106 | line-height:1.5; 107 | zoom:1; 108 | } 109 | .ui-menu .ui-menu-item a.ui-state-hover, 110 | .ui-menu .ui-menu-item a.ui-state-active { 111 | font-weight: normal; 112 | margin: -1px; 113 | } 114 | /* 115 | * jQuery UI Button 1.8.14 116 | * 117 | * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) 118 | * Dual licensed under the MIT or GPL Version 2 licenses. 119 | * http://jquery.org/license 120 | * 121 | * http://docs.jquery.com/UI/Button#theming 122 | */ 123 | .ui-button { display: inline-block; position: relative; padding: 0; margin-right: .1em; text-decoration: none !important; cursor: pointer; text-align: center; zoom: 1; overflow: visible; } /* the overflow property removes extra width in IE */ 124 | .ui-button-icon-only { width: 2.2em; } /* to make room for the icon, a width needs to be set here */ 125 | button.ui-button-icon-only { width: 2.4em; } /* button elements seem to need a little more width */ 126 | .ui-button-icons-only { width: 3.4em; } 127 | button.ui-button-icons-only { width: 3.7em; } 128 | 129 | /*button text element */ 130 | .ui-button .ui-button-text { display: block; line-height: 1.4; } 131 | .ui-button-text-only .ui-button-text { padding: .4em 1em; } 132 | .ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; } 133 | .ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; } 134 | .ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; } 135 | .ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; } 136 | /* no icon support for input elements, provide padding by default */ 137 | input.ui-button { padding: .4em 1em; } 138 | 139 | /*button icon element(s) */ 140 | .ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; } 141 | .ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; } 142 | .ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; } 143 | .ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; } 144 | .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; } 145 | 146 | /*button sets*/ 147 | .ui-buttonset { margin-right: 7px; } 148 | .ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; } 149 | 150 | /* workarounds */ 151 | button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra padding in Firefox */ 152 | /* 153 | * jQuery UI Datepicker 1.8.14 154 | * 155 | * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) 156 | * Dual licensed under the MIT or GPL Version 2 licenses. 157 | * http://jquery.org/license 158 | * 159 | * http://docs.jquery.com/UI/Datepicker#theming 160 | */ 161 | .ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; } 162 | .ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; } 163 | .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; } 164 | .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; } 165 | .ui-datepicker .ui-datepicker-prev { left:2px; } 166 | .ui-datepicker .ui-datepicker-next { right:2px; } 167 | .ui-datepicker .ui-datepicker-prev-hover { left:1px; } 168 | .ui-datepicker .ui-datepicker-next-hover { right:1px; } 169 | .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; } 170 | .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } 171 | .ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; } 172 | .ui-datepicker select.ui-datepicker-month-year {width: 100%;} 173 | .ui-datepicker select.ui-datepicker-month, 174 | .ui-datepicker select.ui-datepicker-year { width: 49%;} 175 | .ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; } 176 | .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } 177 | .ui-datepicker td { border: 0; padding: 1px; } 178 | .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } 179 | .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } 180 | .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; } 181 | .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; } 182 | 183 | /* with multiple calendars */ 184 | .ui-datepicker.ui-datepicker-multi { width:auto; } 185 | .ui-datepicker-multi .ui-datepicker-group { float:left; } 186 | .ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; } 187 | .ui-datepicker-multi-2 .ui-datepicker-group { width:50%; } 188 | .ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; } 189 | .ui-datepicker-multi-4 .ui-datepicker-group { width:25%; } 190 | .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; } 191 | .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; } 192 | .ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; } 193 | .ui-datepicker-row-break { clear:both; width:100%; font-size:0em; } 194 | 195 | /* RTL support */ 196 | .ui-datepicker-rtl { direction: rtl; } 197 | .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } 198 | .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } 199 | .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } 200 | .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } 201 | .ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; } 202 | .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } 203 | .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; } 204 | .ui-datepicker-rtl .ui-datepicker-group { float:right; } 205 | .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; } 206 | .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; } 207 | 208 | /* IE6 IFRAME FIX (taken from datepicker 1.5.3 */ 209 | .ui-datepicker-cover { 210 | display: none; /*sorry for IE5*/ 211 | display/**/: block; /*sorry for IE5*/ 212 | position: absolute; /*must have*/ 213 | z-index: -1; /*must have*/ 214 | filter: mask(); /*must have*/ 215 | top: -4px; /*must have*/ 216 | left: -4px; /*must have*/ 217 | width: 200px; /*must have*/ 218 | height: 200px; /*must have*/ 219 | }/* 220 | * jQuery UI Dialog 1.8.14 221 | * 222 | * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) 223 | * Dual licensed under the MIT or GPL Version 2 licenses. 224 | * http://jquery.org/license 225 | * 226 | * http://docs.jquery.com/UI/Dialog#theming 227 | */ 228 | .ui-dialog { position: absolute; padding: .2em; width: 300px; overflow: hidden; } 229 | .ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative; } 230 | .ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .1em 0; } 231 | .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; } 232 | .ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; } 233 | .ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; } 234 | .ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; } 235 | .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; } 236 | .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; } 237 | .ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; } 238 | .ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; } 239 | .ui-draggable .ui-dialog-titlebar { cursor: move; } 240 | /* 241 | * jQuery UI Progressbar 1.8.14 242 | * 243 | * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) 244 | * Dual licensed under the MIT or GPL Version 2 licenses. 245 | * http://jquery.org/license 246 | * 247 | * http://docs.jquery.com/UI/Progressbar#theming 248 | */ 249 | .ui-progressbar { height:2em; text-align: left; } 250 | .ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; }/* 251 | * jQuery UI Resizable 1.8.14 252 | * 253 | * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) 254 | * Dual licensed under the MIT or GPL Version 2 licenses. 255 | * http://jquery.org/license 256 | * 257 | * http://docs.jquery.com/UI/Resizable#theming 258 | */ 259 | .ui-resizable { position: relative;} 260 | .ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block; } 261 | .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } 262 | .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; } 263 | .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; } 264 | .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; } 265 | .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; } 266 | .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } 267 | .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } 268 | .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } 269 | .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}/* 270 | * jQuery UI Selectable 1.8.14 271 | * 272 | * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) 273 | * Dual licensed under the MIT or GPL Version 2 licenses. 274 | * http://jquery.org/license 275 | * 276 | * http://docs.jquery.com/UI/Selectable#theming 277 | */ 278 | .ui-selectable-helper { position: absolute; z-index: 100; border:1px dotted black; } 279 | /* 280 | * jQuery UI Slider 1.8.14 281 | * 282 | * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) 283 | * Dual licensed under the MIT or GPL Version 2 licenses. 284 | * http://jquery.org/license 285 | * 286 | * http://docs.jquery.com/UI/Slider#theming 287 | */ 288 | .ui-slider { position: relative; text-align: left; } 289 | .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; } 290 | .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; } 291 | 292 | .ui-slider-horizontal { height: .8em; } 293 | .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; } 294 | .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } 295 | .ui-slider-horizontal .ui-slider-range-min { left: 0; } 296 | .ui-slider-horizontal .ui-slider-range-max { right: 0; } 297 | 298 | .ui-slider-vertical { width: .8em; height: 100px; } 299 | .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; } 300 | .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } 301 | .ui-slider-vertical .ui-slider-range-min { bottom: 0; } 302 | .ui-slider-vertical .ui-slider-range-max { top: 0; }/* 303 | * jQuery UI Tabs 1.8.14 304 | * 305 | * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) 306 | * Dual licensed under the MIT or GPL Version 2 licenses. 307 | * http://jquery.org/license 308 | * 309 | * http://docs.jquery.com/UI/Tabs#theming 310 | */ 311 | .ui-tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ 312 | .ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; } 313 | .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; } 314 | .ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; } 315 | .ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; } 316 | .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; } 317 | .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... */ 318 | .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; } 319 | .ui-tabs .ui-tabs-hide { display: none !important; } 320 | /* 321 | * jQuery UI CSS Framework 1.8.14 322 | * 323 | * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) 324 | * Dual licensed under the MIT or GPL Version 2 licenses. 325 | * http://jquery.org/license 326 | * 327 | * http://docs.jquery.com/UI/Theming/API 328 | * 329 | * To view and modify this theme, visit http://jqueryui.com/themeroller/ 330 | */ 331 | 332 | 333 | /* Component containers 334 | ----------------------------------*/ 335 | .ui-widget { font-family: Verdana,Arial,sans-serif/*{ffDefault}*/; font-size: 1.1em/*{fsDefault}*/; } 336 | .ui-widget .ui-widget { font-size: 1em; } 337 | .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif/*{ffDefault}*/; font-size: 1em; } 338 | .ui-widget-content { border: 1px solid #aaaaaa/*{borderColorContent}*/; background: #ffffff/*{bgColorContent}*/ url(images/ui-bg_flat_75_ffffff_40x100.png)/*{bgImgUrlContent}*/ 50%/*{bgContentXPos}*/ 50%/*{bgContentYPos}*/ repeat-x/*{bgContentRepeat}*/; color: #222222/*{fcContent}*/; } 339 | .ui-widget-content a { color: #222222/*{fcContent}*/; } 340 | .ui-widget-header { border: 1px solid #aaaaaa/*{borderColorHeader}*/; background: #cccccc/*{bgColorHeader}*/ url(images/ui-bg_highlight-soft_75_cccccc_1x100.png)/*{bgImgUrlHeader}*/ 50%/*{bgHeaderXPos}*/ 50%/*{bgHeaderYPos}*/ repeat-x/*{bgHeaderRepeat}*/; color: #222222/*{fcHeader}*/; font-weight: bold; } 341 | .ui-widget-header a { color: #222222/*{fcHeader}*/; } 342 | 343 | /* Interaction states 344 | ----------------------------------*/ 345 | .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3/*{borderColorDefault}*/; background: #e6e6e6/*{bgColorDefault}*/ url(images/ui-bg_glass_75_e6e6e6_1x400.png)/*{bgImgUrlDefault}*/ 50%/*{bgDefaultXPos}*/ 50%/*{bgDefaultYPos}*/ repeat-x/*{bgDefaultRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #555555/*{fcDefault}*/; } 346 | .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555/*{fcDefault}*/; text-decoration: none; } 347 | .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #999999/*{borderColorHover}*/; background: #dadada/*{bgColorHover}*/ url(images/ui-bg_glass_75_dadada_1x400.png)/*{bgImgUrlHover}*/ 50%/*{bgHoverXPos}*/ 50%/*{bgHoverYPos}*/ repeat-x/*{bgHoverRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #212121/*{fcHover}*/; } 348 | .ui-state-hover a, .ui-state-hover a:hover { color: #212121/*{fcHover}*/; text-decoration: none; } 349 | .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa/*{borderColorActive}*/; background: #ffffff/*{bgColorActive}*/ url(images/ui-bg_glass_65_ffffff_1x400.png)/*{bgImgUrlActive}*/ 50%/*{bgActiveXPos}*/ 50%/*{bgActiveYPos}*/ repeat-x/*{bgActiveRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #212121/*{fcActive}*/; } 350 | .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121/*{fcActive}*/; text-decoration: none; } 351 | .ui-widget :active { outline: none; } 352 | 353 | /* Interaction Cues 354 | ----------------------------------*/ 355 | .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {border: 1px solid #fcefa1/*{borderColorHighlight}*/; background: #fbf9ee/*{bgColorHighlight}*/ url(images/ui-bg_glass_55_fbf9ee_1x400.png)/*{bgImgUrlHighlight}*/ 50%/*{bgHighlightXPos}*/ 50%/*{bgHighlightYPos}*/ repeat-x/*{bgHighlightRepeat}*/; color: #363636/*{fcHighlight}*/; } 356 | .ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636/*{fcHighlight}*/; } 357 | .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a/*{borderColorError}*/; background: #fef1ec/*{bgColorError}*/ url(images/ui-bg_glass_95_fef1ec_1x400.png)/*{bgImgUrlError}*/ 50%/*{bgErrorXPos}*/ 50%/*{bgErrorYPos}*/ repeat-x/*{bgErrorRepeat}*/; color: #cd0a0a/*{fcError}*/; } 358 | .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a/*{fcError}*/; } 359 | .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a/*{fcError}*/; } 360 | .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } 361 | .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; } 362 | .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; } 363 | 364 | /* Icons 365 | ----------------------------------*/ 366 | 367 | /* states and images */ 368 | .ui-icon { width: 16px; height: 16px; background-image: url(images/ui-icons_222222_256x240.png)/*{iconsContent}*/; } 369 | .ui-widget-content .ui-icon {background-image: url(images/ui-icons_222222_256x240.png)/*{iconsContent}*/; } 370 | .ui-widget-header .ui-icon {background-image: url(images/ui-icons_222222_256x240.png)/*{iconsHeader}*/; } 371 | .ui-state-default .ui-icon { background-image: url(images/ui-icons_888888_256x240.png)/*{iconsDefault}*/; } 372 | .ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(images/ui-icons_454545_256x240.png)/*{iconsHover}*/; } 373 | .ui-state-active .ui-icon {background-image: url(images/ui-icons_454545_256x240.png)/*{iconsActive}*/; } 374 | .ui-state-highlight .ui-icon {background-image: url(images/ui-icons_2e83ff_256x240.png)/*{iconsHighlight}*/; } 375 | .ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(images/ui-icons_cd0a0a_256x240.png)/*{iconsError}*/; } 376 | 377 | /* positioning */ 378 | .ui-icon-carat-1-n { background-position: 0 0; } 379 | .ui-icon-carat-1-ne { background-position: -16px 0; } 380 | .ui-icon-carat-1-e { background-position: -32px 0; } 381 | .ui-icon-carat-1-se { background-position: -48px 0; } 382 | .ui-icon-carat-1-s { background-position: -64px 0; } 383 | .ui-icon-carat-1-sw { background-position: -80px 0; } 384 | .ui-icon-carat-1-w { background-position: -96px 0; } 385 | .ui-icon-carat-1-nw { background-position: -112px 0; } 386 | .ui-icon-carat-2-n-s { background-position: -128px 0; } 387 | .ui-icon-carat-2-e-w { background-position: -144px 0; } 388 | .ui-icon-triangle-1-n { background-position: 0 -16px; } 389 | .ui-icon-triangle-1-ne { background-position: -16px -16px; } 390 | .ui-icon-triangle-1-e { background-position: -32px -16px; } 391 | .ui-icon-triangle-1-se { background-position: -48px -16px; } 392 | .ui-icon-triangle-1-s { background-position: -64px -16px; } 393 | .ui-icon-triangle-1-sw { background-position: -80px -16px; } 394 | .ui-icon-triangle-1-w { background-position: -96px -16px; } 395 | .ui-icon-triangle-1-nw { background-position: -112px -16px; } 396 | .ui-icon-triangle-2-n-s { background-position: -128px -16px; } 397 | .ui-icon-triangle-2-e-w { background-position: -144px -16px; } 398 | .ui-icon-arrow-1-n { background-position: 0 -32px; } 399 | .ui-icon-arrow-1-ne { background-position: -16px -32px; } 400 | .ui-icon-arrow-1-e { background-position: -32px -32px; } 401 | .ui-icon-arrow-1-se { background-position: -48px -32px; } 402 | .ui-icon-arrow-1-s { background-position: -64px -32px; } 403 | .ui-icon-arrow-1-sw { background-position: -80px -32px; } 404 | .ui-icon-arrow-1-w { background-position: -96px -32px; } 405 | .ui-icon-arrow-1-nw { background-position: -112px -32px; } 406 | .ui-icon-arrow-2-n-s { background-position: -128px -32px; } 407 | .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } 408 | .ui-icon-arrow-2-e-w { background-position: -160px -32px; } 409 | .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } 410 | .ui-icon-arrowstop-1-n { background-position: -192px -32px; } 411 | .ui-icon-arrowstop-1-e { background-position: -208px -32px; } 412 | .ui-icon-arrowstop-1-s { background-position: -224px -32px; } 413 | .ui-icon-arrowstop-1-w { background-position: -240px -32px; } 414 | .ui-icon-arrowthick-1-n { background-position: 0 -48px; } 415 | .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } 416 | .ui-icon-arrowthick-1-e { background-position: -32px -48px; } 417 | .ui-icon-arrowthick-1-se { background-position: -48px -48px; } 418 | .ui-icon-arrowthick-1-s { background-position: -64px -48px; } 419 | .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } 420 | .ui-icon-arrowthick-1-w { background-position: -96px -48px; } 421 | .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } 422 | .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } 423 | .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } 424 | .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } 425 | .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } 426 | .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } 427 | .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } 428 | .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } 429 | .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } 430 | .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } 431 | .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } 432 | .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } 433 | .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } 434 | .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } 435 | .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } 436 | .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } 437 | .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } 438 | .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } 439 | .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } 440 | .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } 441 | .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } 442 | .ui-icon-arrow-4 { background-position: 0 -80px; } 443 | .ui-icon-arrow-4-diag { background-position: -16px -80px; } 444 | .ui-icon-extlink { background-position: -32px -80px; } 445 | .ui-icon-newwin { background-position: -48px -80px; } 446 | .ui-icon-refresh { background-position: -64px -80px; } 447 | .ui-icon-shuffle { background-position: -80px -80px; } 448 | .ui-icon-transfer-e-w { background-position: -96px -80px; } 449 | .ui-icon-transferthick-e-w { background-position: -112px -80px; } 450 | .ui-icon-folder-collapsed { background-position: 0 -96px; } 451 | .ui-icon-folder-open { background-position: -16px -96px; } 452 | .ui-icon-document { background-position: -32px -96px; } 453 | .ui-icon-document-b { background-position: -48px -96px; } 454 | .ui-icon-note { background-position: -64px -96px; } 455 | .ui-icon-mail-closed { background-position: -80px -96px; } 456 | .ui-icon-mail-open { background-position: -96px -96px; } 457 | .ui-icon-suitcase { background-position: -112px -96px; } 458 | .ui-icon-comment { background-position: -128px -96px; } 459 | .ui-icon-person { background-position: -144px -96px; } 460 | .ui-icon-print { background-position: -160px -96px; } 461 | .ui-icon-trash { background-position: -176px -96px; } 462 | .ui-icon-locked { background-position: -192px -96px; } 463 | .ui-icon-unlocked { background-position: -208px -96px; } 464 | .ui-icon-bookmark { background-position: -224px -96px; } 465 | .ui-icon-tag { background-position: -240px -96px; } 466 | .ui-icon-home { background-position: 0 -112px; } 467 | .ui-icon-flag { background-position: -16px -112px; } 468 | .ui-icon-calendar { background-position: -32px -112px; } 469 | .ui-icon-cart { background-position: -48px -112px; } 470 | .ui-icon-pencil { background-position: -64px -112px; } 471 | .ui-icon-clock { background-position: -80px -112px; } 472 | .ui-icon-disk { background-position: -96px -112px; } 473 | .ui-icon-calculator { background-position: -112px -112px; } 474 | .ui-icon-zoomin { background-position: -128px -112px; } 475 | .ui-icon-zoomout { background-position: -144px -112px; } 476 | .ui-icon-search { background-position: -160px -112px; } 477 | .ui-icon-wrench { background-position: -176px -112px; } 478 | .ui-icon-gear { background-position: -192px -112px; } 479 | .ui-icon-heart { background-position: -208px -112px; } 480 | .ui-icon-star { background-position: -224px -112px; } 481 | .ui-icon-link { background-position: -240px -112px; } 482 | .ui-icon-cancel { background-position: 0 -128px; } 483 | .ui-icon-plus { background-position: -16px -128px; } 484 | .ui-icon-plusthick { background-position: -32px -128px; } 485 | .ui-icon-minus { background-position: -48px -128px; } 486 | .ui-icon-minusthick { background-position: -64px -128px; } 487 | .ui-icon-close { background-position: -80px -128px; } 488 | .ui-icon-closethick { background-position: -96px -128px; } 489 | .ui-icon-key { background-position: -112px -128px; } 490 | .ui-icon-lightbulb { background-position: -128px -128px; } 491 | .ui-icon-scissors { background-position: -144px -128px; } 492 | .ui-icon-clipboard { background-position: -160px -128px; } 493 | .ui-icon-copy { background-position: -176px -128px; } 494 | .ui-icon-contact { background-position: -192px -128px; } 495 | .ui-icon-image { background-position: -208px -128px; } 496 | .ui-icon-video { background-position: -224px -128px; } 497 | .ui-icon-script { background-position: -240px -128px; } 498 | .ui-icon-alert { background-position: 0 -144px; } 499 | .ui-icon-info { background-position: -16px -144px; } 500 | .ui-icon-notice { background-position: -32px -144px; } 501 | .ui-icon-help { background-position: -48px -144px; } 502 | .ui-icon-check { background-position: -64px -144px; } 503 | .ui-icon-bullet { background-position: -80px -144px; } 504 | .ui-icon-radio-off { background-position: -96px -144px; } 505 | .ui-icon-radio-on { background-position: -112px -144px; } 506 | .ui-icon-pin-w { background-position: -128px -144px; } 507 | .ui-icon-pin-s { background-position: -144px -144px; } 508 | .ui-icon-play { background-position: 0 -160px; } 509 | .ui-icon-pause { background-position: -16px -160px; } 510 | .ui-icon-seek-next { background-position: -32px -160px; } 511 | .ui-icon-seek-prev { background-position: -48px -160px; } 512 | .ui-icon-seek-end { background-position: -64px -160px; } 513 | .ui-icon-seek-start { background-position: -80px -160px; } 514 | /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ 515 | .ui-icon-seek-first { background-position: -80px -160px; } 516 | .ui-icon-stop { background-position: -96px -160px; } 517 | .ui-icon-eject { background-position: -112px -160px; } 518 | .ui-icon-volume-off { background-position: -128px -160px; } 519 | .ui-icon-volume-on { background-position: -144px -160px; } 520 | .ui-icon-power { background-position: 0 -176px; } 521 | .ui-icon-signal-diag { background-position: -16px -176px; } 522 | .ui-icon-signal { background-position: -32px -176px; } 523 | .ui-icon-battery-0 { background-position: -48px -176px; } 524 | .ui-icon-battery-1 { background-position: -64px -176px; } 525 | .ui-icon-battery-2 { background-position: -80px -176px; } 526 | .ui-icon-battery-3 { background-position: -96px -176px; } 527 | .ui-icon-circle-plus { background-position: 0 -192px; } 528 | .ui-icon-circle-minus { background-position: -16px -192px; } 529 | .ui-icon-circle-close { background-position: -32px -192px; } 530 | .ui-icon-circle-triangle-e { background-position: -48px -192px; } 531 | .ui-icon-circle-triangle-s { background-position: -64px -192px; } 532 | .ui-icon-circle-triangle-w { background-position: -80px -192px; } 533 | .ui-icon-circle-triangle-n { background-position: -96px -192px; } 534 | .ui-icon-circle-arrow-e { background-position: -112px -192px; } 535 | .ui-icon-circle-arrow-s { background-position: -128px -192px; } 536 | .ui-icon-circle-arrow-w { background-position: -144px -192px; } 537 | .ui-icon-circle-arrow-n { background-position: -160px -192px; } 538 | .ui-icon-circle-zoomin { background-position: -176px -192px; } 539 | .ui-icon-circle-zoomout { background-position: -192px -192px; } 540 | .ui-icon-circle-check { background-position: -208px -192px; } 541 | .ui-icon-circlesmall-plus { background-position: 0 -208px; } 542 | .ui-icon-circlesmall-minus { background-position: -16px -208px; } 543 | .ui-icon-circlesmall-close { background-position: -32px -208px; } 544 | .ui-icon-squaresmall-plus { background-position: -48px -208px; } 545 | .ui-icon-squaresmall-minus { background-position: -64px -208px; } 546 | .ui-icon-squaresmall-close { background-position: -80px -208px; } 547 | .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } 548 | .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } 549 | .ui-icon-grip-solid-vertical { background-position: -32px -224px; } 550 | .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } 551 | .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } 552 | .ui-icon-grip-diagonal-se { background-position: -80px -224px; } 553 | 554 | 555 | /* Misc visuals 556 | ----------------------------------*/ 557 | 558 | /* Corner radius */ 559 | .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 4px/*{cornerRadius}*/; -webkit-border-top-left-radius: 4px/*{cornerRadius}*/; -khtml-border-top-left-radius: 4px/*{cornerRadius}*/; border-top-left-radius: 4px/*{cornerRadius}*/; } 560 | .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 4px/*{cornerRadius}*/; -webkit-border-top-right-radius: 4px/*{cornerRadius}*/; -khtml-border-top-right-radius: 4px/*{cornerRadius}*/; border-top-right-radius: 4px/*{cornerRadius}*/; } 561 | .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 4px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 4px/*{cornerRadius}*/; -khtml-border-bottom-left-radius: 4px/*{cornerRadius}*/; border-bottom-left-radius: 4px/*{cornerRadius}*/; } 562 | .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 4px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 4px/*{cornerRadius}*/; -khtml-border-bottom-right-radius: 4px/*{cornerRadius}*/; border-bottom-right-radius: 4px/*{cornerRadius}*/; } 563 | 564 | /* Overlays */ 565 | .ui-widget-overlay { background: #aaaaaa/*{bgColorOverlay}*/ url(images/ui-bg_flat_0_aaaaaa_40x100.png)/*{bgImgUrlOverlay}*/ 50%/*{bgOverlayXPos}*/ 50%/*{bgOverlayYPos}*/ repeat-x/*{bgOverlayRepeat}*/; opacity: .3;filter:Alpha(Opacity=30)/*{opacityOverlay}*/; } 566 | .ui-widget-shadow { margin: -8px/*{offsetTopShadow}*/ 0 0 -8px/*{offsetLeftShadow}*/; padding: 8px/*{thicknessShadow}*/; background: #aaaaaa/*{bgColorShadow}*/ url(images/ui-bg_flat_0_aaaaaa_40x100.png)/*{bgImgUrlShadow}*/ 50%/*{bgShadowXPos}*/ 50%/*{bgShadowYPos}*/ repeat-x/*{bgShadowRepeat}*/; opacity: .3;filter:Alpha(Opacity=30)/*{opacityShadow}*/; -moz-border-radius: 8px/*{cornerRadiusShadow}*/; -khtml-border-radius: 8px/*{cornerRadiusShadow}*/; -webkit-border-radius: 8px/*{cornerRadiusShadow}*/; border-radius: 8px/*{cornerRadiusShadow}*/; } --------------------------------------------------------------------------------