scrubbable torque
BIN
css/jqueryui-smoothness/images/animated-overlay.gif
Executable file
After Width: | Height: | Size: 1.7 KiB |
BIN
css/jqueryui-smoothness/images/ui-bg_flat_0_aaaaaa_40x100.png
Executable file
After Width: | Height: | Size: 212 B |
BIN
css/jqueryui-smoothness/images/ui-bg_flat_75_ffffff_40x100.png
Executable file
After Width: | Height: | Size: 208 B |
BIN
css/jqueryui-smoothness/images/ui-bg_glass_55_fbf9ee_1x400.png
Executable file
After Width: | Height: | Size: 335 B |
BIN
css/jqueryui-smoothness/images/ui-bg_glass_65_ffffff_1x400.png
Executable file
After Width: | Height: | Size: 207 B |
BIN
css/jqueryui-smoothness/images/ui-bg_glass_75_dadada_1x400.png
Executable file
After Width: | Height: | Size: 262 B |
BIN
css/jqueryui-smoothness/images/ui-bg_glass_75_e6e6e6_1x400.png
Executable file
After Width: | Height: | Size: 262 B |
BIN
css/jqueryui-smoothness/images/ui-bg_glass_95_fef1ec_1x400.png
Executable file
After Width: | Height: | Size: 332 B |
BIN
css/jqueryui-smoothness/images/ui-bg_highlight-soft_75_cccccc_1x100.png
Executable file
After Width: | Height: | Size: 280 B |
BIN
css/jqueryui-smoothness/images/ui-icons_222222_256x240.png
Executable file
After Width: | Height: | Size: 6.8 KiB |
BIN
css/jqueryui-smoothness/images/ui-icons_2e83ff_256x240.png
Executable file
After Width: | Height: | Size: 4.4 KiB |
BIN
css/jqueryui-smoothness/images/ui-icons_454545_256x240.png
Executable file
After Width: | Height: | Size: 6.8 KiB |
BIN
css/jqueryui-smoothness/images/ui-icons_888888_256x240.png
Executable file
After Width: | Height: | Size: 6.8 KiB |
BIN
css/jqueryui-smoothness/images/ui-icons_cd0a0a_256x240.png
Executable file
After Width: | Height: | Size: 4.4 KiB |
544
css/jqueryui-smoothness/jquery-ui-1.10.2.custom.css
vendored
Executable file
@ -0,0 +1,544 @@
|
|||||||
|
/*! jQuery UI - v1.10.2 - 2013-03-29
|
||||||
|
* http://jqueryui.com
|
||||||
|
* Includes: jquery.ui.core.css, jquery.ui.slider.css
|
||||||
|
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=highlight_soft&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=glass&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=glass&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
|
||||||
|
* Copyright 2013 jQuery Foundation and other contributors Licensed MIT */
|
||||||
|
|
||||||
|
/* Layout helpers
|
||||||
|
----------------------------------*/
|
||||||
|
.ui-helper-hidden {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
.ui-helper-hidden-accessible {
|
||||||
|
border: 0;
|
||||||
|
clip: rect(0 0 0 0);
|
||||||
|
height: 1px;
|
||||||
|
margin: -1px;
|
||||||
|
overflow: hidden;
|
||||||
|
padding: 0;
|
||||||
|
position: absolute;
|
||||||
|
width: 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:before,
|
||||||
|
.ui-helper-clearfix:after {
|
||||||
|
content: "";
|
||||||
|
display: table;
|
||||||
|
border-collapse: collapse;
|
||||||
|
}
|
||||||
|
.ui-helper-clearfix:after {
|
||||||
|
clear: both;
|
||||||
|
}
|
||||||
|
.ui-helper-clearfix {
|
||||||
|
min-height: 0; /* support: IE7 */
|
||||||
|
}
|
||||||
|
.ui-helper-zfix {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
position: absolute;
|
||||||
|
opacity: 0;
|
||||||
|
filter:Alpha(Opacity=0);
|
||||||
|
}
|
||||||
|
|
||||||
|
.ui-front {
|
||||||
|
z-index: 100;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/* Interaction Cues
|
||||||
|
----------------------------------*/
|
||||||
|
.ui-state-disabled {
|
||||||
|
cursor: default !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/* Icons
|
||||||
|
----------------------------------*/
|
||||||
|
|
||||||
|
/* states and images */
|
||||||
|
.ui-icon {
|
||||||
|
display: block;
|
||||||
|
text-indent: -99999px;
|
||||||
|
overflow: hidden;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/* Misc visuals
|
||||||
|
----------------------------------*/
|
||||||
|
|
||||||
|
/* Overlays */
|
||||||
|
.ui-widget-overlay {
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
.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;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* For IE8 - See #6727 */
|
||||||
|
.ui-slider.ui-state-disabled .ui-slider-handle,
|
||||||
|
.ui-slider.ui-state-disabled .ui-slider-range {
|
||||||
|
filter: inherit;
|
||||||
|
}
|
||||||
|
|
||||||
|
.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;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Component containers
|
||||||
|
----------------------------------*/
|
||||||
|
.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 #aaaaaa;
|
||||||
|
background: #ffffff url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;
|
||||||
|
color: #222222;
|
||||||
|
}
|
||||||
|
.ui-widget-content a {
|
||||||
|
color: #222222;
|
||||||
|
}
|
||||||
|
.ui-widget-header {
|
||||||
|
border: 1px solid #aaaaaa;
|
||||||
|
background: #cccccc url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x;
|
||||||
|
color: #222222;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
.ui-widget-header a {
|
||||||
|
color: #222222;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Interaction states
|
||||||
|
----------------------------------*/
|
||||||
|
.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: #555555;
|
||||||
|
}
|
||||||
|
.ui-state-default a,
|
||||||
|
.ui-state-default a:link,
|
||||||
|
.ui-state-default a:visited {
|
||||||
|
color: #555555;
|
||||||
|
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 #999999;
|
||||||
|
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,
|
||||||
|
.ui-state-hover a:link,
|
||||||
|
.ui-state-hover a:visited {
|
||||||
|
color: #212121;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
.ui-state-active,
|
||||||
|
.ui-widget-content .ui-state-active,
|
||||||
|
.ui-widget-header .ui-state-active {
|
||||||
|
border: 1px solid #aaaaaa;
|
||||||
|
background: #ffffff 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;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Interaction Cues
|
||||||
|
----------------------------------*/
|
||||||
|
.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-state-disabled .ui-icon {
|
||||||
|
filter:Alpha(Opacity=35); /* For IE8 - See #6059 */
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Icons
|
||||||
|
----------------------------------*/
|
||||||
|
|
||||||
|
/* states and images */
|
||||||
|
.ui-icon {
|
||||||
|
width: 16px;
|
||||||
|
height: 16px;
|
||||||
|
}
|
||||||
|
.ui-icon,
|
||||||
|
.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);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* positioning */
|
||||||
|
.ui-icon-blank { background-position: 16px 16px; }
|
||||||
|
.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-on { background-position: -96px -144px; }
|
||||||
|
.ui-icon-radio-off { 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 is deprecated, use ui-icon-seek-start instead */
|
||||||
|
.ui-icon-seek-first { background-position: -80px -160px; }
|
||||||
|
.ui-icon-stop { background-position: -96px -160px; }
|
||||||
|
.ui-icon-eject { background-position: -112px -160px; }
|
||||||
|
.ui-icon-volume-off { background-position: -128px -160px; }
|
||||||
|
.ui-icon-volume-on { background-position: -144px -160px; }
|
||||||
|
.ui-icon-power { background-position: 0 -176px; }
|
||||||
|
.ui-icon-signal-diag { background-position: -16px -176px; }
|
||||||
|
.ui-icon-signal { background-position: -32px -176px; }
|
||||||
|
.ui-icon-battery-0 { background-position: -48px -176px; }
|
||||||
|
.ui-icon-battery-1 { background-position: -64px -176px; }
|
||||||
|
.ui-icon-battery-2 { background-position: -80px -176px; }
|
||||||
|
.ui-icon-battery-3 { background-position: -96px -176px; }
|
||||||
|
.ui-icon-circle-plus { background-position: 0 -192px; }
|
||||||
|
.ui-icon-circle-minus { background-position: -16px -192px; }
|
||||||
|
.ui-icon-circle-close { background-position: -32px -192px; }
|
||||||
|
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
|
||||||
|
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
|
||||||
|
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
|
||||||
|
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
|
||||||
|
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
|
||||||
|
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
|
||||||
|
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
|
||||||
|
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
|
||||||
|
.ui-icon-circle-zoomin { background-position: -176px -192px; }
|
||||||
|
.ui-icon-circle-zoomout { background-position: -192px -192px; }
|
||||||
|
.ui-icon-circle-check { background-position: -208px -192px; }
|
||||||
|
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
|
||||||
|
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
|
||||||
|
.ui-icon-circlesmall-close { background-position: -32px -208px; }
|
||||||
|
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
|
||||||
|
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
|
||||||
|
.ui-icon-squaresmall-close { background-position: -80px -208px; }
|
||||||
|
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
|
||||||
|
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
|
||||||
|
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
|
||||||
|
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
|
||||||
|
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
|
||||||
|
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }
|
||||||
|
|
||||||
|
|
||||||
|
/* Misc visuals
|
||||||
|
----------------------------------*/
|
||||||
|
|
||||||
|
/* Corner radius */
|
||||||
|
.ui-corner-all,
|
||||||
|
.ui-corner-top,
|
||||||
|
.ui-corner-left,
|
||||||
|
.ui-corner-tl {
|
||||||
|
border-top-left-radius: 4px;
|
||||||
|
}
|
||||||
|
.ui-corner-all,
|
||||||
|
.ui-corner-top,
|
||||||
|
.ui-corner-right,
|
||||||
|
.ui-corner-tr {
|
||||||
|
border-top-right-radius: 4px;
|
||||||
|
}
|
||||||
|
.ui-corner-all,
|
||||||
|
.ui-corner-bottom,
|
||||||
|
.ui-corner-left,
|
||||||
|
.ui-corner-bl {
|
||||||
|
border-bottom-left-radius: 4px;
|
||||||
|
}
|
||||||
|
.ui-corner-all,
|
||||||
|
.ui-corner-bottom,
|
||||||
|
.ui-corner-right,
|
||||||
|
.ui-corner-br {
|
||||||
|
border-bottom-right-radius: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Overlays */
|
||||||
|
.ui-widget-overlay {
|
||||||
|
background: #aaaaaa 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: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
|
||||||
|
opacity: .3;
|
||||||
|
filter: Alpha(Opacity=30);
|
||||||
|
border-radius: 8px;
|
||||||
|
}
|
5
css/jqueryui-smoothness/jquery-ui-1.10.2.custom.min.css
vendored
Executable file
113
examples/uspo-scrub.html
Normal file
@ -0,0 +1,113 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
|
||||||
|
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
|
||||||
|
<title>CartoDB + Time</title>
|
||||||
|
<link rel="shortcut icon" href="http://cartodb.com/favicon/favicon_32x32.ico" />
|
||||||
|
<link href="http://code.google.com/apis/maps/documentation/javascript/examples/default.css" rel="stylesheet" type="text/css" />
|
||||||
|
<link rel="stylesheet" href="../lib/cartodb.css">
|
||||||
|
<link rel="stylesheet" href="../css/jqueryui-smoothness/jquery-ui-1.10.2.custom.min.css">
|
||||||
|
<style>
|
||||||
|
#slider{
|
||||||
|
position:absolute;
|
||||||
|
top:5px;
|
||||||
|
right:25px;
|
||||||
|
width:300px;
|
||||||
|
display:none;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
|
||||||
|
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false"></script>
|
||||||
|
<script type="text/javascript" src="../lib/jquery-ui-1.10.2.custom.min.js"></script>
|
||||||
|
<script type="text/javascript" src="../lib/wax.g.js"></script>
|
||||||
|
<script type="text/javascript" src="../lib/cartodb-gmapsv3.js"></script>
|
||||||
|
<script type="text/javascript" src="../lib/dat.gui.min.js"></script>
|
||||||
|
<script type="text/javascript" src="../lib/underscore-min.js"></script>
|
||||||
|
<script type="text/javascript" src="../lib/backbone.js"></script>
|
||||||
|
<script type="text/javascript" src="../lib/class.js"></script>
|
||||||
|
<script type="text/javascript" src="../lib/backbone.cartodb.js"></script>
|
||||||
|
<script type="text/javascript" src="../src/canvas_tile_layer.js"></script>
|
||||||
|
<script type="text/javascript" src="../src/grid_layer.js"></script>
|
||||||
|
<script type="text/javascript" src="../src/torque.js"></script>
|
||||||
|
<script type="text/javascript">
|
||||||
|
var gui;
|
||||||
|
function initialize() {
|
||||||
|
// initialise the google map
|
||||||
|
var map = new google.maps.Map(document.getElementById('map_canvas'), {
|
||||||
|
center: new google.maps.LatLng(38.27268853598097,-88.2421875),
|
||||||
|
zoom: 5,
|
||||||
|
mapTypeId:google.maps.MapTypeId.SATELLITE,
|
||||||
|
mapTypeControl:false,
|
||||||
|
minZoom:1,
|
||||||
|
scrollwheel: false,
|
||||||
|
panControl: false,
|
||||||
|
zoomControl: false,
|
||||||
|
scaleControl: false,
|
||||||
|
streetViewControl: false,
|
||||||
|
overviewMapControl: false,
|
||||||
|
});
|
||||||
|
|
||||||
|
var map_style = {};
|
||||||
|
map_style.google_maps_customization_style = [
|
||||||
|
{
|
||||||
|
stylers:[
|
||||||
|
{ invert_lightness:true },
|
||||||
|
{ weight:1 },
|
||||||
|
{ saturation:-100 },
|
||||||
|
{ lightness:-40 }
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
elementType:"labels",
|
||||||
|
stylers:[
|
||||||
|
{ visibility:"simplified" }
|
||||||
|
]
|
||||||
|
}
|
||||||
|
];
|
||||||
|
|
||||||
|
var Soft = function () {
|
||||||
|
this.Soft = function () {
|
||||||
|
map.setMapTypeId(google.maps.MapTypeId.ROADMAP);
|
||||||
|
map.setOptions({styles:map_style.google_maps_customization_style});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
map.setMapTypeId(google.maps.MapTypeId.ROADMAP);
|
||||||
|
map.setOptions({styles:map_style.google_maps_customization_style});
|
||||||
|
|
||||||
|
var TorqueOptions = {
|
||||||
|
user: "viz2",
|
||||||
|
table: "us_po_offices",
|
||||||
|
column: "built",
|
||||||
|
cumulative: true,
|
||||||
|
resolution: 2,
|
||||||
|
steps: 250,
|
||||||
|
fps: 24,
|
||||||
|
fitbounds: false,
|
||||||
|
clock: true,
|
||||||
|
blendmode: 'source-over',
|
||||||
|
trails: false,
|
||||||
|
point_type:'circle',
|
||||||
|
cellsize:2,
|
||||||
|
scrub: true
|
||||||
|
}
|
||||||
|
|
||||||
|
var torque = null;
|
||||||
|
Torque(function (env) {
|
||||||
|
Torque.app = new env.app.Instance();
|
||||||
|
torque = new Torque.app.addLayer(map, TorqueOptions);
|
||||||
|
Torque.env = env;
|
||||||
|
});
|
||||||
|
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
</head>
|
||||||
|
<body onload="initialize()">
|
||||||
|
<div id="map_canvas"></div>
|
||||||
|
<div id="slider"></div>
|
||||||
|
<div class="torque_time"></div>
|
||||||
|
<a class="cartodb_logo" href="http://www.cartodb.com" target="_blank">CartoDB</a>
|
||||||
|
</body>
|
||||||
|
</html>
|
BIN
jquery-ui-1.10.2.custom.zip
Normal file
BIN
jquery-ui-1.10.2.custom/css/smoothness/images/animated-overlay.gif
Executable file
After Width: | Height: | Size: 1.7 KiB |
BIN
jquery-ui-1.10.2.custom/css/smoothness/images/ui-bg_flat_0_aaaaaa_40x100.png
Executable file
After Width: | Height: | Size: 212 B |
BIN
jquery-ui-1.10.2.custom/css/smoothness/images/ui-bg_flat_75_ffffff_40x100.png
Executable file
After Width: | Height: | Size: 208 B |
BIN
jquery-ui-1.10.2.custom/css/smoothness/images/ui-bg_glass_55_fbf9ee_1x400.png
Executable file
After Width: | Height: | Size: 335 B |
BIN
jquery-ui-1.10.2.custom/css/smoothness/images/ui-bg_glass_65_ffffff_1x400.png
Executable file
After Width: | Height: | Size: 207 B |
BIN
jquery-ui-1.10.2.custom/css/smoothness/images/ui-bg_glass_75_dadada_1x400.png
Executable file
After Width: | Height: | Size: 262 B |
BIN
jquery-ui-1.10.2.custom/css/smoothness/images/ui-bg_glass_75_e6e6e6_1x400.png
Executable file
After Width: | Height: | Size: 262 B |
BIN
jquery-ui-1.10.2.custom/css/smoothness/images/ui-bg_glass_95_fef1ec_1x400.png
Executable file
After Width: | Height: | Size: 332 B |
After Width: | Height: | Size: 280 B |
BIN
jquery-ui-1.10.2.custom/css/smoothness/images/ui-icons_222222_256x240.png
Executable file
After Width: | Height: | Size: 6.8 KiB |
BIN
jquery-ui-1.10.2.custom/css/smoothness/images/ui-icons_2e83ff_256x240.png
Executable file
After Width: | Height: | Size: 4.4 KiB |
BIN
jquery-ui-1.10.2.custom/css/smoothness/images/ui-icons_454545_256x240.png
Executable file
After Width: | Height: | Size: 6.8 KiB |
BIN
jquery-ui-1.10.2.custom/css/smoothness/images/ui-icons_888888_256x240.png
Executable file
After Width: | Height: | Size: 6.8 KiB |
BIN
jquery-ui-1.10.2.custom/css/smoothness/images/ui-icons_cd0a0a_256x240.png
Executable file
After Width: | Height: | Size: 4.4 KiB |
544
jquery-ui-1.10.2.custom/css/smoothness/jquery-ui-1.10.2.custom.css
vendored
Executable file
@ -0,0 +1,544 @@
|
|||||||
|
/*! jQuery UI - v1.10.2 - 2013-03-29
|
||||||
|
* http://jqueryui.com
|
||||||
|
* Includes: jquery.ui.core.css, jquery.ui.slider.css
|
||||||
|
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=highlight_soft&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=glass&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=glass&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
|
||||||
|
* Copyright 2013 jQuery Foundation and other contributors Licensed MIT */
|
||||||
|
|
||||||
|
/* Layout helpers
|
||||||
|
----------------------------------*/
|
||||||
|
.ui-helper-hidden {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
.ui-helper-hidden-accessible {
|
||||||
|
border: 0;
|
||||||
|
clip: rect(0 0 0 0);
|
||||||
|
height: 1px;
|
||||||
|
margin: -1px;
|
||||||
|
overflow: hidden;
|
||||||
|
padding: 0;
|
||||||
|
position: absolute;
|
||||||
|
width: 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:before,
|
||||||
|
.ui-helper-clearfix:after {
|
||||||
|
content: "";
|
||||||
|
display: table;
|
||||||
|
border-collapse: collapse;
|
||||||
|
}
|
||||||
|
.ui-helper-clearfix:after {
|
||||||
|
clear: both;
|
||||||
|
}
|
||||||
|
.ui-helper-clearfix {
|
||||||
|
min-height: 0; /* support: IE7 */
|
||||||
|
}
|
||||||
|
.ui-helper-zfix {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
position: absolute;
|
||||||
|
opacity: 0;
|
||||||
|
filter:Alpha(Opacity=0);
|
||||||
|
}
|
||||||
|
|
||||||
|
.ui-front {
|
||||||
|
z-index: 100;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/* Interaction Cues
|
||||||
|
----------------------------------*/
|
||||||
|
.ui-state-disabled {
|
||||||
|
cursor: default !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/* Icons
|
||||||
|
----------------------------------*/
|
||||||
|
|
||||||
|
/* states and images */
|
||||||
|
.ui-icon {
|
||||||
|
display: block;
|
||||||
|
text-indent: -99999px;
|
||||||
|
overflow: hidden;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/* Misc visuals
|
||||||
|
----------------------------------*/
|
||||||
|
|
||||||
|
/* Overlays */
|
||||||
|
.ui-widget-overlay {
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
.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;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* For IE8 - See #6727 */
|
||||||
|
.ui-slider.ui-state-disabled .ui-slider-handle,
|
||||||
|
.ui-slider.ui-state-disabled .ui-slider-range {
|
||||||
|
filter: inherit;
|
||||||
|
}
|
||||||
|
|
||||||
|
.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;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Component containers
|
||||||
|
----------------------------------*/
|
||||||
|
.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 #aaaaaa;
|
||||||
|
background: #ffffff url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;
|
||||||
|
color: #222222;
|
||||||
|
}
|
||||||
|
.ui-widget-content a {
|
||||||
|
color: #222222;
|
||||||
|
}
|
||||||
|
.ui-widget-header {
|
||||||
|
border: 1px solid #aaaaaa;
|
||||||
|
background: #cccccc url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x;
|
||||||
|
color: #222222;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
.ui-widget-header a {
|
||||||
|
color: #222222;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Interaction states
|
||||||
|
----------------------------------*/
|
||||||
|
.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: #555555;
|
||||||
|
}
|
||||||
|
.ui-state-default a,
|
||||||
|
.ui-state-default a:link,
|
||||||
|
.ui-state-default a:visited {
|
||||||
|
color: #555555;
|
||||||
|
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 #999999;
|
||||||
|
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,
|
||||||
|
.ui-state-hover a:link,
|
||||||
|
.ui-state-hover a:visited {
|
||||||
|
color: #212121;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
.ui-state-active,
|
||||||
|
.ui-widget-content .ui-state-active,
|
||||||
|
.ui-widget-header .ui-state-active {
|
||||||
|
border: 1px solid #aaaaaa;
|
||||||
|
background: #ffffff 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;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Interaction Cues
|
||||||
|
----------------------------------*/
|
||||||
|
.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-state-disabled .ui-icon {
|
||||||
|
filter:Alpha(Opacity=35); /* For IE8 - See #6059 */
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Icons
|
||||||
|
----------------------------------*/
|
||||||
|
|
||||||
|
/* states and images */
|
||||||
|
.ui-icon {
|
||||||
|
width: 16px;
|
||||||
|
height: 16px;
|
||||||
|
}
|
||||||
|
.ui-icon,
|
||||||
|
.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);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* positioning */
|
||||||
|
.ui-icon-blank { background-position: 16px 16px; }
|
||||||
|
.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-on { background-position: -96px -144px; }
|
||||||
|
.ui-icon-radio-off { 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 is deprecated, use ui-icon-seek-start instead */
|
||||||
|
.ui-icon-seek-first { background-position: -80px -160px; }
|
||||||
|
.ui-icon-stop { background-position: -96px -160px; }
|
||||||
|
.ui-icon-eject { background-position: -112px -160px; }
|
||||||
|
.ui-icon-volume-off { background-position: -128px -160px; }
|
||||||
|
.ui-icon-volume-on { background-position: -144px -160px; }
|
||||||
|
.ui-icon-power { background-position: 0 -176px; }
|
||||||
|
.ui-icon-signal-diag { background-position: -16px -176px; }
|
||||||
|
.ui-icon-signal { background-position: -32px -176px; }
|
||||||
|
.ui-icon-battery-0 { background-position: -48px -176px; }
|
||||||
|
.ui-icon-battery-1 { background-position: -64px -176px; }
|
||||||
|
.ui-icon-battery-2 { background-position: -80px -176px; }
|
||||||
|
.ui-icon-battery-3 { background-position: -96px -176px; }
|
||||||
|
.ui-icon-circle-plus { background-position: 0 -192px; }
|
||||||
|
.ui-icon-circle-minus { background-position: -16px -192px; }
|
||||||
|
.ui-icon-circle-close { background-position: -32px -192px; }
|
||||||
|
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
|
||||||
|
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
|
||||||
|
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
|
||||||
|
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
|
||||||
|
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
|
||||||
|
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
|
||||||
|
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
|
||||||
|
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
|
||||||
|
.ui-icon-circle-zoomin { background-position: -176px -192px; }
|
||||||
|
.ui-icon-circle-zoomout { background-position: -192px -192px; }
|
||||||
|
.ui-icon-circle-check { background-position: -208px -192px; }
|
||||||
|
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
|
||||||
|
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
|
||||||
|
.ui-icon-circlesmall-close { background-position: -32px -208px; }
|
||||||
|
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
|
||||||
|
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
|
||||||
|
.ui-icon-squaresmall-close { background-position: -80px -208px; }
|
||||||
|
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
|
||||||
|
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
|
||||||
|
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
|
||||||
|
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
|
||||||
|
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
|
||||||
|
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }
|
||||||
|
|
||||||
|
|
||||||
|
/* Misc visuals
|
||||||
|
----------------------------------*/
|
||||||
|
|
||||||
|
/* Corner radius */
|
||||||
|
.ui-corner-all,
|
||||||
|
.ui-corner-top,
|
||||||
|
.ui-corner-left,
|
||||||
|
.ui-corner-tl {
|
||||||
|
border-top-left-radius: 4px;
|
||||||
|
}
|
||||||
|
.ui-corner-all,
|
||||||
|
.ui-corner-top,
|
||||||
|
.ui-corner-right,
|
||||||
|
.ui-corner-tr {
|
||||||
|
border-top-right-radius: 4px;
|
||||||
|
}
|
||||||
|
.ui-corner-all,
|
||||||
|
.ui-corner-bottom,
|
||||||
|
.ui-corner-left,
|
||||||
|
.ui-corner-bl {
|
||||||
|
border-bottom-left-radius: 4px;
|
||||||
|
}
|
||||||
|
.ui-corner-all,
|
||||||
|
.ui-corner-bottom,
|
||||||
|
.ui-corner-right,
|
||||||
|
.ui-corner-br {
|
||||||
|
border-bottom-right-radius: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Overlays */
|
||||||
|
.ui-widget-overlay {
|
||||||
|
background: #aaaaaa 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: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
|
||||||
|
opacity: .3;
|
||||||
|
filter: Alpha(Opacity=30);
|
||||||
|
border-radius: 8px;
|
||||||
|
}
|
5
jquery-ui-1.10.2.custom/css/smoothness/jquery-ui-1.10.2.custom.min.css
vendored
Executable file
242
jquery-ui-1.10.2.custom/development-bundle/AUTHORS.txt
Executable file
@ -0,0 +1,242 @@
|
|||||||
|
Authors ordered by first contribution
|
||||||
|
A list of current team members is available at http://jqueryui.com/about
|
||||||
|
|
||||||
|
Paul Bakaus <paul.bakaus@googlemail.com>
|
||||||
|
Richard Worth <rdworth@gmail.com>
|
||||||
|
Yehuda Katz <wycats@gmail.com>
|
||||||
|
Sean Catchpole <sean@sunsean.com>
|
||||||
|
John Resig <jeresig@gmail.com>
|
||||||
|
Tane Piper <piper.tane@gmail.com>
|
||||||
|
Dmitri Gaskin <dmitrig01@gmail.com>
|
||||||
|
Klaus Hartl <klaus.hartl@googlemail.com>
|
||||||
|
Stefan Petre <stefan.petre@gmail.com>
|
||||||
|
Gilles van den Hoven <gilles@webunity.nl>
|
||||||
|
Micheil Bryan Smith <micheil@brandedcode.com>
|
||||||
|
Jörn Zaefferer <joern.zaefferer@gmail.com>
|
||||||
|
Marc Grabanski <m@marcgrabanski.com>
|
||||||
|
Keith Wood <kbwood.au@gmail.com>
|
||||||
|
Brandon Aaron <brandon.aaron@gmail.com>
|
||||||
|
Scott González <scott.gonzalez@gmail.com>
|
||||||
|
Eduardo Lundgren <eduardolundgren@gmail.com>
|
||||||
|
Aaron Eisenberger <aaronchi@gmail.com>
|
||||||
|
Joan Piedra <theneojp@gmail.com>
|
||||||
|
Bruno Basto <b.basto@gmail.com>
|
||||||
|
Remy Sharp <remy@leftlogic.com>
|
||||||
|
Bohdan Ganicky <bohdan.ganicky@gmail.com>
|
||||||
|
David Bolter <david.bolter@gmail.com>
|
||||||
|
Chi Cheng <cloudream@gmail.com>
|
||||||
|
Ca-Phun Ung <pazu2k@gmail.com>
|
||||||
|
Ariel Flesler <aflesler@gmail.com>
|
||||||
|
Maggie Costello Wachs <fg.maggie@gmail.com>
|
||||||
|
Scott Jehl <scott@scottjehl.com>
|
||||||
|
Todd Parker <fg.todd@gmail.com>
|
||||||
|
Andrew Powell <powella@gmail.com>
|
||||||
|
Brant Burnett <btburnett3@gmail.com>
|
||||||
|
Douglas Neiner <doug@pixelgraphics.us>
|
||||||
|
Paul Irish <paul.irish@gmail.com>
|
||||||
|
Ralph Whitbeck <ralph.whitbeck@gmail.com>
|
||||||
|
Thibault Duplessis <thibault.duplessis@gmail.com>
|
||||||
|
Dominique Vincent <dominique.vincent@toitl.com>
|
||||||
|
Jack Hsu <jack.hsu@gmail.com>
|
||||||
|
Adam Sontag <ajpiano@ajpiano.com>
|
||||||
|
Carl Fürstenberg <carl@excito.com>
|
||||||
|
Kevin Dalman <development@allpro.net>
|
||||||
|
Alberto Fernández Capel <afcapel@gmail.com>
|
||||||
|
Jacek Jędrzejewski (http://jacek.jedrzejewski.name)
|
||||||
|
Ting Kuei <ting@kuei.com>
|
||||||
|
Samuel Cormier-Iijima <sam@chide.it>
|
||||||
|
Jon Palmer <jonspalmer@gmail.com>
|
||||||
|
Ben Hollis <bhollis@amazon.com>
|
||||||
|
Justin MacCarthy <Justin@Rubystars.biz>
|
||||||
|
Eyal Kobrigo <kobrigo@hotmail.com>
|
||||||
|
Tiago Freire <tiago.freire@gmail.com>
|
||||||
|
Diego Tres <diegotres@gmail.com>
|
||||||
|
Holger Rüprich <holger@rueprich.de>
|
||||||
|
Ziling Zhao <zizhao@cisco.com>
|
||||||
|
Mike Alsup <malsup@gmail.com>
|
||||||
|
Robson Braga Araujo <robsonbraga@gmail.com>
|
||||||
|
Pierre-Henri Ausseil <ph.ausseil@gmail.com>
|
||||||
|
Christopher McCulloh <cmcculloh@gmail.com>
|
||||||
|
Andrew Newcomb <ext.github@preceptsoftware.co.uk>
|
||||||
|
Lim Chee Aun <cheeaun@gmail.com>
|
||||||
|
Jorge Barreiro <yortx.barry@gmail.com>
|
||||||
|
Daniel Steigerwald <daniel@steigerwald.cz>
|
||||||
|
John Firebaugh <john_firebaugh@bigfix.com>
|
||||||
|
John Enters <github@darkdark.net>
|
||||||
|
Andrey Kapitcyn <ru.m157y@gmail.com>
|
||||||
|
Dmitry Petrov <dpetroff@gmail.com>
|
||||||
|
Eric Hynds <eric@hynds.net>
|
||||||
|
Chairat Sunthornwiphat <pipo@sixhead.com>
|
||||||
|
Josh Varner <josh.varner@gmail.com>
|
||||||
|
Stéphane Raimbault <stephane.raimbault@gmail.com>
|
||||||
|
Jay Merrifield <fracmak@gmail.com>
|
||||||
|
J. Ryan Stinnett <jryans@gmail.com>
|
||||||
|
Peter Heiberg <peter@heiberg.se>
|
||||||
|
Alex Dovenmuehle <adovenmuehle@gmail.com>
|
||||||
|
Jamie Gegerson <git@jamiegegerson.com>
|
||||||
|
Raymond Schwartz <skeetergraphics@gmail.com>
|
||||||
|
Phillip Barnes <philbar@gmail.com>
|
||||||
|
Kyle Wilkinson <kai@wikyd.org>
|
||||||
|
Khaled AlHourani <me@khaledalhourani.com>
|
||||||
|
Marian Rudzynski <mr@impaled.org>
|
||||||
|
Jean-Francois Remy <jfremy@virtuoz.com>
|
||||||
|
Doug Blood <dougblood@gmail.com>
|
||||||
|
Filippo Cavallarin <filippo.cavallarin@codseq.it>
|
||||||
|
Heiko Henning <h.henning@educa.ch>
|
||||||
|
Aliaksandr Rahalevich <saksmlz@gmail.com>
|
||||||
|
Mario Visic <mario@mariovisic.com>
|
||||||
|
Xavi Ramirez <xavi.rmz@gmail.com>
|
||||||
|
Max Schnur <max.schnur@gmail.com>
|
||||||
|
Saji Nediyanchath <saji89@gmail.com>
|
||||||
|
Corey Frang <gnarf@gnarf.net>
|
||||||
|
Aaron Peterson <aaronp123@yahoo.com>
|
||||||
|
Ivan Peters <ivan@ivanpeters.com>
|
||||||
|
Mohamed Cherif Bouchelaghem <cherifbouchelaghem@yahoo.fr>
|
||||||
|
Marcos Sousa <falecomigo@marcossousa.com>
|
||||||
|
Michael DellaNoce <mdellanoce@mailtrust.com>
|
||||||
|
George Marshall <echosx@gmail.com>
|
||||||
|
Tobias Brunner <tobias@strongswan.org>
|
||||||
|
Martin Solli <msolli@gmail.com>
|
||||||
|
David Petersen <public@petersendidit.com>
|
||||||
|
Dan Heberden <danheberden@gmail.com>
|
||||||
|
William Kevin Manire <williamkmanire@gmail.com>
|
||||||
|
Gilmore Davidson <gilmoreorless@gmail.com>
|
||||||
|
Michael Wu <michaelmwu@gmail.com>
|
||||||
|
Adam Parod <mystic414@gmail.com>
|
||||||
|
Guillaume Gautreau <guillaume+github@ghusse.com>
|
||||||
|
Marcel Toele <EleotleCram@gmail.com>
|
||||||
|
Dan Streetman <ddstreet@ieee.org>
|
||||||
|
Matt Hoskins <furlined@cat-basket.org>
|
||||||
|
Giovanni Giacobbi <giovanni@giacobbi.net>
|
||||||
|
Kyle Florence <kyle.florence@gmail.com>
|
||||||
|
Pavol Hluchý <lopo@losys.sk>
|
||||||
|
Hans Hillen <hans.hillen@gmail.com>
|
||||||
|
Mark Johnson <virgofx@live.com>
|
||||||
|
Trey Hunner <treyhunner@gmail.com>
|
||||||
|
Shane Whittet <whittet@gmail.com>
|
||||||
|
Edward A Faulkner <ef@alum.mit.edu>
|
||||||
|
Adam Baratz <adam@adambaratz.com>
|
||||||
|
Kato Kazuyoshi <kato.kazuyoshi@gmail.com>
|
||||||
|
Eike Send <eike.send@gmail.com>
|
||||||
|
Kris Borchers <kris.borchers@gmail.com>
|
||||||
|
Eddie Monge <eddie@eddiemonge.com>
|
||||||
|
Israel Tsadok <itsadok@gmail.com>
|
||||||
|
Carson McDonald <carson@ioncannon.net>
|
||||||
|
Jason Davies <jason@jasondavies.com>
|
||||||
|
Garrison Locke <gplocke@gmail.com>
|
||||||
|
David Murdoch <musicisair@yahoo.com>
|
||||||
|
Benjamin Scott Boyle <benjamins.boyle@gmail.com>
|
||||||
|
Jesse Baird <jebaird@gmail.com>
|
||||||
|
Jonathan Vingiano <jvingiano@gmail.com>
|
||||||
|
Dylan Just <dev@ephox.com>
|
||||||
|
Hiroshi Tomita <tomykaira@gmail.com>
|
||||||
|
Glenn Goodrich <glenn.goodrich@gmail.com>
|
||||||
|
Tarafder Ashek-E-Elahi <mail.ashek@gmail.com>
|
||||||
|
Ryan Neufeld <ryan@neufeldmail.com>
|
||||||
|
Marc Neuwirth <marc.neuwirth@gmail.com>
|
||||||
|
Philip Graham <philip.robert.graham@gmail.com>
|
||||||
|
Benjamin Sterling <benjamin.sterling@kenzomedia.com>
|
||||||
|
Wesley Walser <waw325@gmail.com>
|
||||||
|
Kouhei Sutou <kou@clear-code.com>
|
||||||
|
Karl Kirch <karlkrch@gmail.com>
|
||||||
|
Chris Kelly <ckdake@ckdake.com>
|
||||||
|
Jay Oster <jay@loyalize.com>
|
||||||
|
Alexander Polomoshnov <alex.polomoshnov@gmail.com>
|
||||||
|
David Leal <dgleal@gmail.com>
|
||||||
|
Igor Milla <igor.fsp.milla@gmail.com>
|
||||||
|
Dave Methvin <dave.methvin@gmail.com>
|
||||||
|
Florian Gutmann <f.gutmann@chronimo.com>
|
||||||
|
Marwan Al Jubeh <marwan.aljubeh@gmail.com>
|
||||||
|
Milan Broum <midlis@googlemail.com>
|
||||||
|
Sebastian Sauer <info@dynpages.de>
|
||||||
|
Gaëtan Muller <m.gaetan89@gmail.com>
|
||||||
|
Michel Weimerskirch <michel@weimerskirch.net>
|
||||||
|
William Griffiths <william@ycymro.com>
|
||||||
|
Stojce Slavkovski <stojce@gmail.com>
|
||||||
|
David Soms <david.soms@gmail.com>
|
||||||
|
David De Sloovere <david.desloovere@hotmail.com>
|
||||||
|
Michael P. Jung <michael.jung@terreon.de>
|
||||||
|
Shannon Pekary <spekary@gmail.com>
|
||||||
|
Matthew Edward Hutton <meh@corefiling.co.uk>
|
||||||
|
James Khoury <james@jameskhoury.com>
|
||||||
|
Rob Loach <robloach@gmail.com>
|
||||||
|
Alberto Monteiro <betimbrasil@gmail.com>
|
||||||
|
Alex Rhea <alex.rhea@gmail.com>
|
||||||
|
Krzysztof Rosiński <rozwell69@gmail.com>
|
||||||
|
Ryan Olton <oltonr@gmail.com>
|
||||||
|
Genie <386@mail.com>
|
||||||
|
Rick Waldron <waldron.rick@gmail.com>
|
||||||
|
Ian Simpson <spoonlikesham@gmail.com>
|
||||||
|
Lev Kitsis <spam4lev@gmail.com>
|
||||||
|
TJ VanToll <tj.vantoll@gmail.com>
|
||||||
|
Justin Domnitz <jdomnitz@gmail.com>
|
||||||
|
Douglas Cerna <douglascerna@yahoo.com>
|
||||||
|
Bert ter Heide <bertjh@hotmail.com>
|
||||||
|
Jasvir Nagra <jasvir@gmail.com>
|
||||||
|
Petr Hromadko <yuriy@tokyoscale.com>
|
||||||
|
Harri Kilpiö <harri.kilpio@gmail.com>
|
||||||
|
Lado Lomidze <lado.lomidze@gmail.com>
|
||||||
|
Amir E. Aharoni <amir.aharoni@mail.huji.ac.il>
|
||||||
|
Simon Sattes <simon.sattes@gmail.com>
|
||||||
|
Jo Liss <joliss42@gmail.com>
|
||||||
|
Guntupalli Karunakar <karunakarg@yahoo.com>
|
||||||
|
Shahyar Ghobadpour <shahyar@gmail.com>
|
||||||
|
Lukasz Lipinski <uzza17@gmail.com>
|
||||||
|
Timo Tijhof <krinklemail@gmail.com>
|
||||||
|
Jason Moon <jmoon@socialcast.com>
|
||||||
|
Martin Frost <martinf55@hotmail.com>
|
||||||
|
Eneko Illarramendi <eneko@illarra.com>
|
||||||
|
EungJun Yi <semtlenori@gmail.com>
|
||||||
|
Courtland Allen <courtlandallen@gmail.com>
|
||||||
|
Viktar Varvanovich <non4eg@gmail.com>
|
||||||
|
Danny Trunk <dtrunk90@gmail.com>
|
||||||
|
Pavel Stetina <pavel.stetina@nangu.tv>
|
||||||
|
Michael Stay <metaweta@gmail.com>
|
||||||
|
Steven Roussey <sroussey@gmail.com>
|
||||||
|
Michael Hollis <hollis21@gmail.com>
|
||||||
|
Lee Rowlands <lee.rowlands@previousnext.com.au>
|
||||||
|
Timmy Willison <timmywillisn@gmail.com>
|
||||||
|
Karl Swedberg <kswedberg@gmail.com>
|
||||||
|
Baoju Yuan <the_guy_1987@hotmail.com>
|
||||||
|
Maciej Mroziński <mrozik87@gmail.com>
|
||||||
|
Luis Dalmolin <luis.nh@gmail.com>
|
||||||
|
Mark Aaron Shirley <maspwr@gmail.com>
|
||||||
|
Martin Hoch <martin@fidion.de>
|
||||||
|
Jiayi Yang <tr870829@gmail.com>
|
||||||
|
Philipp Benjamin Köppchen <xgxtpbk@gws.ms>
|
||||||
|
Sindre Sorhus <sindresorhus@gmail.com>
|
||||||
|
Bernhard Sirlinger <bernhard.sirlinger@tele2.de>
|
||||||
|
Jared A. Scheel <jared@jaredscheel.com>
|
||||||
|
Rafael Xavier de Souza <rxaviers@gmail.com>
|
||||||
|
John Chen <zhang.z.chen@intel.com>
|
||||||
|
Dale Kocian <dale.kocian@gmail.com>
|
||||||
|
Mike Sherov <mike.sherov@gmail.com>
|
||||||
|
Andrew Couch <andy@couchand.com>
|
||||||
|
Marc-Andre Lafortune <github@marc-andre.ca>
|
||||||
|
Nate Eagle <nate.eagle@teamaol.com>
|
||||||
|
David Souther <davidsouther@gmail.com>
|
||||||
|
Mathias Stenbom <mathias@stenbom.com>
|
||||||
|
Sergey Kartashov <ebishkek@yandex.ru>
|
||||||
|
Avinash R <nashpapa@gmail.com>
|
||||||
|
Ethan Romba <ethanromba@gmail.com>
|
||||||
|
Cory Gackenheimer <cory.gack@gmail.com>
|
||||||
|
Juan Pablo Kaniefsky <jpkaniefsky@gmail.com>
|
||||||
|
Roman Salnikov <bardt.dz@gmail.com>
|
||||||
|
Anika Henke <anika@selfthinker.org>
|
||||||
|
Samuel Bovée <samycookie2000@yahoo.fr>
|
||||||
|
Fabrício Matté <ult_combo@hotmail.com>
|
||||||
|
Viktor Kojouharov <vkojouharov@gmail.com>
|
||||||
|
Pawel Maruszczyk <lord_t@o2.pl>
|
||||||
|
Pavel Selitskas <p.selitskas@gmail.com>
|
||||||
|
Bjørn Johansen <bjorn.johansen@metronet.no>
|
||||||
|
Matthieu Penant <thieum22@hotmail.com>
|
||||||
|
Dominic Barnes <dominic@dbarnes.info>
|
||||||
|
David Sullivan <david.sullivan@gmail.com>
|
||||||
|
Thomas Jaggi <thomas.jaggi@gmail.com>
|
||||||
|
Vahid Sohrabloo <vahid4134@gmail.com>
|
||||||
|
Travis Carden <travis.carden@gmail.com>
|
||||||
|
Bruno M. Custódio <bruno@brunomcustodio.com>
|
||||||
|
Nathanael Silverman <nathanael.silverman@gmail.com>
|
||||||
|
Christian Wenz <christian@wenz.org>
|
||||||
|
Steve Urmston <steve@urm.st>
|
||||||
|
Zaven Muradyan <megalivoithos@gmail.com>
|
378
jquery-ui-1.10.2.custom/development-bundle/Gruntfile.js
Executable file
@ -0,0 +1,378 @@
|
|||||||
|
module.exports = function( grunt ) {
|
||||||
|
|
||||||
|
"use strict";
|
||||||
|
|
||||||
|
var
|
||||||
|
// files
|
||||||
|
coreFiles = [
|
||||||
|
"jquery.ui.core.js",
|
||||||
|
"jquery.ui.widget.js",
|
||||||
|
"jquery.ui.mouse.js",
|
||||||
|
"jquery.ui.draggable.js",
|
||||||
|
"jquery.ui.droppable.js",
|
||||||
|
"jquery.ui.resizable.js",
|
||||||
|
"jquery.ui.selectable.js",
|
||||||
|
"jquery.ui.sortable.js",
|
||||||
|
"jquery.ui.effect.js"
|
||||||
|
],
|
||||||
|
|
||||||
|
uiFiles = coreFiles.map(function( file ) {
|
||||||
|
return "ui/" + file;
|
||||||
|
}).concat( expandFiles( "ui/*.js" ).filter(function( file ) {
|
||||||
|
return coreFiles.indexOf( file.substring(3) ) === -1;
|
||||||
|
})),
|
||||||
|
|
||||||
|
allI18nFiles = expandFiles( "ui/i18n/*.js" ),
|
||||||
|
|
||||||
|
cssFiles = [
|
||||||
|
"core",
|
||||||
|
"accordion",
|
||||||
|
"autocomplete",
|
||||||
|
"button",
|
||||||
|
"datepicker",
|
||||||
|
"dialog",
|
||||||
|
"menu",
|
||||||
|
"progressbar",
|
||||||
|
"resizable",
|
||||||
|
"selectable",
|
||||||
|
"slider",
|
||||||
|
"spinner",
|
||||||
|
"tabs",
|
||||||
|
"tooltip",
|
||||||
|
"theme"
|
||||||
|
].map(function( component ) {
|
||||||
|
return "themes/base/jquery.ui." + component + ".css";
|
||||||
|
}),
|
||||||
|
|
||||||
|
// minified files
|
||||||
|
minify = {
|
||||||
|
options: {
|
||||||
|
preserveComments: false
|
||||||
|
},
|
||||||
|
main: {
|
||||||
|
options: {
|
||||||
|
banner: createBanner( uiFiles )
|
||||||
|
},
|
||||||
|
files: {
|
||||||
|
"dist/jquery-ui.min.js": "dist/jquery-ui.js"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
i18n: {
|
||||||
|
options: {
|
||||||
|
banner: createBanner( allI18nFiles )
|
||||||
|
},
|
||||||
|
files: {
|
||||||
|
"dist/i18n/jquery-ui-i18n.min.js": "dist/i18n/jquery-ui-i18n.js"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
minifyCSS = {
|
||||||
|
options: {
|
||||||
|
keepSpecialComments: 0
|
||||||
|
},
|
||||||
|
main: {
|
||||||
|
options: {
|
||||||
|
keepSpecialComments: '*'
|
||||||
|
},
|
||||||
|
src: "dist/jquery-ui.css",
|
||||||
|
dest: "dist/jquery-ui.min.css"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
compareFiles = {
|
||||||
|
all: [
|
||||||
|
"dist/jquery-ui.js",
|
||||||
|
"dist/jquery-ui.min.js"
|
||||||
|
]
|
||||||
|
};
|
||||||
|
|
||||||
|
function mapMinFile( file ) {
|
||||||
|
return "dist/" + file.replace( /\.js$/, ".min.js" ).replace( /ui\//, "minified/" );
|
||||||
|
}
|
||||||
|
|
||||||
|
function expandFiles( files ) {
|
||||||
|
return grunt.util._.pluck( grunt.file.expandMapping( files ), "src" ).map(function( values ) {
|
||||||
|
return values[ 0 ];
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
uiFiles.concat( allI18nFiles ).forEach(function( file ) {
|
||||||
|
minify[ file ] = {
|
||||||
|
options: {
|
||||||
|
banner: createBanner()
|
||||||
|
},
|
||||||
|
files: {}
|
||||||
|
};
|
||||||
|
minify[ file ].files[ mapMinFile( file ) ] = file;
|
||||||
|
});
|
||||||
|
|
||||||
|
cssFiles.forEach(function( file ) {
|
||||||
|
minifyCSS[ file ] = {
|
||||||
|
options: {
|
||||||
|
banner: createBanner()
|
||||||
|
},
|
||||||
|
src: file,
|
||||||
|
dest: "dist/" + file.replace( /\.css$/, ".min.css" ).replace( /themes\/base\//, "themes/base/minified/" )
|
||||||
|
};
|
||||||
|
});
|
||||||
|
|
||||||
|
uiFiles.forEach(function( file ) {
|
||||||
|
// TODO this doesn't do anything until https://github.com/rwldrn/grunt-compare-size/issues/13
|
||||||
|
compareFiles[ file ] = [ file, mapMinFile( file ) ];
|
||||||
|
});
|
||||||
|
|
||||||
|
// grunt plugins
|
||||||
|
grunt.loadNpmTasks( "grunt-contrib-jshint" );
|
||||||
|
grunt.loadNpmTasks( "grunt-contrib-uglify" );
|
||||||
|
grunt.loadNpmTasks( "grunt-contrib-concat" );
|
||||||
|
grunt.loadNpmTasks( "grunt-contrib-qunit" );
|
||||||
|
grunt.loadNpmTasks( "grunt-contrib-csslint" );
|
||||||
|
grunt.loadNpmTasks( "grunt-contrib-cssmin" );
|
||||||
|
grunt.loadNpmTasks( "grunt-html" );
|
||||||
|
grunt.loadNpmTasks( "grunt-compare-size" );
|
||||||
|
grunt.loadNpmTasks( "grunt-git-authors" );
|
||||||
|
// local testswarm and build tasks
|
||||||
|
grunt.loadTasks( "build/tasks" );
|
||||||
|
|
||||||
|
function stripDirectory( file ) {
|
||||||
|
return file.replace( /.+\/(.+?)>?$/, "$1" );
|
||||||
|
}
|
||||||
|
|
||||||
|
function createBanner( files ) {
|
||||||
|
// strip folders
|
||||||
|
var fileNames = files && files.map( stripDirectory );
|
||||||
|
return "/*! <%= pkg.title || pkg.name %> - v<%= pkg.version %> - " +
|
||||||
|
"<%= grunt.template.today('isoDate') %>\n" +
|
||||||
|
"<%= pkg.homepage ? '* ' + pkg.homepage + '\\n' : '' %>" +
|
||||||
|
(files ? "* Includes: " + fileNames.join(", ") + "\n" : "")+
|
||||||
|
"* Copyright <%= grunt.template.today('yyyy') %> <%= pkg.author.name %>;" +
|
||||||
|
" Licensed <%= _.pluck(pkg.licenses, 'type').join(', ') %> */\n";
|
||||||
|
}
|
||||||
|
|
||||||
|
grunt.initConfig({
|
||||||
|
pkg: grunt.file.readJSON("package.json"),
|
||||||
|
files: {
|
||||||
|
dist: "<%= pkg.name %>-<%= pkg.version %>",
|
||||||
|
cdn: "<%= pkg.name %>-<%= pkg.version %>-cdn",
|
||||||
|
themes: "<%= pkg.name %>-themes-<%= pkg.version %>"
|
||||||
|
},
|
||||||
|
compare_size: compareFiles,
|
||||||
|
concat: {
|
||||||
|
ui: {
|
||||||
|
options: {
|
||||||
|
banner: createBanner( uiFiles ),
|
||||||
|
stripBanners: {
|
||||||
|
block: true
|
||||||
|
}
|
||||||
|
},
|
||||||
|
src: uiFiles,
|
||||||
|
dest: "dist/jquery-ui.js"
|
||||||
|
},
|
||||||
|
i18n: {
|
||||||
|
options: {
|
||||||
|
banner: createBanner( allI18nFiles )
|
||||||
|
},
|
||||||
|
src: allI18nFiles,
|
||||||
|
dest: "dist/i18n/jquery-ui-i18n.js"
|
||||||
|
},
|
||||||
|
css: {
|
||||||
|
options: {
|
||||||
|
banner: createBanner( cssFiles ),
|
||||||
|
stripBanners: {
|
||||||
|
block: true
|
||||||
|
}
|
||||||
|
},
|
||||||
|
src: cssFiles,
|
||||||
|
dest: "dist/jquery-ui.css"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
uglify: minify,
|
||||||
|
cssmin: minifyCSS,
|
||||||
|
htmllint: {
|
||||||
|
// ignore files that contain invalid html, used only for ajax content testing
|
||||||
|
all: grunt.file.expand( [ "demos/**/*.html", "tests/**/*.html" ] ).filter(function( file ) {
|
||||||
|
return !/(?:ajax\/content\d\.html|tabs\/data\/test\.html|tests\/unit\/core\/core\.html)/.test( file );
|
||||||
|
})
|
||||||
|
},
|
||||||
|
copy: {
|
||||||
|
dist: {
|
||||||
|
src: [
|
||||||
|
"AUTHORS.txt",
|
||||||
|
"jquery-*.js",
|
||||||
|
"MIT-LICENSE.txt",
|
||||||
|
"README.md",
|
||||||
|
"Gruntfile.js",
|
||||||
|
"package.json",
|
||||||
|
"*.jquery.json",
|
||||||
|
"ui/**/*",
|
||||||
|
"ui/.jshintrc",
|
||||||
|
"demos/**/*",
|
||||||
|
"themes/**/*",
|
||||||
|
"external/**/*",
|
||||||
|
"tests/**/*"
|
||||||
|
],
|
||||||
|
renames: {
|
||||||
|
"dist/jquery-ui.js": "ui/jquery-ui.js",
|
||||||
|
"dist/jquery-ui.min.js": "ui/minified/jquery-ui.min.js",
|
||||||
|
"dist/i18n/jquery-ui-i18n.js": "ui/i18n/jquery-ui-i18n.js",
|
||||||
|
"dist/i18n/jquery-ui-i18n.min.js": "ui/minified/i18n/jquery-ui-i18n.min.js",
|
||||||
|
"dist/jquery-ui.css": "themes/base/jquery-ui.css",
|
||||||
|
"dist/jquery-ui.min.css": "themes/base/minified/jquery-ui.min.css"
|
||||||
|
},
|
||||||
|
dest: "dist/<%= files.dist %>"
|
||||||
|
},
|
||||||
|
dist_min: {
|
||||||
|
src: "dist/minified/**/*",
|
||||||
|
strip: /^dist/,
|
||||||
|
dest: "dist/<%= files.dist %>/ui"
|
||||||
|
},
|
||||||
|
dist_css_min: {
|
||||||
|
src: "dist/themes/base/minified/*.css",
|
||||||
|
strip: /^dist/,
|
||||||
|
dest: "dist/<%= files.dist %>"
|
||||||
|
},
|
||||||
|
dist_units_images: {
|
||||||
|
src: "themes/base/images/*",
|
||||||
|
strip: /^themes\/base\//,
|
||||||
|
dest: "dist/"
|
||||||
|
},
|
||||||
|
dist_min_images: {
|
||||||
|
src: "themes/base/images/*",
|
||||||
|
strip: /^themes\/base\//,
|
||||||
|
dest: "dist/<%= files.dist %>/themes/base/minified"
|
||||||
|
},
|
||||||
|
cdn: {
|
||||||
|
src: [
|
||||||
|
"AUTHORS.txt",
|
||||||
|
"MIT-LICENSE.txt",
|
||||||
|
"ui/*.js",
|
||||||
|
"package.json"
|
||||||
|
],
|
||||||
|
renames: {
|
||||||
|
"dist/jquery-ui.js": "jquery-ui.js",
|
||||||
|
"dist/jquery-ui.min.js": "jquery-ui.min.js",
|
||||||
|
"dist/i18n/jquery-ui-i18n.js": "i18n/jquery-ui-i18n.js",
|
||||||
|
"dist/i18n/jquery-ui-i18n.min.js": "i18n/jquery-ui-i18n.min.js"
|
||||||
|
},
|
||||||
|
dest: "dist/<%= files.cdn %>"
|
||||||
|
},
|
||||||
|
cdn_i18n: {
|
||||||
|
src: "ui/i18n/jquery.ui.datepicker-*.js",
|
||||||
|
strip: "ui/",
|
||||||
|
dest: "dist/<%= files.cdn %>"
|
||||||
|
},
|
||||||
|
cdn_i18n_min: {
|
||||||
|
src: "dist/minified/i18n/jquery.ui.datepicker-*.js",
|
||||||
|
strip: "dist/minified",
|
||||||
|
dest: "dist/<%= files.cdn %>"
|
||||||
|
},
|
||||||
|
cdn_min: {
|
||||||
|
src: "dist/minified/*.js",
|
||||||
|
strip: /^dist\/minified/,
|
||||||
|
dest: "dist/<%= files.cdn %>/ui"
|
||||||
|
},
|
||||||
|
cdn_themes: {
|
||||||
|
src: "dist/<%= files.themes %>/themes/**/*",
|
||||||
|
strip: "dist/<%= files.themes %>",
|
||||||
|
dest: "dist/<%= files.cdn %>"
|
||||||
|
},
|
||||||
|
themes: {
|
||||||
|
src: [
|
||||||
|
"AUTHORS.txt",
|
||||||
|
"MIT-LICENSE.txt",
|
||||||
|
"package.json"
|
||||||
|
],
|
||||||
|
dest: "dist/<%= files.themes %>"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
zip: {
|
||||||
|
dist: {
|
||||||
|
src: "<%= files.dist %>",
|
||||||
|
dest: "<%= files.dist %>.zip"
|
||||||
|
},
|
||||||
|
cdn: {
|
||||||
|
src: "<%= files.cdn %>",
|
||||||
|
dest: "<%= files.cdn %>.zip"
|
||||||
|
},
|
||||||
|
themes: {
|
||||||
|
src: "<%= files.themes %>",
|
||||||
|
dest: "<%= files.themes %>.zip"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
md5: {
|
||||||
|
dist: {
|
||||||
|
src: "dist/<%= files.dist %>",
|
||||||
|
dest: "dist/<%= files.dist %>/MANIFEST"
|
||||||
|
},
|
||||||
|
cdn: {
|
||||||
|
src: "dist/<%= files.cdn %>",
|
||||||
|
dest: "dist/<%= files.cdn %>/MANIFEST"
|
||||||
|
},
|
||||||
|
themes: {
|
||||||
|
src: "dist/<%= files.themes %>",
|
||||||
|
dest: "dist/<%= files.themes %>/MANIFEST"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
qunit: {
|
||||||
|
files: expandFiles( "tests/unit/**/*.html" ).filter(function( file ) {
|
||||||
|
// disabling everything that doesn't (quite) work with PhantomJS for now
|
||||||
|
// TODO except for all|index|test, try to include more as we go
|
||||||
|
return !( /(all|index|test|dialog|dialog_deprecated|tabs|tooltip)\.html$/ ).test( file );
|
||||||
|
})
|
||||||
|
},
|
||||||
|
jshint: {
|
||||||
|
ui: {
|
||||||
|
options: {
|
||||||
|
jshintrc: "ui/.jshintrc"
|
||||||
|
},
|
||||||
|
files: {
|
||||||
|
src: "ui/*.js"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
grunt: {
|
||||||
|
options: {
|
||||||
|
jshintrc: ".jshintrc"
|
||||||
|
},
|
||||||
|
files: {
|
||||||
|
src: [ "Gruntfile.js", "build/**/*.js" ]
|
||||||
|
}
|
||||||
|
},
|
||||||
|
tests: {
|
||||||
|
options: {
|
||||||
|
jshintrc: "tests/.jshintrc"
|
||||||
|
},
|
||||||
|
files: {
|
||||||
|
src: "tests/unit/**/*.js"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
csslint: {
|
||||||
|
// TODO figure out what to check for, then fix and enable
|
||||||
|
base_theme: {
|
||||||
|
src: expandFiles( "themes/base/*.css" ).filter(function( file ) {
|
||||||
|
// TODO remove items from this list once rewritten
|
||||||
|
return !( /(button|datepicker|core|dialog|theme)\.css$/ ).test( file );
|
||||||
|
}),
|
||||||
|
// TODO consider reenabling some of these rules
|
||||||
|
options: {
|
||||||
|
"adjoining-classes": false,
|
||||||
|
"import": false,
|
||||||
|
"outline-none": false,
|
||||||
|
// especially this one
|
||||||
|
"overqualified-elements": false,
|
||||||
|
"compatible-vendor-prefixes": false
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
grunt.registerTask( "default", [ "jshint", "csslint", "htmllint", "qunit" ] );
|
||||||
|
grunt.registerTask( "sizer", [ "concat:ui", "uglify:main", "compare_size:all" ] );
|
||||||
|
grunt.registerTask( "sizer_all", [ "concat:ui", "uglify", "compare_size" ] );
|
||||||
|
grunt.registerTask( "build", [ "concat", "uglify", "cssmin", "copy:dist_units_images" ] );
|
||||||
|
grunt.registerTask( "release", "clean build copy:dist copy:dist_min copy:dist_min_images copy:dist_css_min md5:dist zip:dist".split( " " ) );
|
||||||
|
grunt.registerTask( "release_themes", "release generate_themes copy:themes md5:themes zip:themes".split( " " ) );
|
||||||
|
grunt.registerTask( "release_cdn", "release_themes copy:cdn copy:cdn_min copy:cdn_i18n copy:cdn_i18n_min copy:cdn_themes md5:cdn zip:cdn".split( " " ) );
|
||||||
|
|
||||||
|
};
|
26
jquery-ui-1.10.2.custom/development-bundle/MIT-LICENSE.txt
Executable file
@ -0,0 +1,26 @@
|
|||||||
|
Copyright 2013 jQuery Foundation and other contributors,
|
||||||
|
http://jqueryui.com/
|
||||||
|
|
||||||
|
This software consists of voluntary contributions made by many
|
||||||
|
individuals (AUTHORS.txt, http://jqueryui.com/about) For exact
|
||||||
|
contribution history, see the revision history and logs, available
|
||||||
|
at http://jquery-ui.googlecode.com/svn/
|
||||||
|
|
||||||
|
Permission is hereby granted, free of charge, to any person obtaining
|
||||||
|
a copy of this software and associated documentation files (the
|
||||||
|
"Software"), to deal in the Software without restriction, including
|
||||||
|
without limitation the rights to use, copy, modify, merge, publish,
|
||||||
|
distribute, sublicense, and/or sell copies of the Software, and to
|
||||||
|
permit persons to whom the Software is furnished to do so, subject to
|
||||||
|
the following conditions:
|
||||||
|
|
||||||
|
The above copyright notice and this permission notice shall be
|
||||||
|
included in all copies or substantial portions of the Software.
|
||||||
|
|
||||||
|
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
|
||||||
|
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
|
||||||
|
MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
|
||||||
|
NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
|
||||||
|
LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
|
||||||
|
OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
|
||||||
|
WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
|
99
jquery-ui-1.10.2.custom/development-bundle/README.md
Executable file
@ -0,0 +1,99 @@
|
|||||||
|
[jQuery UI](http://jqueryui.com/) - Interactions and Widgets for the web
|
||||||
|
================================
|
||||||
|
|
||||||
|
jQuery UI provides interactions like Drag and Drop and widgets like Autocomplete, Tabs and Slider and makes these as easy to use as jQuery itself.
|
||||||
|
|
||||||
|
If you want to use jQuery UI, go to [jqueryui.com](http://jqueryui.com) to get started. Or visit the [Using jQuery UI Forum](http://forum.jquery.com/using-jquery-ui) for discussions and questions.
|
||||||
|
|
||||||
|
If you are interested in helping develop jQuery UI, you are in the right place.
|
||||||
|
To discuss development with team members and the community, visit the [Developing jQuery UI Forum](http://forum.jquery.com/developing-jquery-ui) or in #jquery on irc.freednode.net.
|
||||||
|
|
||||||
|
|
||||||
|
For contributors
|
||||||
|
---
|
||||||
|
|
||||||
|
If you want to help and provide a patch for a bugfix or new feature, please take
|
||||||
|
a few minutes and look at [our Getting Involved guide](http://wiki.jqueryui.com/w/page/35263114/Getting-Involved).
|
||||||
|
In particular check out the [Coding standards](http://wiki.jqueryui.com/w/page/12137737/Coding-standards)
|
||||||
|
and [Commit Message Style Guide](http://wiki.jqueryui.com/w/page/25941597/Commit-Message-Style-Guide).
|
||||||
|
|
||||||
|
In general, fork the project, create a branch for a specific change and send a
|
||||||
|
pull request for that branch. Don't mix unrelated changes. You can use the commit
|
||||||
|
message as the description for the pull request.
|
||||||
|
|
||||||
|
|
||||||
|
Running the Unit Tests
|
||||||
|
---
|
||||||
|
|
||||||
|
Run the unit tests with a local server that supports PHP. No database is required. Pre-configured php local servers are available for Windows and Mac. Here are some options:
|
||||||
|
|
||||||
|
- Windows: [WAMP download](http://www.wampserver.com/en/)
|
||||||
|
- Mac: [MAMP download](http://www.mamp.info/en/index.html)
|
||||||
|
- Linux: [Setting up LAMP](https://www.linux.com/learn/tutorials/288158-easy-lamp-server-installation)
|
||||||
|
- [Mongoose (most platforms)](http://code.google.com/p/mongoose/)
|
||||||
|
|
||||||
|
|
||||||
|
Building jQuery UI
|
||||||
|
---
|
||||||
|
|
||||||
|
jQuery UI uses the [grunt](http://github.com/cowboy/grunt) build system. Building jQuery UI requires node.js and a command line zip program.
|
||||||
|
|
||||||
|
Install grunt.
|
||||||
|
|
||||||
|
`npm install grunt -g`
|
||||||
|
|
||||||
|
Clone the jQuery UI git repo.
|
||||||
|
|
||||||
|
`git clone git://github.com/jquery/jquery-ui.git`
|
||||||
|
|
||||||
|
`cd jquery-ui`
|
||||||
|
|
||||||
|
Install node modules.
|
||||||
|
|
||||||
|
`npm install`
|
||||||
|
|
||||||
|
Run grunt.
|
||||||
|
|
||||||
|
`grunt build`
|
||||||
|
|
||||||
|
There are many other tasks that can be run through grunt. For a list of all tasks:
|
||||||
|
|
||||||
|
`grunt --help`
|
||||||
|
|
||||||
|
|
||||||
|
For committers
|
||||||
|
---
|
||||||
|
|
||||||
|
When looking at pull requests, first check for [proper commit messages](http://wiki.jqueryui.com/w/page/12137724/Bug-Fixing-Guide).
|
||||||
|
|
||||||
|
Do not merge pull requests directly through GitHub's interface.
|
||||||
|
Most pull requests are a single commit; cherry-picking will avoid creating a merge commit.
|
||||||
|
It's also common for contributors to make minor fixes in an additional one or two commits.
|
||||||
|
These should be squashed before landing in master.
|
||||||
|
|
||||||
|
**Make sure the author has a valid name and email address associated with the commit.**
|
||||||
|
|
||||||
|
Fetch the remote first:
|
||||||
|
|
||||||
|
git fetch [their-fork.git] [their-branch]
|
||||||
|
|
||||||
|
Then cherry-pick the commit(s):
|
||||||
|
|
||||||
|
git cherry-pick [sha-of-commit]
|
||||||
|
|
||||||
|
If you need to edit the commit message:
|
||||||
|
|
||||||
|
git cherry-pick -e [sha-of-commit]
|
||||||
|
|
||||||
|
If you need to edit the changes:
|
||||||
|
|
||||||
|
git cherry-pick -n [sha-of-commit]
|
||||||
|
# make changes
|
||||||
|
git commit --author="[author-name-and-email]"
|
||||||
|
|
||||||
|
If it should go to the stable brach, cherry-pick it to stable:
|
||||||
|
|
||||||
|
git checkout 1-8-stable
|
||||||
|
git cherry-pick -x [sha-of-commit-from-master]
|
||||||
|
|
||||||
|
*NOTE: Do not cherry-pick into 1-8-stable until you have pushed the commit from master upstream.*
|
19
jquery-ui-1.10.2.custom/development-bundle/demos/demos.css
Executable file
@ -0,0 +1,19 @@
|
|||||||
|
body {
|
||||||
|
font-size: 62.5%;
|
||||||
|
font-family: "Trebuchet MS", "Arial", "Helvetica", "Verdana", "sans-serif";
|
||||||
|
}
|
||||||
|
|
||||||
|
table {
|
||||||
|
font-size: 1em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.demo-description {
|
||||||
|
clear: both;
|
||||||
|
padding: 12px;
|
||||||
|
font-size: 1.3em;
|
||||||
|
line-height: 1.4em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ui-draggable, .ui-droppable {
|
||||||
|
background-position: top;
|
||||||
|
}
|
BIN
jquery-ui-1.10.2.custom/development-bundle/demos/images/calendar.gif
Executable file
After Width: | Height: | Size: 269 B |
BIN
jquery-ui-1.10.2.custom/development-bundle/demos/images/demo-config-on-tile.gif
Executable file
After Width: | Height: | Size: 172 B |
BIN
jquery-ui-1.10.2.custom/development-bundle/demos/images/demo-config-on.gif
Executable file
After Width: | Height: | Size: 335 B |
BIN
jquery-ui-1.10.2.custom/development-bundle/demos/images/demo-spindown-closed.gif
Executable file
After Width: | Height: | Size: 103 B |
BIN
jquery-ui-1.10.2.custom/development-bundle/demos/images/demo-spindown-open.gif
Executable file
After Width: | Height: | Size: 105 B |
BIN
jquery-ui-1.10.2.custom/development-bundle/demos/images/icon-docs-info.gif
Executable file
After Width: | Height: | Size: 206 B |
BIN
jquery-ui-1.10.2.custom/development-bundle/demos/images/pbar-ani.gif
Executable file
After Width: | Height: | Size: 7.8 KiB |
87
jquery-ui-1.10.2.custom/development-bundle/demos/slider/colorpicker.html
Executable file
@ -0,0 +1,87 @@
|
|||||||
|
<!doctype html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>jQuery UI Slider - Colorpicker</title>
|
||||||
|
<link rel="stylesheet" href="../../themes/base/jquery.ui.all.css">
|
||||||
|
<script src="../../jquery-1.9.1.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.core.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.widget.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.mouse.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.slider.js"></script>
|
||||||
|
<link rel="stylesheet" href="../demos.css">
|
||||||
|
<style>
|
||||||
|
#red, #green, #blue {
|
||||||
|
float: left;
|
||||||
|
clear: left;
|
||||||
|
width: 300px;
|
||||||
|
margin: 15px;
|
||||||
|
}
|
||||||
|
#swatch {
|
||||||
|
width: 120px;
|
||||||
|
height: 100px;
|
||||||
|
margin-top: 18px;
|
||||||
|
margin-left: 350px;
|
||||||
|
background-image: none;
|
||||||
|
}
|
||||||
|
#red .ui-slider-range { background: #ef2929; }
|
||||||
|
#red .ui-slider-handle { border-color: #ef2929; }
|
||||||
|
#green .ui-slider-range { background: #8ae234; }
|
||||||
|
#green .ui-slider-handle { border-color: #8ae234; }
|
||||||
|
#blue .ui-slider-range { background: #729fcf; }
|
||||||
|
#blue .ui-slider-handle { border-color: #729fcf; }
|
||||||
|
</style>
|
||||||
|
<script>
|
||||||
|
function hexFromRGB(r, g, b) {
|
||||||
|
var hex = [
|
||||||
|
r.toString( 16 ),
|
||||||
|
g.toString( 16 ),
|
||||||
|
b.toString( 16 )
|
||||||
|
];
|
||||||
|
$.each( hex, function( nr, val ) {
|
||||||
|
if ( val.length === 1 ) {
|
||||||
|
hex[ nr ] = "0" + val;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
return hex.join( "" ).toUpperCase();
|
||||||
|
}
|
||||||
|
function refreshSwatch() {
|
||||||
|
var red = $( "#red" ).slider( "value" ),
|
||||||
|
green = $( "#green" ).slider( "value" ),
|
||||||
|
blue = $( "#blue" ).slider( "value" ),
|
||||||
|
hex = hexFromRGB( red, green, blue );
|
||||||
|
$( "#swatch" ).css( "background-color", "#" + hex );
|
||||||
|
}
|
||||||
|
$(function() {
|
||||||
|
$( "#red, #green, #blue" ).slider({
|
||||||
|
orientation: "horizontal",
|
||||||
|
range: "min",
|
||||||
|
max: 255,
|
||||||
|
value: 127,
|
||||||
|
slide: refreshSwatch,
|
||||||
|
change: refreshSwatch
|
||||||
|
});
|
||||||
|
$( "#red" ).slider( "value", 255 );
|
||||||
|
$( "#green" ).slider( "value", 140 );
|
||||||
|
$( "#blue" ).slider( "value", 60 );
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
</head>
|
||||||
|
<body class="ui-widget-content" style="border:0;">
|
||||||
|
|
||||||
|
<p class="ui-state-default ui-corner-all ui-helper-clearfix" style="padding:4px;">
|
||||||
|
<span class="ui-icon ui-icon-pencil" style="float:left; margin:-2px 5px 0 0;"></span>
|
||||||
|
Simple Colorpicker
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<div id="red"></div>
|
||||||
|
<div id="green"></div>
|
||||||
|
<div id="blue"></div>
|
||||||
|
|
||||||
|
<div id="swatch" class="ui-widget-content ui-corner-all"></div>
|
||||||
|
|
||||||
|
<div class="demo-description">
|
||||||
|
<p>Combine three sliders to create a simple RGB colorpicker.</p>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
27
jquery-ui-1.10.2.custom/development-bundle/demos/slider/default.html
Executable file
@ -0,0 +1,27 @@
|
|||||||
|
<!doctype html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8" >
|
||||||
|
<title>jQuery UI Slider - Default functionality</title>
|
||||||
|
<link rel="stylesheet" href="../../themes/base/jquery.ui.all.css">
|
||||||
|
<script src="../../jquery-1.9.1.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.core.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.widget.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.mouse.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.slider.js"></script>
|
||||||
|
<link rel="stylesheet" href="../demos.css">
|
||||||
|
<script>
|
||||||
|
$(function() {
|
||||||
|
$( "#slider" ).slider();
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<div id="slider"></div>
|
||||||
|
|
||||||
|
<div class="demo-description">
|
||||||
|
<p>The basic slider is horizontal and has a single handle that can be moved with the mouse or by using the arrow keys.</p>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
49
jquery-ui-1.10.2.custom/development-bundle/demos/slider/hotelrooms.html
Executable file
@ -0,0 +1,49 @@
|
|||||||
|
<!doctype html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>jQuery UI Slider - Slider bound to select</title>
|
||||||
|
<link rel="stylesheet" href="../../themes/base/jquery.ui.all.css">
|
||||||
|
<script src="../../jquery-1.9.1.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.core.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.widget.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.mouse.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.slider.js"></script>
|
||||||
|
<link rel="stylesheet" href="../demos.css">
|
||||||
|
<script>
|
||||||
|
$(function() {
|
||||||
|
var select = $( "#minbeds" );
|
||||||
|
var slider = $( "<div id='slider'></div>" ).insertAfter( select ).slider({
|
||||||
|
min: 1,
|
||||||
|
max: 6,
|
||||||
|
range: "min",
|
||||||
|
value: select[ 0 ].selectedIndex + 1,
|
||||||
|
slide: function( event, ui ) {
|
||||||
|
select[ 0 ].selectedIndex = ui.value - 1;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
$( "#minbeds" ).change(function() {
|
||||||
|
slider.slider( "value", this.selectedIndex + 1 );
|
||||||
|
});
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<form id="reservation">
|
||||||
|
<label for="minbeds">Minimum number of beds</label>
|
||||||
|
<select name="minbeds" id="minbeds">
|
||||||
|
<option>1</option>
|
||||||
|
<option>2</option>
|
||||||
|
<option>3</option>
|
||||||
|
<option>4</option>
|
||||||
|
<option>5</option>
|
||||||
|
<option>6</option>
|
||||||
|
</select>
|
||||||
|
</form>
|
||||||
|
|
||||||
|
<div class="demo-description">
|
||||||
|
<p>How to bind a slider to an existing select element. The select stays visible to display the change. When the select is changed, the slider is updated, too.</p>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
24
jquery-ui-1.10.2.custom/development-bundle/demos/slider/index.html
Executable file
@ -0,0 +1,24 @@
|
|||||||
|
<!doctype html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>jQuery UI Slider Demos</title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<ul>
|
||||||
|
<li><a href="default.html">Default functionality</a></li>
|
||||||
|
<li><a href="steps.html">Snap to increments</a></li>
|
||||||
|
<li><a href="range.html">Range slider</a></li>
|
||||||
|
<li><a href="rangemin.html">Range with fixed minimum</a></li>
|
||||||
|
<li><a href="hotelrooms.html">Room reservation</a></li>
|
||||||
|
<li><a href="rangemax.html">Range with fixed maximum</a></li>
|
||||||
|
<li><a href="slider-vertical.html">Vertical slider</a></li>
|
||||||
|
<li><a href="range-vertical.html">Vertical range slider</a></li>
|
||||||
|
<li><a href="multiple-vertical.html">Multiple sliders</a></li>
|
||||||
|
<li><a href="colorpicker.html">Simple colorpicker</a></li>
|
||||||
|
<li><a href="side-scroll.html">Simple scrollbar</a></li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
@ -0,0 +1,69 @@
|
|||||||
|
<!doctype html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>jQuery UI Slider - Multiple sliders</title>
|
||||||
|
<link rel="stylesheet" href="../../themes/base/jquery.ui.all.css">
|
||||||
|
<script src="../../jquery-1.9.1.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.core.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.widget.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.mouse.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.slider.js"></script>
|
||||||
|
<link rel="stylesheet" href="../demos.css">
|
||||||
|
<style>
|
||||||
|
#eq span {
|
||||||
|
height:120px; float:left; margin:15px
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
<script>
|
||||||
|
$(function() {
|
||||||
|
// setup master volume
|
||||||
|
$( "#master" ).slider({
|
||||||
|
value: 60,
|
||||||
|
orientation: "horizontal",
|
||||||
|
range: "min",
|
||||||
|
animate: true
|
||||||
|
});
|
||||||
|
// setup graphic EQ
|
||||||
|
$( "#eq > span" ).each(function() {
|
||||||
|
// read initial values from markup and remove that
|
||||||
|
var value = parseInt( $( this ).text(), 10 );
|
||||||
|
$( this ).empty().slider({
|
||||||
|
value: value,
|
||||||
|
range: "min",
|
||||||
|
animate: true,
|
||||||
|
orientation: "vertical"
|
||||||
|
});
|
||||||
|
});
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<p class="ui-state-default ui-corner-all ui-helper-clearfix" style="padding:4px;">
|
||||||
|
<span class="ui-icon ui-icon-volume-on" style="float:left; margin:-2px 5px 0 0;"></span>
|
||||||
|
Master volume
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<div id="master" style="width:260px; margin:15px;"></div>
|
||||||
|
|
||||||
|
<p class="ui-state-default ui-corner-all" style="padding:4px;margin-top:4em;">
|
||||||
|
<span class="ui-icon ui-icon-signal" style="float:left; margin:-2px 5px 0 0;"></span>
|
||||||
|
Graphic EQ
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<div id="eq">
|
||||||
|
<span>88</span>
|
||||||
|
<span>77</span>
|
||||||
|
<span>55</span>
|
||||||
|
<span>33</span>
|
||||||
|
<span>40</span>
|
||||||
|
<span>45</span>
|
||||||
|
<span>70</span>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="demo-description">
|
||||||
|
<p>Combine horizontal and vertical sliders, each with their own options, to create the UI for a music player.</p>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
41
jquery-ui-1.10.2.custom/development-bundle/demos/slider/range-vertical.html
Executable file
@ -0,0 +1,41 @@
|
|||||||
|
<!doctype html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>jQuery UI Slider - Vertical range slider</title>
|
||||||
|
<link rel="stylesheet" href="../../themes/base/jquery.ui.all.css">
|
||||||
|
<script src="../../jquery-1.9.1.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.core.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.widget.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.mouse.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.slider.js"></script>
|
||||||
|
<link rel="stylesheet" href="../demos.css">
|
||||||
|
<script>
|
||||||
|
$(function() {
|
||||||
|
$( "#slider-range" ).slider({
|
||||||
|
orientation: "vertical",
|
||||||
|
range: true,
|
||||||
|
values: [ 17, 67 ],
|
||||||
|
slide: function( event, ui ) {
|
||||||
|
$( "#amount" ).val( "$" + ui.values[ 0 ] + " - $" + ui.values[ 1 ] );
|
||||||
|
}
|
||||||
|
});
|
||||||
|
$( "#amount" ).val( "$" + $( "#slider-range" ).slider( "values", 0 ) +
|
||||||
|
" - $" + $( "#slider-range" ).slider( "values", 1 ) );
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
<label for="amount">Target sales goal (Millions):</label>
|
||||||
|
<input type="text" id="amount" style="border:0; color:#f6931f; font-weight:bold;" />
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<div id="slider-range" style="height:250px;"></div>
|
||||||
|
|
||||||
|
<div class="demo-description">
|
||||||
|
<p>Change the orientation of the range slider to vertical. Assign a height value via <code>.height()</code> or by setting the height through CSS, and set the <code>orientation</code> option to "vertical."</p>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
42
jquery-ui-1.10.2.custom/development-bundle/demos/slider/range.html
Executable file
@ -0,0 +1,42 @@
|
|||||||
|
<!doctype html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>jQuery UI Slider - Range slider</title>
|
||||||
|
<link rel="stylesheet" href="../../themes/base/jquery.ui.all.css">
|
||||||
|
<script src="../../jquery-1.9.1.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.core.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.widget.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.mouse.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.slider.js"></script>
|
||||||
|
<link rel="stylesheet" href="../demos.css">
|
||||||
|
<script>
|
||||||
|
$(function() {
|
||||||
|
$( "#slider-range" ).slider({
|
||||||
|
range: true,
|
||||||
|
min: 0,
|
||||||
|
max: 500,
|
||||||
|
values: [ 75, 300 ],
|
||||||
|
slide: function( event, ui ) {
|
||||||
|
$( "#amount" ).val( "$" + ui.values[ 0 ] + " - $" + ui.values[ 1 ] );
|
||||||
|
}
|
||||||
|
});
|
||||||
|
$( "#amount" ).val( "$" + $( "#slider-range" ).slider( "values", 0 ) +
|
||||||
|
" - $" + $( "#slider-range" ).slider( "values", 1 ) );
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
<label for="amount">Price range:</label>
|
||||||
|
<input type="text" id="amount" style="border:0; color:#f6931f; font-weight:bold;" />
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<div id="slider-range"></div>
|
||||||
|
|
||||||
|
<div class="demo-description">
|
||||||
|
<p>Set the <code>range</code> option to true to capture a range of values with two drag handles. The space between the handles is filled with a different background color to indicate those values are selected.</p>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
40
jquery-ui-1.10.2.custom/development-bundle/demos/slider/rangemax.html
Executable file
@ -0,0 +1,40 @@
|
|||||||
|
<!doctype html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>jQuery UI Slider - Range with fixed maximum</title>
|
||||||
|
<link rel="stylesheet" href="../../themes/base/jquery.ui.all.css">
|
||||||
|
<script src="../../jquery-1.9.1.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.core.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.widget.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.mouse.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.slider.js"></script>
|
||||||
|
<link rel="stylesheet" href="../demos.css">
|
||||||
|
<script>
|
||||||
|
$(function() {
|
||||||
|
$( "#slider-range-max" ).slider({
|
||||||
|
range: "max",
|
||||||
|
min: 1,
|
||||||
|
max: 10,
|
||||||
|
value: 2,
|
||||||
|
slide: function( event, ui ) {
|
||||||
|
$( "#amount" ).val( ui.value );
|
||||||
|
}
|
||||||
|
});
|
||||||
|
$( "#amount" ).val( $( "#slider-range-max" ).slider( "value" ) );
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
<label for="amount">Minimum number of bedrooms:</label>
|
||||||
|
<input type="text" id="amount" style="border:0; color:#f6931f; font-weight:bold;" />
|
||||||
|
</p>
|
||||||
|
<div id="slider-range-max"></div>
|
||||||
|
|
||||||
|
<div class="demo-description">
|
||||||
|
<p>Fix the maximum value of the range slider so that the user can only select a minimum. Set the <code>range</code> option to "max."</p>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
41
jquery-ui-1.10.2.custom/development-bundle/demos/slider/rangemin.html
Executable file
@ -0,0 +1,41 @@
|
|||||||
|
<!doctype html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>jQuery UI Slider - Range with fixed minimum</title>
|
||||||
|
<link rel="stylesheet" href="../../themes/base/jquery.ui.all.css">
|
||||||
|
<script src="../../jquery-1.9.1.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.core.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.widget.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.mouse.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.slider.js"></script>
|
||||||
|
<link rel="stylesheet" href="../demos.css">
|
||||||
|
<script>
|
||||||
|
$(function() {
|
||||||
|
$( "#slider-range-min" ).slider({
|
||||||
|
range: "min",
|
||||||
|
value: 37,
|
||||||
|
min: 1,
|
||||||
|
max: 700,
|
||||||
|
slide: function( event, ui ) {
|
||||||
|
$( "#amount" ).val( "$" + ui.value );
|
||||||
|
}
|
||||||
|
});
|
||||||
|
$( "#amount" ).val( "$" + $( "#slider-range-min" ).slider( "value" ) );
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
<label for="amount">Maximum price:</label>
|
||||||
|
<input type="text" id="amount" style="border:0; color:#f6931f; font-weight:bold;" />
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<div id="slider-range-min"></div>
|
||||||
|
|
||||||
|
<div class="demo-description">
|
||||||
|
<p>Fix the minimum value of the range slider so that the user can only select a maximum. Set the <code>range</code> option to "min."</p>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
131
jquery-ui-1.10.2.custom/development-bundle/demos/slider/side-scroll.html
Executable file
@ -0,0 +1,131 @@
|
|||||||
|
<!doctype html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>jQuery UI Slider - Slider scrollbar</title>
|
||||||
|
<link rel="stylesheet" href="../../themes/base/jquery.ui.all.css">
|
||||||
|
<script src="../../jquery-1.9.1.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.core.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.widget.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.mouse.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.slider.js"></script>
|
||||||
|
<link rel="stylesheet" href="../demos.css">
|
||||||
|
<style>
|
||||||
|
.scroll-pane { overflow: auto; width: 99%; float:left; }
|
||||||
|
.scroll-content { width: 2440px; float: left; }
|
||||||
|
.scroll-content-item { width: 100px; height: 100px; float: left; margin: 10px; font-size: 3em; line-height: 96px; text-align: center; }
|
||||||
|
.scroll-bar-wrap { clear: left; padding: 0 4px 0 2px; margin: 0 -1px -1px -1px; }
|
||||||
|
.scroll-bar-wrap .ui-slider { background: none; border:0; height: 2em; margin: 0 auto; }
|
||||||
|
.scroll-bar-wrap .ui-handle-helper-parent { position: relative; width: 100%; height: 100%; margin: 0 auto; }
|
||||||
|
.scroll-bar-wrap .ui-slider-handle { top:.2em; height: 1.5em; }
|
||||||
|
.scroll-bar-wrap .ui-slider-handle .ui-icon { margin: -8px auto 0; position: relative; top: 50%; }
|
||||||
|
</style>
|
||||||
|
<script>
|
||||||
|
$(function() {
|
||||||
|
//scrollpane parts
|
||||||
|
var scrollPane = $( ".scroll-pane" ),
|
||||||
|
scrollContent = $( ".scroll-content" );
|
||||||
|
|
||||||
|
//build slider
|
||||||
|
var scrollbar = $( ".scroll-bar" ).slider({
|
||||||
|
slide: function( event, ui ) {
|
||||||
|
if ( scrollContent.width() > scrollPane.width() ) {
|
||||||
|
scrollContent.css( "margin-left", Math.round(
|
||||||
|
ui.value / 100 * ( scrollPane.width() - scrollContent.width() )
|
||||||
|
) + "px" );
|
||||||
|
} else {
|
||||||
|
scrollContent.css( "margin-left", 0 );
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
//append icon to handle
|
||||||
|
var handleHelper = scrollbar.find( ".ui-slider-handle" )
|
||||||
|
.mousedown(function() {
|
||||||
|
scrollbar.width( handleHelper.width() );
|
||||||
|
})
|
||||||
|
.mouseup(function() {
|
||||||
|
scrollbar.width( "100%" );
|
||||||
|
})
|
||||||
|
.append( "<span class='ui-icon ui-icon-grip-dotted-vertical'></span>" )
|
||||||
|
.wrap( "<div class='ui-handle-helper-parent'></div>" ).parent();
|
||||||
|
|
||||||
|
//change overflow to hidden now that slider handles the scrolling
|
||||||
|
scrollPane.css( "overflow", "hidden" );
|
||||||
|
|
||||||
|
//size scrollbar and handle proportionally to scroll distance
|
||||||
|
function sizeScrollbar() {
|
||||||
|
var remainder = scrollContent.width() - scrollPane.width();
|
||||||
|
var proportion = remainder / scrollContent.width();
|
||||||
|
var handleSize = scrollPane.width() - ( proportion * scrollPane.width() );
|
||||||
|
scrollbar.find( ".ui-slider-handle" ).css({
|
||||||
|
width: handleSize,
|
||||||
|
"margin-left": -handleSize / 2
|
||||||
|
});
|
||||||
|
handleHelper.width( "" ).width( scrollbar.width() - handleSize );
|
||||||
|
}
|
||||||
|
|
||||||
|
//reset slider value based on scroll content position
|
||||||
|
function resetValue() {
|
||||||
|
var remainder = scrollPane.width() - scrollContent.width();
|
||||||
|
var leftVal = scrollContent.css( "margin-left" ) === "auto" ? 0 :
|
||||||
|
parseInt( scrollContent.css( "margin-left" ) );
|
||||||
|
var percentage = Math.round( leftVal / remainder * 100 );
|
||||||
|
scrollbar.slider( "value", percentage );
|
||||||
|
}
|
||||||
|
|
||||||
|
//if the slider is 100% and window gets larger, reveal content
|
||||||
|
function reflowContent() {
|
||||||
|
var showing = scrollContent.width() + parseInt( scrollContent.css( "margin-left" ), 10 );
|
||||||
|
var gap = scrollPane.width() - showing;
|
||||||
|
if ( gap > 0 ) {
|
||||||
|
scrollContent.css( "margin-left", parseInt( scrollContent.css( "margin-left" ), 10 ) + gap );
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
//change handle position on window resize
|
||||||
|
$( window ).resize(function() {
|
||||||
|
resetValue();
|
||||||
|
sizeScrollbar();
|
||||||
|
reflowContent();
|
||||||
|
});
|
||||||
|
//init scrollbar size
|
||||||
|
setTimeout( sizeScrollbar, 10 );//safari wants a timeout
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<div class="scroll-pane ui-widget ui-widget-header ui-corner-all">
|
||||||
|
<div class="scroll-content">
|
||||||
|
<div class="scroll-content-item ui-widget-header">1</div>
|
||||||
|
<div class="scroll-content-item ui-widget-header">2</div>
|
||||||
|
<div class="scroll-content-item ui-widget-header">3</div>
|
||||||
|
<div class="scroll-content-item ui-widget-header">4</div>
|
||||||
|
<div class="scroll-content-item ui-widget-header">5</div>
|
||||||
|
<div class="scroll-content-item ui-widget-header">6</div>
|
||||||
|
<div class="scroll-content-item ui-widget-header">7</div>
|
||||||
|
<div class="scroll-content-item ui-widget-header">8</div>
|
||||||
|
<div class="scroll-content-item ui-widget-header">9</div>
|
||||||
|
<div class="scroll-content-item ui-widget-header">10</div>
|
||||||
|
<div class="scroll-content-item ui-widget-header">11</div>
|
||||||
|
<div class="scroll-content-item ui-widget-header">12</div>
|
||||||
|
<div class="scroll-content-item ui-widget-header">13</div>
|
||||||
|
<div class="scroll-content-item ui-widget-header">14</div>
|
||||||
|
<div class="scroll-content-item ui-widget-header">15</div>
|
||||||
|
<div class="scroll-content-item ui-widget-header">16</div>
|
||||||
|
<div class="scroll-content-item ui-widget-header">17</div>
|
||||||
|
<div class="scroll-content-item ui-widget-header">18</div>
|
||||||
|
<div class="scroll-content-item ui-widget-header">19</div>
|
||||||
|
<div class="scroll-content-item ui-widget-header">20</div>
|
||||||
|
</div>
|
||||||
|
<div class="scroll-bar-wrap ui-widget-content ui-corner-bottom">
|
||||||
|
<div class="scroll-bar"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="demo-description">
|
||||||
|
<p>Use a slider to manipulate the positioning of content on the page. In this case, it acts as a scrollbar with the potential to capture values if needed.</p>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
42
jquery-ui-1.10.2.custom/development-bundle/demos/slider/slider-vertical.html
Executable file
@ -0,0 +1,42 @@
|
|||||||
|
<!doctype html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>jQuery UI Slider - Vertical slider</title>
|
||||||
|
<link rel="stylesheet" href="../../themes/base/jquery.ui.all.css">
|
||||||
|
<script src="../../jquery-1.9.1.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.core.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.widget.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.mouse.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.slider.js"></script>
|
||||||
|
<link rel="stylesheet" href="../demos.css">
|
||||||
|
<script>
|
||||||
|
$(function() {
|
||||||
|
$( "#slider-vertical" ).slider({
|
||||||
|
orientation: "vertical",
|
||||||
|
range: "min",
|
||||||
|
min: 0,
|
||||||
|
max: 100,
|
||||||
|
value: 60,
|
||||||
|
slide: function( event, ui ) {
|
||||||
|
$( "#amount" ).val( ui.value );
|
||||||
|
}
|
||||||
|
});
|
||||||
|
$( "#amount" ).val( $( "#slider-vertical" ).slider( "value" ) );
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
<label for="amount">Volume:</label>
|
||||||
|
<input type="text" id="amount" style="border:0; color:#f6931f; font-weight:bold;" />
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<div id="slider-vertical" style="height:200px;"></div>
|
||||||
|
|
||||||
|
<div class="demo-description">
|
||||||
|
<p>Change the orientation of the slider to vertical. Assign a height value via <code>.height()</code> or by setting the height through CSS, and set the <code>orientation</code> option to "vertical."</p>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
41
jquery-ui-1.10.2.custom/development-bundle/demos/slider/steps.html
Executable file
@ -0,0 +1,41 @@
|
|||||||
|
<!doctype html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>jQuery UI Slider - Snap to increments</title>
|
||||||
|
<link rel="stylesheet" href="../../themes/base/jquery.ui.all.css">
|
||||||
|
<script src="../../jquery-1.9.1.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.core.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.widget.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.mouse.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.slider.js"></script>
|
||||||
|
<link rel="stylesheet" href="../demos.css">
|
||||||
|
<script>
|
||||||
|
$(function() {
|
||||||
|
$( "#slider" ).slider({
|
||||||
|
value:100,
|
||||||
|
min: 0,
|
||||||
|
max: 500,
|
||||||
|
step: 50,
|
||||||
|
slide: function( event, ui ) {
|
||||||
|
$( "#amount" ).val( "$" + ui.value );
|
||||||
|
}
|
||||||
|
});
|
||||||
|
$( "#amount" ).val( "$" + $( "#slider" ).slider( "value" ) );
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
<label for="amount">Donation amount ($50 increments):</label>
|
||||||
|
<input type="text" id="amount" style="border:0; color:#f6931f; font-weight:bold;" />
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<div id="slider"></div>
|
||||||
|
|
||||||
|
<div class="demo-description">
|
||||||
|
<p>Increment slider values with the <code>step</code> option set to an integer, commonly a dividend of the slider's maximum value. The default increment is 1.</p>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
178
jquery-ui-1.10.2.custom/development-bundle/demos/widget/default.html
Executable file
@ -0,0 +1,178 @@
|
|||||||
|
<!doctype html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>jQuery UI Widget - Default functionality</title>
|
||||||
|
<link rel="stylesheet" href="../../themes/base/jquery.ui.all.css">
|
||||||
|
<script src="../../jquery-1.9.1.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.core.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.position.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.widget.js"></script>
|
||||||
|
<script src="../../ui/jquery.ui.button.js"></script>
|
||||||
|
<link rel="stylesheet" href="../demos.css">
|
||||||
|
<style>
|
||||||
|
.custom-colorize {
|
||||||
|
font-size: 20px;
|
||||||
|
position: relative;
|
||||||
|
width: 75px;
|
||||||
|
height: 75px;
|
||||||
|
}
|
||||||
|
.custom-colorize-changer {
|
||||||
|
font-size: 10px;
|
||||||
|
position: absolute;
|
||||||
|
right: 0;
|
||||||
|
bottom: 0;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
<script>
|
||||||
|
$(function() {
|
||||||
|
// the widget definition, where "custom" is the namespace,
|
||||||
|
// "colorize" the widget name
|
||||||
|
$.widget( "custom.colorize", {
|
||||||
|
// default options
|
||||||
|
options: {
|
||||||
|
red: 255,
|
||||||
|
green: 0,
|
||||||
|
blue: 0,
|
||||||
|
|
||||||
|
// callbacks
|
||||||
|
change: null,
|
||||||
|
random: null
|
||||||
|
},
|
||||||
|
|
||||||
|
// the constructor
|
||||||
|
_create: function() {
|
||||||
|
this.element
|
||||||
|
// add a class for theming
|
||||||
|
.addClass( "custom-colorize" )
|
||||||
|
// prevent double click to select text
|
||||||
|
.disableSelection();
|
||||||
|
|
||||||
|
this.changer = $( "<button>", {
|
||||||
|
text: "change",
|
||||||
|
"class": "custom-colorize-changer"
|
||||||
|
})
|
||||||
|
.appendTo( this.element )
|
||||||
|
.button();
|
||||||
|
|
||||||
|
// bind click events on the changer button to the random method
|
||||||
|
this._on( this.changer, {
|
||||||
|
// _on won't call random when widget is disabled
|
||||||
|
click: "random"
|
||||||
|
});
|
||||||
|
this._refresh();
|
||||||
|
},
|
||||||
|
|
||||||
|
// called when created, and later when changing options
|
||||||
|
_refresh: function() {
|
||||||
|
this.element.css( "background-color", "rgb(" +
|
||||||
|
this.options.red +"," +
|
||||||
|
this.options.green + "," +
|
||||||
|
this.options.blue + ")"
|
||||||
|
);
|
||||||
|
|
||||||
|
// trigger a callback/event
|
||||||
|
this._trigger( "change" );
|
||||||
|
},
|
||||||
|
|
||||||
|
// a public method to change the color to a random value
|
||||||
|
// can be called directly via .colorize( "random" )
|
||||||
|
random: function( event ) {
|
||||||
|
var colors = {
|
||||||
|
red: Math.floor( Math.random() * 256 ),
|
||||||
|
green: Math.floor( Math.random() * 256 ),
|
||||||
|
blue: Math.floor( Math.random() * 256 )
|
||||||
|
};
|
||||||
|
|
||||||
|
// trigger an event, check if it's canceled
|
||||||
|
if ( this._trigger( "random", event, colors ) !== false ) {
|
||||||
|
this.option( colors );
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
// events bound via _on are removed automatically
|
||||||
|
// revert other modifications here
|
||||||
|
_destroy: function() {
|
||||||
|
// remove generated elements
|
||||||
|
this.changer.remove();
|
||||||
|
|
||||||
|
this.element
|
||||||
|
.removeClass( "custom-colorize" )
|
||||||
|
.enableSelection()
|
||||||
|
.css( "background-color", "transparent" );
|
||||||
|
},
|
||||||
|
|
||||||
|
// _setOptions is called with a hash of all options that are changing
|
||||||
|
// always refresh when changing options
|
||||||
|
_setOptions: function() {
|
||||||
|
// _super and _superApply handle keeping the right this-context
|
||||||
|
this._superApply( arguments );
|
||||||
|
this._refresh();
|
||||||
|
},
|
||||||
|
|
||||||
|
// _setOption is called for each individual option that is changing
|
||||||
|
_setOption: function( key, value ) {
|
||||||
|
// prevent invalid color values
|
||||||
|
if ( /red|green|blue/.test(key) && (value < 0 || value > 255) ) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
this._super( key, value );
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
// initialize with default options
|
||||||
|
$( "#my-widget1" ).colorize();
|
||||||
|
|
||||||
|
// initialize with two customized options
|
||||||
|
$( "#my-widget2" ).colorize({
|
||||||
|
red: 60,
|
||||||
|
blue: 60
|
||||||
|
});
|
||||||
|
|
||||||
|
// initialize with custom green value
|
||||||
|
// and a random callback to allow only colors with enough green
|
||||||
|
$( "#my-widget3" ).colorize( {
|
||||||
|
green: 128,
|
||||||
|
random: function( event, ui ) {
|
||||||
|
return ui.green > 128;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
// click to toggle enabled/disabled
|
||||||
|
$( "#disable" ).click(function() {
|
||||||
|
// use the custom selector created for each widget to find all instances
|
||||||
|
// all instances are toggled together, so we can check the state from the first
|
||||||
|
if ( $( ":custom-colorize" ).colorize( "option", "disabled" ) ) {
|
||||||
|
$( ":custom-colorize" ).colorize( "enable" );
|
||||||
|
} else {
|
||||||
|
$( ":custom-colorize" ).colorize( "disable" );
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
// click to set options after initalization
|
||||||
|
$( "#black" ).click( function() {
|
||||||
|
$( ":custom-colorize" ).colorize( "option", {
|
||||||
|
red: 0,
|
||||||
|
green: 0,
|
||||||
|
blue: 0
|
||||||
|
});
|
||||||
|
});
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<div id="my-widget1">color me</div>
|
||||||
|
<div id="my-widget2">color me</div>
|
||||||
|
<div id="my-widget3">color me</div>
|
||||||
|
<button id="disable">Toggle disabled option</button>
|
||||||
|
<button id="black">Go black</button>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="demo-description">
|
||||||
|
<p>This demo shows a simple custom widget built using the widget factory (jquery.ui.widget.js).</p>
|
||||||
|
<p>The three boxes are initialized in different ways. Clicking them changes their background color. View source to see how it works, its heavily commented</p>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
14
jquery-ui-1.10.2.custom/development-bundle/demos/widget/index.html
Executable file
@ -0,0 +1,14 @@
|
|||||||
|
<!doctype html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>jQuery UI Widget Demo</title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<ul>
|
||||||
|
<li><a href="default.html">Default functionality</a></li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
611
jquery-ui-1.10.2.custom/development-bundle/docs/jQuery.widget.html
Executable file
@ -0,0 +1,611 @@
|
|||||||
|
<!doctype html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>jQuery UI jQuery documentation</title>
|
||||||
|
|
||||||
|
<style>
|
||||||
|
body {
|
||||||
|
font-family: "Trebuchet MS", "Arial", "Helvetica", "Verdana", "sans-serif"
|
||||||
|
}
|
||||||
|
.gutter {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<script>{
|
||||||
|
"title":
|
||||||
|
"Widget Factory",
|
||||||
|
"excerpt":
|
||||||
|
"Create stateful jQuery plugins using the same abstraction as all jQuery UI widgets.",
|
||||||
|
"termSlugs": {
|
||||||
|
"category": [
|
||||||
|
"utilities","utilities","widgets"
|
||||||
|
]
|
||||||
|
}
|
||||||
|
}</script><div class="toc">
|
||||||
|
<h4><span>Contents:</span></h4>
|
||||||
|
<ul class="toc-list">
|
||||||
|
<li>
|
||||||
|
<a href="#jQuery-widget1">jQuery.widget( name [, base ], prototype )</a><ul><li>jQuery.widget( name [, base ], prototype )</li></ul>
|
||||||
|
</li>
|
||||||
|
<li><a href="#jQuery-Widget2">jQuery.Widget</a></li>
|
||||||
|
</ul>
|
||||||
|
</div><article id="jQuery-widget1" class="entry method"><h2 class="section-title"><span class="name">jQuery.widget( name [, base ], prototype )</span></h2>
|
||||||
|
<div class="entry-wrapper">
|
||||||
|
<p class="desc"><strong>Description: </strong>Create stateful jQuery plugins using the same abstraction as all jQuery UI widgets.</p>
|
||||||
|
<ul class="signatures"><li class="signature" id="jQuery-widget-name-base-prototype">
|
||||||
|
<h4 class="name">jQuery.widget( name [, base ], prototype )</h4>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
<div><strong>name</strong></div>
|
||||||
|
<div>Type: <a href="http://api.jquery.com/Types#String">String</a>
|
||||||
|
</div>
|
||||||
|
<div>The name of the widget to create, including the namespace.</div>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<div><strong>base</strong></div>
|
||||||
|
<div>Type: <a href="http://api.jquery.com/Types/#Function">Function</a>()</div>
|
||||||
|
<div>The base widget to inherit from. This must be a constructor that can be instantiated with the `new` keyword. Defaults to <code>jQuery.Widget</code>.</div>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<div><strong>prototype</strong></div>
|
||||||
|
<div>Type: <a href="http://api.jquery.com/Types#PlainObject">PlainObject</a>
|
||||||
|
</div>
|
||||||
|
<div>The object to use as a prototype for the widget.</div>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li></ul>
|
||||||
|
<div class="longdesc" id="entry-longdesc">
|
||||||
|
<p>You can create new widgets from scratch, using just the <code>$.Widget</code> object as a base to inherit from, or you can explicitly inherit from existing jQuery UI or third-party widgets. Defining a widget with the same name as you inherit from even allows you to extend widgets in place.</p>
|
||||||
|
|
||||||
|
<p>jQuery UI contains many widgets that maintain state and therefore have a slightly different usage pattern than typical jQuery plugins. All of jQuery UI's widgets use the same patterns, which is defined by the widget factory. So if you learn how to use one widget, then you'll know how to use all of them.</p>
|
||||||
|
|
||||||
|
<p><em>Note: This documentation shows examples using the <a href="/progressbar">progressbar widget</a> but the syntax is the same for every widget.</em></p>
|
||||||
|
|
||||||
|
<h3>Initialization</h3>
|
||||||
|
|
||||||
|
<p>In order to track the state of the widget, we must introduce a full life cycle for the widget. The life cycle starts when the widget is initalized. To initialize a widget, we simply call the plugin on one or more elements.</p>
|
||||||
|
|
||||||
|
<div class="syntaxhighlighter nogutter "><table border="0" cellpadding="0" cellspacing="0"><tbody><tr><td class="code"><div class="container"><div class="line number1 index0 alt2"><code class="plain">$( </code><code class="string">"#elem"</code> <code class="plain">).progressbar();</code></div></div></td></tr></tbody></table></div>
|
||||||
|
|
||||||
|
<p>This will initialize each element in the jQuery object, in this case the element with an id of <code>"elem"</code>. Because we called the <code>progressbar()</code> method with no parameters, the widget is initialized with its default options. We can pass a set of options during initialization in order to override the default options.</p>
|
||||||
|
|
||||||
|
<div class="syntaxhighlighter nogutter "><table border="0" cellpadding="0" cellspacing="0"><tbody><tr><td class="code"><div class="container"><div class="line number1 index0 alt2"><code class="plain">$( </code><code class="string">"#elem"</code> <code class="plain">).progressbar({ value: 20 });</code></div></div></td></tr></tbody></table></div>
|
||||||
|
|
||||||
|
<p>We can pass as many or as few options as we want during initialization. Any options that we don't pass will just use their default values.</p>
|
||||||
|
|
||||||
|
<p>The options are part of the widget's state, so we can set options after initialization as well. We'll see this later with the option method.</p>
|
||||||
|
|
||||||
|
<h3>Methods</h3>
|
||||||
|
|
||||||
|
<p>Now that the widget is initialized, we can query its state or perform actions on the widget. All actions after initialization take the form of a method call. To call a method on a widget, we pass the name of the method to the jQuery plugin. For example, to call the <code>value()</code> method on our progressbar widget, we would use:</p>
|
||||||
|
|
||||||
|
<div class="syntaxhighlighter nogutter "><table border="0" cellpadding="0" cellspacing="0"><tbody><tr><td class="code"><div class="container"><div class="line number1 index0 alt2"><code class="plain">$( </code><code class="string">"#elem"</code> <code class="plain">).progressbar( </code><code class="string">"value"</code> <code class="plain">);</code></div></div></td></tr></tbody></table></div>
|
||||||
|
|
||||||
|
<p>If the method accepts parameters, we can pass them after the method name. For example, to pass the parameter <code>40</code> to the <code>value()</code> method, we can use:</p>
|
||||||
|
|
||||||
|
<div class="syntaxhighlighter nogutter "><table border="0" cellpadding="0" cellspacing="0"><tbody><tr><td class="code"><div class="container"><div class="line number1 index0 alt2"><code class="plain">$( </code><code class="string">"#elem"</code> <code class="plain">).progressbar( </code><code class="string">"value"</code><code class="plain">, 40 );</code></div></div></td></tr></tbody></table></div>
|
||||||
|
|
||||||
|
<p>Just like other methods in jQuery, most widget methods return the jQuery object for chaining.</p>
|
||||||
|
|
||||||
|
<div class="syntaxhighlighter nogutter "><table border="0" cellpadding="0" cellspacing="0"><tbody><tr><td class="code"><div class="container"><div class="line number1 index0 alt2"><code class="plain">$( </code><code class="string">"#elem"</code> <code class="plain">)</code></div><div class="line number2 index1 alt1"><code class="undefined spaces"> </code><code class="plain">.progressbar( </code><code class="string">"value"</code><code class="plain">, 90 )</code></div><div class="line number3 index2 alt2"><code class="undefined spaces"> </code><code class="plain">.addClass( </code><code class="string">"almost-done"</code> <code class="plain">);</code></div></div></td></tr></tbody></table></div>
|
||||||
|
|
||||||
|
<p>Each widget will have its own set of methods based on the functionality that the widget provides. However, there are a few methods that exist on all widgets, which are documented below.</p>
|
||||||
|
|
||||||
|
<h3>Events</h3>
|
||||||
|
|
||||||
|
<p>All widgets have events associated with their various behaviors to notify you when the state is changing. For most widgets, when the events are triggered, the names are prefixed with the widget name. For example, we can bind to progressbar's <code>change</code> event which is triggered whenever the value changes.</p>
|
||||||
|
|
||||||
|
<div class="syntaxhighlighter nogutter "><table border="0" cellpadding="0" cellspacing="0"><tbody><tr><td class="code"><div class="container"><div class="line number1 index0 alt2"><code class="plain">$( </code><code class="string">"#elem"</code> <code class="plain">).bind( </code><code class="string">"progressbarchange"</code><code class="plain">, </code><code class="keyword">function</code><code class="plain">() {</code></div><div class="line number2 index1 alt1"><code class="undefined spaces"> </code><code class="plain">alert( </code><code class="string">"The value has changed!"</code> <code class="plain">);</code></div><div class="line number3 index2 alt2"><code class="plain">});</code></div></div></td></tr></tbody></table></div>
|
||||||
|
|
||||||
|
<p>Each event has a corresponding callback, which is exposed as an option. We can hook into progressbar's <code>change</code> callback instead of binding to the <code>progressbarchange</code> event, if we want to.</p>
|
||||||
|
|
||||||
|
<div class="syntaxhighlighter nogutter "><table border="0" cellpadding="0" cellspacing="0"><tbody><tr><td class="code"><div class="container"><div class="line number1 index0 alt2"><code class="plain">$( </code><code class="string">"#elem"</code> <code class="plain">).progressbar({</code></div><div class="line number2 index1 alt1"><code class="undefined spaces"> </code><code class="plain">change: </code><code class="keyword">function</code><code class="plain">() {</code></div><div class="line number3 index2 alt2"><code class="undefined spaces"> </code><code class="plain">alert( </code><code class="string">"The value has changed!"</code> <code class="plain">);</code></div><div class="line number4 index3 alt1"><code class="undefined spaces"> </code><code class="plain">}</code></div><div class="line number5 index4 alt2"><code class="plain">});</code></div></div></td></tr></tbody></table></div>
|
||||||
|
|
||||||
|
<p>All widgets have a <code>create</code> event which is triggered upon instantiation.</p>
|
||||||
|
</div>
|
||||||
|
</div></article><article id="jQuery-Widget2" class="entry widget"><h2 class="section-title"><span>Base Widget</span></h2>
|
||||||
|
<div class="entry-wrapper">
|
||||||
|
<p class="desc"><strong>Description: </strong>The base widget used by the widget factory.</p>
|
||||||
|
<section id="quick-nav"><header><h2>QuickNav</h2></header><div class="quick-nav-section">
|
||||||
|
<h3>Options</h3>
|
||||||
|
<div><a href="#option-disabled">disabled</a></div>
|
||||||
|
<div><a href="#option-hide">hide</a></div>
|
||||||
|
<div><a href="#option-show">show</a></div>
|
||||||
|
</div>
|
||||||
|
<div class="quick-nav-section">
|
||||||
|
<h3>Methods</h3>
|
||||||
|
<div><a href="#method-destroy">destroy</a></div>
|
||||||
|
<div><a href="#method-disable">disable</a></div>
|
||||||
|
<div><a href="#method-enable">enable</a></div>
|
||||||
|
<div><a href="#method-option">option</a></div>
|
||||||
|
<div><a href="#method-widget">widget</a></div>
|
||||||
|
<div><a href="#method-_create">_create</a></div>
|
||||||
|
<div><a href="#method-_destroy">_destroy</a></div>
|
||||||
|
<div><a href="#method-_getCreateEventData">_getCreateEventData</a></div>
|
||||||
|
<div><a href="#method-_getCreateOptions">_getCreateOptions</a></div>
|
||||||
|
<div><a href="#method-_init">_init</a></div>
|
||||||
|
<div><a href="#method-_setOptions">_setOptions</a></div>
|
||||||
|
<div><a href="#method-_setOption">_setOption</a></div>
|
||||||
|
<div><a href="#method-_on">_on</a></div>
|
||||||
|
<div><a href="#method-_off">_off</a></div>
|
||||||
|
<div><a href="#method-_super">_super</a></div>
|
||||||
|
<div><a href="#method-_superApply">_superApply</a></div>
|
||||||
|
<div><a href="#method-_delay">_delay</a></div>
|
||||||
|
<div><a href="#method-_hoverable">_hoverable</a></div>
|
||||||
|
<div><a href="#method-_focusable">_focusable</a></div>
|
||||||
|
<div><a href="#method-_trigger">_trigger</a></div>
|
||||||
|
<div><a href="#method-_show">_show</a></div>
|
||||||
|
<div><a href="#method-_hide">_hide</a></div>
|
||||||
|
</div>
|
||||||
|
<div class="quick-nav-section">
|
||||||
|
<h3>Events</h3>
|
||||||
|
<div><a href="#event-create">create</a></div>
|
||||||
|
</div></section><section id="options"><header><h2 class="underline">Options</h2></header><div id="option-disabled" class="api-item first-item">
|
||||||
|
<h3>disabled<span class="option-type"><strong>Type: </strong><a href="http://api.jquery.com/Types#Boolean">Boolean</a></span>
|
||||||
|
</h3>
|
||||||
|
<div class="default">
|
||||||
|
<strong>Default: </strong><code>false</code>
|
||||||
|
</div>
|
||||||
|
<div>Disables the jQuery.Widget if set to <code>true</code>.</div>
|
||||||
|
<strong>Code examples:</strong><p>Initialize the jQuery.Widget with the disabled option specified:</p>
|
||||||
|
<div class="syntaxhighlighter nogutter "><table border="0" cellpadding="0" cellspacing="0"><tbody><tr><td class="code"><div class="container"><div class="line number1 index0 alt2"><code class="plain">$( </code><code class="string">".selector"</code> <code class="plain">).jQuery.Widget({ disabled: </code><code class="keyword">true</code> <code class="plain">});</code></div></div></td></tr></tbody></table></div>
|
||||||
|
<p>Get or set the disabled option, after initialization:</p>
|
||||||
|
<div class="syntaxhighlighter nogutter "><table border="0" cellpadding="0" cellspacing="0"><tbody><tr><td class="code"><div class="container"><div class="line number1 index0 alt2"><code class="comments">// getter</code></div><div class="line number2 index1 alt1"><code class="keyword">var</code> <code class="plain">disabled = $( </code><code class="string">".selector"</code> <code class="plain">).jQuery.Widget( </code><code class="string">"option"</code><code class="plain">, </code><code class="string">"disabled"</code> <code class="plain">);</code></div><div class="line number3 index2 alt2"> </div><div class="line number4 index3 alt1"><code class="comments">// setter</code></div><div class="line number5 index4 alt2"><code class="plain">$( </code><code class="string">".selector"</code> <code class="plain">).jQuery.Widget( </code><code class="string">"option"</code><code class="plain">, </code><code class="string">"disabled"</code><code class="plain">, </code><code class="keyword">true</code> <code class="plain">);</code></div></div></td></tr></tbody></table></div>
|
||||||
|
</div>
|
||||||
|
<div id="option-hide" class="api-item">
|
||||||
|
<h3>hide<span class="option-type"><strong>Type: </strong><a href="http://api.jquery.com/Types#Boolean">Boolean</a> or <a href="http://api.jquery.com/Types#Number">Number</a> or <a href="http://api.jquery.com/Types#String">String</a> or <a href="http://api.jquery.com/Types#Object">Object</a></span>
|
||||||
|
</h3>
|
||||||
|
<div class="default">
|
||||||
|
<strong>Default: </strong><code>null</code>
|
||||||
|
</div>
|
||||||
|
<div>If and how to animate the hiding of the element.</div>
|
||||||
|
<strong>Multiple types supported:</strong><ul>
|
||||||
|
<li>
|
||||||
|
<strong>Boolean</strong>:
|
||||||
|
When set to <code>false</code>, no animation will be used and the element will be hidden immediately.
|
||||||
|
When set to <code>true</code>, the element will fade out with the default duration and the default easing.
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<strong>Number</strong>:
|
||||||
|
The element will fade out with the specified duration and the default easing.
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<strong>String</strong>:
|
||||||
|
The element will be hidden using the specified effect.
|
||||||
|
The value can either be the name of a built-in jQuery animateion method, such as <code>"slideUp"</code>, or the name of a jQuery UI effect, such as <code>"fold"</code>.
|
||||||
|
In either case the effect will be used with the default duration and the default easing.
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<strong>Object</strong>: If the value is an object, then <code>effect</code>, <code>duration</code>, and <code>easing</code> properties may be provided. If the <code>effect</code> property contains the name of a jQuery method, then that method will be used; otherwise it is assumed to be the name of a jQuery UI effect. When using a jQuery UI effect that supports additional settings, you may include those settings in the object and they will be passed to the effect. If <code>duration</code> or <code>easing</code> is omitted, then the default values will be used. If <code>effect</code> is omitted, then <code>"fadeOut"</code> will be used.</li>
|
||||||
|
</ul>
|
||||||
|
<strong>Code examples:</strong><p>Initialize the jQuery.Widget with the hide option specified:</p>
|
||||||
|
<div class="syntaxhighlighter nogutter "><table border="0" cellpadding="0" cellspacing="0"><tbody><tr><td class="code"><div class="container"><div class="line number1 index0 alt2"><code class="plain">$( </code><code class="string">".selector"</code> <code class="plain">).jQuery.Widget({ hide: { effect: </code><code class="string">"explode"</code><code class="plain">, duration: 1000 } });</code></div></div></td></tr></tbody></table></div>
|
||||||
|
<p>Get or set the hide option, after initialization:</p>
|
||||||
|
<div class="syntaxhighlighter nogutter "><table border="0" cellpadding="0" cellspacing="0"><tbody><tr><td class="code"><div class="container"><div class="line number1 index0 alt2"><code class="comments">// getter</code></div><div class="line number2 index1 alt1"><code class="keyword">var</code> <code class="plain">hide = $( </code><code class="string">".selector"</code> <code class="plain">).jQuery.Widget( </code><code class="string">"option"</code><code class="plain">, </code><code class="string">"hide"</code> <code class="plain">);</code></div><div class="line number3 index2 alt2"> </div><div class="line number4 index3 alt1"><code class="comments">// setter</code></div><div class="line number5 index4 alt2"><code class="plain">$( </code><code class="string">".selector"</code> <code class="plain">).jQuery.Widget( </code><code class="string">"option"</code><code class="plain">, </code><code class="string">"hide"</code><code class="plain">, { effect: </code><code class="string">"explode"</code><code class="plain">, duration: 1000 } );</code></div></div></td></tr></tbody></table></div>
|
||||||
|
</div>
|
||||||
|
<div id="option-show" class="api-item">
|
||||||
|
<h3>show<span class="option-type"><strong>Type: </strong><a href="http://api.jquery.com/Types#Boolean">Boolean</a> or <a href="http://api.jquery.com/Types#Number">Number</a> or <a href="http://api.jquery.com/Types#String">String</a> or <a href="http://api.jquery.com/Types#Object">Object</a></span>
|
||||||
|
</h3>
|
||||||
|
<div class="default">
|
||||||
|
<strong>Default: </strong><code>null</code>
|
||||||
|
</div>
|
||||||
|
<div>If and how to animate the showing of the element.</div>
|
||||||
|
<strong>Multiple types supported:</strong><ul>
|
||||||
|
<li>
|
||||||
|
<strong>Boolean</strong>:
|
||||||
|
When set to <code>false</code>, no animation will be used and the element will be shown immediately.
|
||||||
|
When set to <code>true</code>, the element will fade in with the default duration and the default easing.
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<strong>Number</strong>:
|
||||||
|
The element will fade in with the specified duration and the default easing.
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<strong>String</strong>:
|
||||||
|
The element will be shown using the specified effect.
|
||||||
|
The value can either be the name of a built-in jQuery animateion method, such as <code>"slideDown"</code>, or the name of a jQuery UI effect, such as <code>"fold"</code>.
|
||||||
|
In either case the effect will be used with the default duration and the default easing.
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<strong>Object</strong>: If the value is an object, then <code>effect</code>, <code>duration</code>, and <code>easing</code> properties may be provided. If the <code>effect</code> property contains the name of a jQuery method, then that method will be used; otherwise it is assumed to be the name of a jQuery UI effect. When using a jQuery UI effect that supports additional settings, you may include those settings in the object and they will be passed to the effect. If <code>duration</code> or <code>easing</code> is omitted, then the default values will be used. If <code>effect</code> is omitted, then <code>"fadeIn"</code> will be used.</li>
|
||||||
|
</ul>
|
||||||
|
<strong>Code examples:</strong><p>Initialize the jQuery.Widget with the show option specified:</p>
|
||||||
|
<div class="syntaxhighlighter nogutter "><table border="0" cellpadding="0" cellspacing="0"><tbody><tr><td class="code"><div class="container"><div class="line number1 index0 alt2"><code class="plain">$( </code><code class="string">".selector"</code> <code class="plain">).jQuery.Widget({ show: { effect: </code><code class="string">"blind"</code><code class="plain">, duration: 800 } });</code></div></div></td></tr></tbody></table></div>
|
||||||
|
<p>Get or set the show option, after initialization:</p>
|
||||||
|
<div class="syntaxhighlighter nogutter "><table border="0" cellpadding="0" cellspacing="0"><tbody><tr><td class="code"><div class="container"><div class="line number1 index0 alt2"><code class="comments">// getter</code></div><div class="line number2 index1 alt1"><code class="keyword">var</code> <code class="plain">show = $( </code><code class="string">".selector"</code> <code class="plain">).jQuery.Widget( </code><code class="string">"option"</code><code class="plain">, </code><code class="string">"show"</code> <code class="plain">);</code></div><div class="line number3 index2 alt2"> </div><div class="line number4 index3 alt1"><code class="comments">// setter</code></div><div class="line number5 index4 alt2"><code class="plain">$( </code><code class="string">".selector"</code> <code class="plain">).jQuery.Widget( </code><code class="string">"option"</code><code class="plain">, </code><code class="string">"show"</code><code class="plain">, { effect: </code><code class="string">"blind"</code><code class="plain">, duration: 800 } );</code></div></div></td></tr></tbody></table></div>
|
||||||
|
</div></section><section id="methods"><header><h2 class="underline">Methods</h2></header><div id="method-_create"><div class="api-item first-item">
|
||||||
|
<h3>_create()</h3>
|
||||||
|
<div>
|
||||||
|
The <code>_create()</code> method is the widget's constructor.
|
||||||
|
There are no parameters, but <code>this.element</code> and <code>this.options</code> are already set.
|
||||||
|
</div>
|
||||||
|
<ul><li><div class="null-signature">This method does not accept any arguments.</div></li></ul>
|
||||||
|
</div></div>
|
||||||
|
<div id="method-_delay"><div class="api-item">
|
||||||
|
<h3>_delay( fn [, delay ] )<span class="returns">Returns: <a href="http://api.jquery.com/Types#Number">Number</a></span>
|
||||||
|
</h3>
|
||||||
|
<div>
|
||||||
|
Invokes the provided function after a specified delay. Keeps <code>this</code> context correct. Essentially <code>setTimeout()</code>.
|
||||||
|
<p>Returns the timeout ID for use with <code>clearTimeout()</code>.</p>
|
||||||
|
</div>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
<div><strong>fn</strong></div>
|
||||||
|
<div>Type: <a href="http://api.jquery.com/Types/#Function">Function</a>() or <a href="http://api.jquery.com/Types#String">String</a>
|
||||||
|
</div>
|
||||||
|
<div>The function to invoke. Can also be the name of a method on the widget.</div>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<div><strong>delay</strong></div>
|
||||||
|
<div>Type: <a href="http://api.jquery.com/Types#Number">Number</a>
|
||||||
|
</div>
|
||||||
|
<div>The number of milliseconds to wait before invoking the function. Deafults to <code>0</code>.</div>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div></div>
|
||||||
|
<div id="method-_destroy"><div class="api-item">
|
||||||
|
<h3>_destroy()</h3>
|
||||||
|
<div>
|
||||||
|
The public <a href="#method-destroy"><code>destroy()</code></a> method cleans up all common data, events, etc. and then delegates out to <code>_destroy()</code> for custom, widget-specific, cleanup.
|
||||||
|
</div>
|
||||||
|
<ul><li><div class="null-signature">This method does not accept any arguments.</div></li></ul>
|
||||||
|
</div></div>
|
||||||
|
<div id="method-_focusable"><div class="api-item">
|
||||||
|
<h3>_focusable( element )</h3>
|
||||||
|
<div>
|
||||||
|
Sets up <code>element</code> to apply the <code>ui-state-focus</code> class on focus.
|
||||||
|
<p>The event handlers are automatically cleaned up on destroy.</p>
|
||||||
|
</div>
|
||||||
|
<ul><li>
|
||||||
|
<div><strong>element</strong></div>
|
||||||
|
<div>Type: <a href="http://api.jquery.com/Types#jQuery">jQuery</a>
|
||||||
|
</div>
|
||||||
|
<div>The element(s) to apply the focusable behavior to.</div>
|
||||||
|
</li></ul>
|
||||||
|
</div></div>
|
||||||
|
<div id="method-_getCreateEventData"><div class="api-item">
|
||||||
|
<h3>_getCreateEventData()<span class="returns">Returns: <a href="http://api.jquery.com/Types#Object">Object</a></span>
|
||||||
|
</h3>
|
||||||
|
<div>
|
||||||
|
All widgets trigger the <a href="#event-create"><code>create</code></a> event. By default, no data is provided in the event, but this method can return an object which will be passed as the <code>create</code> event's data.
|
||||||
|
</div>
|
||||||
|
<ul><li><div class="null-signature">This method does not accept any arguments.</div></li></ul>
|
||||||
|
</div></div>
|
||||||
|
<div id="method-_getCreateOptions"><div class="api-item">
|
||||||
|
<h3>_getCreateOptions()<span class="returns">Returns: <a href="http://api.jquery.com/Types#Object">Object</a></span>
|
||||||
|
</h3>
|
||||||
|
<div>
|
||||||
|
This method allows the widget to define a custom method for defining options during instantiation. This user-provided options override the options returned by this method which override the default options.
|
||||||
|
</div>
|
||||||
|
<ul><li><div class="null-signature">This method does not accept any arguments.</div></li></ul>
|
||||||
|
</div></div>
|
||||||
|
<div id="method-_hide"><div class="api-item">
|
||||||
|
<h3>_hide( element, option [, callback ] )</h3>
|
||||||
|
<div>
|
||||||
|
Hides an element immediately, using built-in animation methods, or using custom effects.
|
||||||
|
See the <a href="#option-hide">hide</a> option for possible <code>option</code> values.
|
||||||
|
</div>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
<div><strong>element</strong></div>
|
||||||
|
<div>Type: <a href="http://api.jquery.com/Types#jQuery">jQuery</a>
|
||||||
|
</div>
|
||||||
|
<div>The element(s) to hide.</div>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<div><strong>option</strong></div>
|
||||||
|
<div>Type: <a href="http://api.jquery.com/Types#Object">Object</a>
|
||||||
|
</div>
|
||||||
|
<div>The settings defining how to hide the element.</div>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<div><strong>callback</strong></div>
|
||||||
|
<div>Type: <a href="http://api.jquery.com/Types/#Function">Function</a>()</div>
|
||||||
|
<div>Callback to invoke after the element has been fully hidden.</div>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div></div>
|
||||||
|
<div id="method-_hoverable"><div class="api-item">
|
||||||
|
<h3>_hoverable( element )</h3>
|
||||||
|
<div>
|
||||||
|
Sets up <code>element</code> to apply the <code>ui-state-hover</code> class on hover.
|
||||||
|
<p>The event handlers are automatically cleaned up on destroy.</p>
|
||||||
|
</div>
|
||||||
|
<ul><li>
|
||||||
|
<div><strong>element</strong></div>
|
||||||
|
<div>Type: <a href="http://api.jquery.com/Types#jQuery">jQuery</a>
|
||||||
|
</div>
|
||||||
|
<div>The element(s) to apply the hoverable behavior to.</div>
|
||||||
|
</li></ul>
|
||||||
|
</div></div>
|
||||||
|
<div id="method-_init"><div class="api-item">
|
||||||
|
<h3>_init()</h3>
|
||||||
|
<div>
|
||||||
|
Widgets have the concept of initialization that is distinct from creation. Any time the plugin is called with no arguments or with only an option hash, the widget is initialized; this includes when the widget is created.
|
||||||
|
|
||||||
|
<p><em>Note: Initialization should only be handled if there is a logical action to perform on successive calls to the widget with no arguments.</em></p>
|
||||||
|
</div>
|
||||||
|
<ul><li><div class="null-signature">This method does not accept any arguments.</div></li></ul>
|
||||||
|
</div></div>
|
||||||
|
<div id="method-_off"><div class="api-item">
|
||||||
|
<h3>_off( element, eventName )</h3>
|
||||||
|
<div>
|
||||||
|
Unbinds event handlers from the specified element(s).
|
||||||
|
</div>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
<div><strong>element</strong></div>
|
||||||
|
<div>Type: <a href="http://api.jquery.com/Types#jQuery">jQuery</a>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
The element(s) to unbind the event handlers from. Unlike the <code>_on()</code> method, the elements are required for <code>_off()</code>.
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<div><strong>eventName</strong></div>
|
||||||
|
<div>Type: <a href="http://api.jquery.com/Types#String">String</a>
|
||||||
|
</div>
|
||||||
|
<div>One or more space-separated event types.</div>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div></div>
|
||||||
|
<div id="method-_on"><div class="api-item">
|
||||||
|
<h3>_on( [element ], handlers )</h3>
|
||||||
|
<div>
|
||||||
|
Binds event handlers to the specified element(s). Delegation is supported via selectors inside the event names, e.g., "<code>click .foo</code>". The <code>_on()</code> method provides several benefits of direct event binding:
|
||||||
|
<ul>
|
||||||
|
<li>Maintains proper <code>this</code> context inside the handlers.</li>
|
||||||
|
<li>Automatically handles disabled widgets: If the widget is disabled or the event occurs on an element with the <code>ui-state-disabled</code> class, the event handler is not invoked.</li>
|
||||||
|
<li>Event handlers are automatically namespaced and cleaned up on destroy.</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
<div><strong>element</strong></div>
|
||||||
|
<div>Type: <a href="http://api.jquery.com/Types#jQuery">jQuery</a>
|
||||||
|
</div>
|
||||||
|
<div>Which element(s) to bind the event handlers to. If no element is provided, <code>this.element</code> is used.</div>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<div><strong>handlers</strong></div>
|
||||||
|
<div>Type: <a href="http://api.jquery.com/Types#Object">Object</a>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
A map in which the string keys represent the event type and optional selector for delegation, and the values represent a handler function to be called for the event.
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div></div>
|
||||||
|
<div id="method-_setOption"><div class="api-item">
|
||||||
|
<h3>_setOption( key, value )</h3>
|
||||||
|
<div>
|
||||||
|
Called from the <a href="#method-_setOptions"><code>_setOptions()</code></a> method for each individual option. Widget state should be updated based on changes.
|
||||||
|
</div>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
<div><strong>key</strong></div>
|
||||||
|
<div>Type: <a href="http://api.jquery.com/Types#String">String</a>
|
||||||
|
</div>
|
||||||
|
<div>The name of the option to set.</div>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<div><strong>value</strong></div>
|
||||||
|
<div>Type: <a href="http://api.jquery.com/Types#Object">Object</a>
|
||||||
|
</div>
|
||||||
|
<div>A value to set for the option.</div>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div></div>
|
||||||
|
<div id="method-_setOptions"><div class="api-item">
|
||||||
|
<h3>_setOptions( options )</h3>
|
||||||
|
<div>
|
||||||
|
Called whenever the <a href="#method-option"><code>option()</code></a> method is called, regardless of the form in which the <code>option()</code> method was called.
|
||||||
|
<p>Overriding this is useful if you can defer processor-intensive changes for multiple option changes.</p>
|
||||||
|
</div>
|
||||||
|
<ul><li>
|
||||||
|
<div><strong>options</strong></div>
|
||||||
|
<div>Type: <a href="http://api.jquery.com/Types#Object">Object</a>
|
||||||
|
</div>
|
||||||
|
<div>A map of option-value pairs to set.</div>
|
||||||
|
</li></ul>
|
||||||
|
</div></div>
|
||||||
|
<div id="method-_show"><div class="api-item">
|
||||||
|
<h3>_show( element, option [, callback ] )</h3>
|
||||||
|
<div>
|
||||||
|
Shows an element immediately, using built-in animation methods, or using custom effects.
|
||||||
|
See the <a href="#option-show">show</a> option for possible <code>option</code> values.
|
||||||
|
</div>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
<div><strong>element</strong></div>
|
||||||
|
<div>Type: <a href="http://api.jquery.com/Types#jQuery">jQuery</a>
|
||||||
|
</div>
|
||||||
|
<div>The element(s) to show.</div>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<div><strong>option</strong></div>
|
||||||
|
<div>Type: <a href="http://api.jquery.com/Types#Object">Object</a>
|
||||||
|
</div>
|
||||||
|
<div>The settings defining how to show the element.</div>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<div><strong>callback</strong></div>
|
||||||
|
<div>Type: <a href="http://api.jquery.com/Types/#Function">Function</a>()</div>
|
||||||
|
<div>Callback to invoke after the element has been fully shown.</div>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div></div>
|
||||||
|
<div id="method-_super"><div class="api-item">
|
||||||
|
<h3>_super()</h3>
|
||||||
|
<div>
|
||||||
|
Invokes the method of the same name from the parent widget, with any specified arguments. Essentially <code>.call()</code>.
|
||||||
|
</div>
|
||||||
|
<ul><li><div class="null-signature">This method does not accept any arguments.</div></li></ul>
|
||||||
|
</div></div>
|
||||||
|
<div id="method-_superApply"><div class="api-item">
|
||||||
|
<h3>_superApply( arguments )</h3>
|
||||||
|
<div>
|
||||||
|
Invokes the method of the same name from the parent widget, with the array of arguments. Essentially <code>.apply()</code>.
|
||||||
|
</div>
|
||||||
|
<ul><li>
|
||||||
|
<div><strong>arguments</strong></div>
|
||||||
|
<div>Type: <a href="http://api.jquery.com/Types#Array">Array</a>
|
||||||
|
</div>
|
||||||
|
<div>Array of arguments to pass to the parent method.</div>
|
||||||
|
</li></ul>
|
||||||
|
</div></div>
|
||||||
|
<div id="method-_trigger"><div class="api-item">
|
||||||
|
<h3>_trigger( type [, event ] [, data ] )</h3>
|
||||||
|
<div>
|
||||||
|
Triggers an event and its associated callback.
|
||||||
|
<p>The option with the name equal to type is invoked as the callback.</p>
|
||||||
|
<p>The event name is the widget name + type.</p>
|
||||||
|
<p><em>Note: When providing data, you must provide all three parameters. If there is no event to pass along, just pass <code>null</code>.</em></p>
|
||||||
|
</div>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
<div><strong>type</strong></div>
|
||||||
|
<div>Type: <a href="http://api.jquery.com/Types#String">String</a>
|
||||||
|
</div>
|
||||||
|
<div>The <code>type</code> should match the name of a callback option. The full event type will be generated automatically.</div>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<div><strong>event</strong></div>
|
||||||
|
<div>Type: <a href="http://api.jquery.com/Types#Event">Event</a>
|
||||||
|
</div>
|
||||||
|
<div>The original event that caused this event to occur; useful for providing context to the listener.</div>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<div><strong>data</strong></div>
|
||||||
|
<div>Type: <a href="http://api.jquery.com/Types#Object">Object</a>
|
||||||
|
</div>
|
||||||
|
<div>A hash of data associated with the event.</div>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div></div>
|
||||||
|
<div id="method-destroy"><div class="api-item">
|
||||||
|
<h3>destroy()</h3>
|
||||||
|
<div>
|
||||||
|
Removes the jQuery.Widget functionality completely. This will return the element back to its pre-init state.
|
||||||
|
</div>
|
||||||
|
<ul><li><div class="null-signature">This method does not accept any arguments.</div></li></ul>
|
||||||
|
</div></div>
|
||||||
|
<div id="method-disable"><div class="api-item">
|
||||||
|
<h3>disable()</h3>
|
||||||
|
<div>
|
||||||
|
Disables the jQuery.Widget.
|
||||||
|
</div>
|
||||||
|
<ul><li><div class="null-signature">This method does not accept any arguments.</div></li></ul>
|
||||||
|
</div></div>
|
||||||
|
<div id="method-enable"><div class="api-item">
|
||||||
|
<h3>enable()</h3>
|
||||||
|
<div>
|
||||||
|
Enables the jQuery.Widget.
|
||||||
|
</div>
|
||||||
|
<ul><li><div class="null-signature">This method does not accept any arguments.</div></li></ul>
|
||||||
|
</div></div>
|
||||||
|
<div id="method-option">
|
||||||
|
<div class="api-item">
|
||||||
|
<h3>option( optionName )<span class="returns">Returns: <a href="http://api.jquery.com/Types#Object">Object</a></span>
|
||||||
|
</h3>
|
||||||
|
<div>Gets the value currently associated with the specified <code>optionName</code>.</div>
|
||||||
|
<ul><li>
|
||||||
|
<div><strong>optionName</strong></div>
|
||||||
|
<div>Type: <a href="http://api.jquery.com/Types#String">String</a>
|
||||||
|
</div>
|
||||||
|
<div>The name of the option to get.</div>
|
||||||
|
</li></ul>
|
||||||
|
<div>
|
||||||
|
<strong>Code examples:</strong><p>Invoke the method:</p>
|
||||||
|
<div class="syntaxhighlighter nogutter "><table border="0" cellpadding="0" cellspacing="0"><tbody><tr><td class="code"><div class="container"><div class="line number1 index0 alt2"><code class="keyword">var</code> <code class="plain">isDisabled = $( </code><code class="string">".selector"</code> <code class="plain">).jQuery.Widget( </code><code class="string">"option"</code><code class="plain">, </code><code class="string">"disabled"</code> <code class="plain">);</code></div></div></td></tr></tbody></table></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="api-item">
|
||||||
|
<h3>option()<span class="returns">Returns: <a href="http://api.jquery.com/Types#PlainObject">PlainObject</a></span>
|
||||||
|
</h3>
|
||||||
|
<div>Gets an object containing key/value pairs representing the current jQuery.Widget options hash.</div>
|
||||||
|
<ul><li><div class="null-signature">This method does not accept any arguments.</div></li></ul>
|
||||||
|
<div>
|
||||||
|
<strong>Code examples:</strong><p>Invoke the method:</p>
|
||||||
|
<div class="syntaxhighlighter nogutter "><table border="0" cellpadding="0" cellspacing="0"><tbody><tr><td class="code"><div class="container"><div class="line number1 index0 alt2"><code class="keyword">var</code> <code class="plain">options = $( </code><code class="string">".selector"</code> <code class="plain">).jQuery.Widget( </code><code class="string">"option"</code> <code class="plain">);</code></div></div></td></tr></tbody></table></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="api-item">
|
||||||
|
<h3>option( optionName, value )</h3>
|
||||||
|
<div>Sets the value of the jQuery.Widget option associated with the specified <code>optionName</code>.</div>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
<div><strong>optionName</strong></div>
|
||||||
|
<div>Type: <a href="http://api.jquery.com/Types#String">String</a>
|
||||||
|
</div>
|
||||||
|
<div>The name of the option to set.</div>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<div><strong>value</strong></div>
|
||||||
|
<div>Type: <a href="http://api.jquery.com/Types#Object">Object</a>
|
||||||
|
</div>
|
||||||
|
<div>A value to set for the option.</div>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<div>
|
||||||
|
<strong>Code examples:</strong><p>Invoke the method:</p>
|
||||||
|
<div class="syntaxhighlighter nogutter "><table border="0" cellpadding="0" cellspacing="0"><tbody><tr><td class="code"><div class="container"><div class="line number1 index0 alt2"><code class="plain">$( </code><code class="string">".selector"</code> <code class="plain">).jQuery.Widget( </code><code class="string">"option"</code><code class="plain">, </code><code class="string">"disabled"</code><code class="plain">, </code><code class="keyword">true</code> <code class="plain">);</code></div></div></td></tr></tbody></table></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="api-item">
|
||||||
|
<h3>option( options )</h3>
|
||||||
|
<div>Sets one or more options for the jQuery.Widget.</div>
|
||||||
|
<ul><li>
|
||||||
|
<div><strong>options</strong></div>
|
||||||
|
<div>Type: <a href="http://api.jquery.com/Types#Object">Object</a>
|
||||||
|
</div>
|
||||||
|
<div>A map of option-value pairs to set.</div>
|
||||||
|
</li></ul>
|
||||||
|
<div>
|
||||||
|
<strong>Code examples:</strong><p>Invoke the method:</p>
|
||||||
|
<div class="syntaxhighlighter nogutter "><table border="0" cellpadding="0" cellspacing="0"><tbody><tr><td class="code"><div class="container"><div class="line number1 index0 alt2"><code class="plain">$( </code><code class="string">".selector"</code> <code class="plain">).jQuery.Widget( </code><code class="string">"option"</code><code class="plain">, { disabled: </code><code class="keyword">true</code> <code class="plain">} );</code></div></div></td></tr></tbody></table></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div id="method-widget"><div class="api-item">
|
||||||
|
<h3>widget()<span class="returns">Returns: <a href="http://api.jquery.com/Types#jQuery">jQuery</a></span>
|
||||||
|
</h3>
|
||||||
|
<div>
|
||||||
|
Returns a <code>jQuery</code> object containing the original element or other relevant generated element.
|
||||||
|
</div>
|
||||||
|
<ul><li><div class="null-signature">This method does not accept any arguments.</div></li></ul>
|
||||||
|
</div></div></section><section id="events"><header><h2 class="underline">Events</h2></header><div id="event-create" class="api-item first-item">
|
||||||
|
<h3>create( event, ui )<span class="returns">Type: <code>jQuery.Widgetcreate</code></span>
|
||||||
|
</h3>
|
||||||
|
<div>
|
||||||
|
Triggered when the jQuery.Widget is created.
|
||||||
|
</div>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
<div><strong>event</strong></div>
|
||||||
|
<div>Type: <a href="http://api.jquery.com/Types#Event">Event</a>
|
||||||
|
</div>
|
||||||
|
<div></div>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<div><strong>ui</strong></div>
|
||||||
|
<div>Type: <a href="http://api.jquery.com/Types#Object">Object</a>
|
||||||
|
</div>
|
||||||
|
<div></div>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<div>
|
||||||
|
<strong>Code examples:</strong><p>Initialize the jQuery.Widget with the create callback specified:</p>
|
||||||
|
<div class="syntaxhighlighter nogutter "><table border="0" cellpadding="0" cellspacing="0"><tbody><tr><td class="code"><div class="container"><div class="line number1 index0 alt2"><code class="plain">$( </code><code class="string">".selector"</code> <code class="plain">).jQuery.Widget({</code></div><div class="line number2 index1 alt1"><code class="undefined spaces"> </code><code class="plain">create: </code><code class="keyword">function</code><code class="plain">( event, ui ) {}</code></div><div class="line number3 index2 alt2"><code class="plain">});</code></div></div></td></tr></tbody></table></div>
|
||||||
|
<p>Bind an event listener to the jQuery.Widgetcreate event:</p>
|
||||||
|
<div class="syntaxhighlighter nogutter "><table border="0" cellpadding="0" cellspacing="0"><tbody><tr><td class="code"><div class="container"><div class="line number1 index0 alt2"><code class="plain">$( </code><code class="string">".selector"</code> <code class="plain">).on( </code><code class="string">"jQuery.Widgetcreate"</code><code class="plain">, </code><code class="keyword">function</code><code class="plain">( event, ui ) {} );</code></div></div></td></tr></tbody></table></div>
|
||||||
|
</div>
|
||||||
|
</div></section>
|
||||||
|
</div></article>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
216
jquery-ui-1.10.2.custom/development-bundle/docs/mouse.html
Executable file
@ -0,0 +1,216 @@
|
|||||||
|
<!doctype html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>jQuery UI mouse documentation</title>
|
||||||
|
|
||||||
|
<style>
|
||||||
|
body {
|
||||||
|
font-family: "Trebuchet MS", "Arial", "Helvetica", "Verdana", "sans-serif"
|
||||||
|
}
|
||||||
|
.gutter {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<script>{
|
||||||
|
"title":
|
||||||
|
"Mouse Interaction",
|
||||||
|
"excerpt":
|
||||||
|
"The base interaction layer.",
|
||||||
|
"termSlugs": {
|
||||||
|
"category": [
|
||||||
|
"utilities","interactions"
|
||||||
|
]
|
||||||
|
}
|
||||||
|
}</script><article id="jQuery-ui-mouse1" class="entry widget"><h2 class="section-title"><span>Mouse Interaction</span></h2>
|
||||||
|
<div class="entry-wrapper">
|
||||||
|
<p class="desc"><strong>Description: </strong>The base interaction layer.</p>
|
||||||
|
<section id="quick-nav"><header><h2>QuickNav</h2></header><div class="quick-nav-section">
|
||||||
|
<h3>Options</h3>
|
||||||
|
<div><a href="#option-cancel">cancel</a></div>
|
||||||
|
<div><a href="#option-delay">delay</a></div>
|
||||||
|
<div><a href="#option-distance">distance</a></div>
|
||||||
|
</div>
|
||||||
|
<div class="quick-nav-section">
|
||||||
|
<h3>Methods</h3>
|
||||||
|
<div><a href="#method-_mouseInit">_mouseInit</a></div>
|
||||||
|
<div><a href="#method-_mouseDestroy">_mouseDestroy</a></div>
|
||||||
|
<div><a href="#method-_mouseDown">_mouseDown</a></div>
|
||||||
|
<div><a href="#method-_mouseMove">_mouseMove</a></div>
|
||||||
|
<div><a href="#method-_mouseUp">_mouseUp</a></div>
|
||||||
|
<div><a href="#method-_mouseDistanceMet">_mouseDistanceMet</a></div>
|
||||||
|
<div><a href="#method-_mouseDelayMet">_mouseDelayMet</a></div>
|
||||||
|
<div><a href="#method-_mouseStart">_mouseStart</a></div>
|
||||||
|
<div><a href="#method-_mouseDrag">_mouseDrag</a></div>
|
||||||
|
<div><a href="#method-_mouseStop">_mouseStop</a></div>
|
||||||
|
<div><a href="#method-_mouseCapture">_mouseCapture</a></div>
|
||||||
|
</div>
|
||||||
|
<div class="quick-nav-section"><h3>Events</h3></div></section><div class="longdesc" id="entry-longdesc">
|
||||||
|
<p>Similar to <a href="/jQuery.Widget#jQuery-Widget2"><code>jQuery.Widget</code></a>, the mouse interaction is not intended to be used directly. It is purely a base layer for other widgets to inherit from. This page only documents what is added to <code>jQuery.Widget</code>, but it does include internal methods that are not intended to be overwritten. The intended public API is <a href="#method-_mouseStart"><code>_mouseStart()</code></a>, <a href="#method-_mouseDrag"><code>_mouseDrag()</code></a>, <a href="#method-_mouseStop"><code>_mouseStop()</code></a>, and <a href="#method-_mouseCapture"><code>_mouseCapture()</code></a>.</p>
|
||||||
|
</div>
|
||||||
|
<section id="options"><header><h2 class="underline">Options</h2></header><div id="option-cancel" class="api-item first-item">
|
||||||
|
<h3>cancel<span class="option-type"><strong>Type: </strong><a href="http://api.jquery.com/Types#Selector">Selector</a></span>
|
||||||
|
</h3>
|
||||||
|
<div class="default">
|
||||||
|
<strong>Default: </strong><code>"input,textarea,button,select,option"</code>
|
||||||
|
</div>
|
||||||
|
<div>Prevents interactions from starting on specified elements.</div>
|
||||||
|
<strong>Code examples:</strong><p>Initialize the jQuery.ui.mouse with the cancel option specified:</p>
|
||||||
|
<div class="syntaxhighlighter nogutter "><table border="0" cellpadding="0" cellspacing="0"><tbody><tr><td class="code"><div class="container"><div class="line number1 index0 alt2"><code class="plain">$( </code><code class="string">".selector"</code> <code class="plain">).jQuery.ui.mouse({ cancel: </code><code class="string">".title"</code> <code class="plain">});</code></div></div></td></tr></tbody></table></div>
|
||||||
|
<p>Get or set the cancel option, after initialization:</p>
|
||||||
|
<div class="syntaxhighlighter nogutter "><table border="0" cellpadding="0" cellspacing="0"><tbody><tr><td class="code"><div class="container"><div class="line number1 index0 alt2"><code class="comments">// getter</code></div><div class="line number2 index1 alt1"><code class="keyword">var</code> <code class="plain">cancel = $( </code><code class="string">".selector"</code> <code class="plain">).jQuery.ui.mouse( </code><code class="string">"option"</code><code class="plain">, </code><code class="string">"cancel"</code> <code class="plain">);</code></div><div class="line number3 index2 alt2"> </div><div class="line number4 index3 alt1"><code class="comments">// setter</code></div><div class="line number5 index4 alt2"><code class="plain">$( </code><code class="string">".selector"</code> <code class="plain">).jQuery.ui.mouse( </code><code class="string">"option"</code><code class="plain">, </code><code class="string">"cancel"</code><code class="plain">, </code><code class="string">".title"</code> <code class="plain">);</code></div></div></td></tr></tbody></table></div>
|
||||||
|
</div>
|
||||||
|
<div id="option-delay" class="api-item">
|
||||||
|
<h3>delay<span class="option-type"><strong>Type: </strong><a href="http://api.jquery.com/Types#Number">Number</a></span>
|
||||||
|
</h3>
|
||||||
|
<div class="default">
|
||||||
|
<strong>Default: </strong><code>0</code>
|
||||||
|
</div>
|
||||||
|
<div>Time in milliseconds after mousedown until the interaction should start. This option can be used to prevent unwanted interactions when clicking on an element.</div>
|
||||||
|
<strong>Code examples:</strong><p>Initialize the jQuery.ui.mouse with the delay option specified:</p>
|
||||||
|
<div class="syntaxhighlighter nogutter "><table border="0" cellpadding="0" cellspacing="0"><tbody><tr><td class="code"><div class="container"><div class="line number1 index0 alt2"><code class="plain">$( </code><code class="string">".selector"</code> <code class="plain">).jQuery.ui.mouse({ delay: 300 });</code></div></div></td></tr></tbody></table></div>
|
||||||
|
<p>Get or set the delay option, after initialization:</p>
|
||||||
|
<div class="syntaxhighlighter nogutter "><table border="0" cellpadding="0" cellspacing="0"><tbody><tr><td class="code"><div class="container"><div class="line number1 index0 alt2"><code class="comments">// getter</code></div><div class="line number2 index1 alt1"><code class="keyword">var</code> <code class="plain">delay = $( </code><code class="string">".selector"</code> <code class="plain">).jQuery.ui.mouse( </code><code class="string">"option"</code><code class="plain">, </code><code class="string">"delay"</code> <code class="plain">);</code></div><div class="line number3 index2 alt2"> </div><div class="line number4 index3 alt1"><code class="comments">// setter</code></div><div class="line number5 index4 alt2"><code class="plain">$( </code><code class="string">".selector"</code> <code class="plain">).jQuery.ui.mouse( </code><code class="string">"option"</code><code class="plain">, </code><code class="string">"delay"</code><code class="plain">, 300 );</code></div></div></td></tr></tbody></table></div>
|
||||||
|
</div>
|
||||||
|
<div id="option-distance" class="api-item">
|
||||||
|
<h3>distance<span class="option-type"><strong>Type: </strong><a href="http://api.jquery.com/Types#Number">Number</a></span>
|
||||||
|
</h3>
|
||||||
|
<div class="default">
|
||||||
|
<strong>Default: </strong><code>1</code>
|
||||||
|
</div>
|
||||||
|
<div>Distance in pixels after mousedown the mouse must move before the interaction should start. This option can be used to prevent unwanted interactions when clicking on an element.</div>
|
||||||
|
<strong>Code examples:</strong><p>Initialize the jQuery.ui.mouse with the distance option specified:</p>
|
||||||
|
<div class="syntaxhighlighter nogutter "><table border="0" cellpadding="0" cellspacing="0"><tbody><tr><td class="code"><div class="container"><div class="line number1 index0 alt2"><code class="plain">$( </code><code class="string">".selector"</code> <code class="plain">).jQuery.ui.mouse({ distance: 10 });</code></div></div></td></tr></tbody></table></div>
|
||||||
|
<p>Get or set the distance option, after initialization:</p>
|
||||||
|
<div class="syntaxhighlighter nogutter "><table border="0" cellpadding="0" cellspacing="0"><tbody><tr><td class="code"><div class="container"><div class="line number1 index0 alt2"><code class="comments">// getter</code></div><div class="line number2 index1 alt1"><code class="keyword">var</code> <code class="plain">distance = $( </code><code class="string">".selector"</code> <code class="plain">).jQuery.ui.mouse( </code><code class="string">"option"</code><code class="plain">, </code><code class="string">"distance"</code> <code class="plain">);</code></div><div class="line number3 index2 alt2"> </div><div class="line number4 index3 alt1"><code class="comments">// setter</code></div><div class="line number5 index4 alt2"><code class="plain">$( </code><code class="string">".selector"</code> <code class="plain">).jQuery.ui.mouse( </code><code class="string">"option"</code><code class="plain">, </code><code class="string">"distance"</code><code class="plain">, 10 );</code></div></div></td></tr></tbody></table></div>
|
||||||
|
</div></section><section id="methods"><header><h2 class="underline">Methods</h2></header><div id="method-_mouseCapture"><div class="api-item first-item">
|
||||||
|
<h3>_mouseCapture()<span class="returns">Returns: <a href="http://api.jquery.com/Types#Boolean">Boolean</a></span>
|
||||||
|
</h3>
|
||||||
|
<div>
|
||||||
|
Determines whether an interaction should start based on event target of the interaction. The default implementation always returns <code>true</code>.
|
||||||
|
</div>
|
||||||
|
<ul><li><div class="null-signature">This method does not accept any arguments.</div></li></ul>
|
||||||
|
<div>
|
||||||
|
<strong>Code examples:</strong><p>Invoke the _mouseCapture method:</p>
|
||||||
|
<div class="syntaxhighlighter nogutter "><table border="0" cellpadding="0" cellspacing="0"><tbody><tr><td class="code"><div class="container"><div class="line number1 index0 alt2"><code class="plain">$( </code><code class="string">".selector"</code> <code class="plain">).jQuery.ui.mouse( </code><code class="string">"_mouseCapture"</code> <code class="plain">);</code></div></div></td></tr></tbody></table></div>
|
||||||
|
</div>
|
||||||
|
</div></div>
|
||||||
|
<div id="method-_mouseDelayMet"><div class="api-item">
|
||||||
|
<h3>_mouseDelayMet()<span class="returns">Returns: <a href="http://api.jquery.com/Types#Boolean">Boolean</a></span>
|
||||||
|
</h3>
|
||||||
|
<div>
|
||||||
|
Determines whether the <a href="#option-delay"><code>delay</code></a> option has been met for the current interaction.
|
||||||
|
</div>
|
||||||
|
<ul><li><div class="null-signature">This method does not accept any arguments.</div></li></ul>
|
||||||
|
<div>
|
||||||
|
<strong>Code examples:</strong><p>Invoke the _mouseDelayMet method:</p>
|
||||||
|
<div class="syntaxhighlighter nogutter "><table border="0" cellpadding="0" cellspacing="0"><tbody><tr><td class="code"><div class="container"><div class="line number1 index0 alt2"><code class="plain">$( </code><code class="string">".selector"</code> <code class="plain">).jQuery.ui.mouse( </code><code class="string">"_mouseDelayMet"</code> <code class="plain">);</code></div></div></td></tr></tbody></table></div>
|
||||||
|
</div>
|
||||||
|
</div></div>
|
||||||
|
<div id="method-_mouseDestroy"><div class="api-item">
|
||||||
|
<h3>_mouseDestroy()</h3>
|
||||||
|
<div>
|
||||||
|
Destroys the interaction event handlers. This must be called from the extending widget's <code>_destroy()</code> method.
|
||||||
|
</div>
|
||||||
|
<ul><li><div class="null-signature">This method does not accept any arguments.</div></li></ul>
|
||||||
|
<div>
|
||||||
|
<strong>Code examples:</strong><p>Invoke the _mouseDestroy method:</p>
|
||||||
|
<div class="syntaxhighlighter nogutter "><table border="0" cellpadding="0" cellspacing="0"><tbody><tr><td class="code"><div class="container"><div class="line number1 index0 alt2"><code class="plain">$( </code><code class="string">".selector"</code> <code class="plain">).jQuery.ui.mouse( </code><code class="string">"_mouseDestroy"</code> <code class="plain">);</code></div></div></td></tr></tbody></table></div>
|
||||||
|
</div>
|
||||||
|
</div></div>
|
||||||
|
<div id="method-_mouseDistanceMet"><div class="api-item">
|
||||||
|
<h3>_mouseDistanceMet()<span class="returns">Returns: <a href="http://api.jquery.com/Types#Boolean">Boolean</a></span>
|
||||||
|
</h3>
|
||||||
|
<div>
|
||||||
|
Determines whether the <a href="#option-distance"><code>distance</code></a> option has been met for the current interaction.
|
||||||
|
</div>
|
||||||
|
<ul><li><div class="null-signature">This method does not accept any arguments.</div></li></ul>
|
||||||
|
<div>
|
||||||
|
<strong>Code examples:</strong><p>Invoke the _mouseDistanceMet method:</p>
|
||||||
|
<div class="syntaxhighlighter nogutter "><table border="0" cellpadding="0" cellspacing="0"><tbody><tr><td class="code"><div class="container"><div class="line number1 index0 alt2"><code class="plain">$( </code><code class="string">".selector"</code> <code class="plain">).jQuery.ui.mouse( </code><code class="string">"_mouseDistanceMet"</code> <code class="plain">);</code></div></div></td></tr></tbody></table></div>
|
||||||
|
</div>
|
||||||
|
</div></div>
|
||||||
|
<div id="method-_mouseDown"><div class="api-item">
|
||||||
|
<h3>_mouseDown()</h3>
|
||||||
|
<div>
|
||||||
|
Handles the beginning of an interaction. Verifies that the event is associated with the primary mouse button and ensures that the <a href="#option-delay"><code>delay</code></a> and <a href="#option-distance"><code>distance</code></a> options are met prior to starting the interaction. When the interaction is ready to start, invokes the <a href="#method-_mouseStart"><code>_mouseStart()</code></a> method for the extending widget to handle.
|
||||||
|
</div>
|
||||||
|
<ul><li><div class="null-signature">This method does not accept any arguments.</div></li></ul>
|
||||||
|
<div>
|
||||||
|
<strong>Code examples:</strong><p>Invoke the _mouseDown method:</p>
|
||||||
|
<div class="syntaxhighlighter nogutter "><table border="0" cellpadding="0" cellspacing="0"><tbody><tr><td class="code"><div class="container"><div class="line number1 index0 alt2"><code class="plain">$( </code><code class="string">".selector"</code> <code class="plain">).jQuery.ui.mouse( </code><code class="string">"_mouseDown"</code> <code class="plain">);</code></div></div></td></tr></tbody></table></div>
|
||||||
|
</div>
|
||||||
|
</div></div>
|
||||||
|
<div id="method-_mouseDrag"><div class="api-item">
|
||||||
|
<h3>_mouseDrag()</h3>
|
||||||
|
<div>
|
||||||
|
The extending widget should implement a <code>_mouseDrag()</code> method to handle each movement of an interaction. This method will receive the mouse event associated with the movement.
|
||||||
|
</div>
|
||||||
|
<ul><li><div class="null-signature">This method does not accept any arguments.</div></li></ul>
|
||||||
|
<div>
|
||||||
|
<strong>Code examples:</strong><p>Invoke the _mouseDrag method:</p>
|
||||||
|
<div class="syntaxhighlighter nogutter "><table border="0" cellpadding="0" cellspacing="0"><tbody><tr><td class="code"><div class="container"><div class="line number1 index0 alt2"><code class="plain">$( </code><code class="string">".selector"</code> <code class="plain">).jQuery.ui.mouse( </code><code class="string">"_mouseDrag"</code> <code class="plain">);</code></div></div></td></tr></tbody></table></div>
|
||||||
|
</div>
|
||||||
|
</div></div>
|
||||||
|
<div id="method-_mouseInit"><div class="api-item">
|
||||||
|
<h3>_mouseInit()</h3>
|
||||||
|
<div>
|
||||||
|
Initializes the interaction event handlers. This must be called from the extending widget's <code>_create()</code> method.
|
||||||
|
</div>
|
||||||
|
<ul><li><div class="null-signature">This method does not accept any arguments.</div></li></ul>
|
||||||
|
<div>
|
||||||
|
<strong>Code examples:</strong><p>Invoke the _mouseInit method:</p>
|
||||||
|
<div class="syntaxhighlighter nogutter "><table border="0" cellpadding="0" cellspacing="0"><tbody><tr><td class="code"><div class="container"><div class="line number1 index0 alt2"><code class="plain">$( </code><code class="string">".selector"</code> <code class="plain">).jQuery.ui.mouse( </code><code class="string">"_mouseInit"</code> <code class="plain">);</code></div></div></td></tr></tbody></table></div>
|
||||||
|
</div>
|
||||||
|
</div></div>
|
||||||
|
<div id="method-_mouseMove"><div class="api-item">
|
||||||
|
<h3>_mouseMove()</h3>
|
||||||
|
<div>
|
||||||
|
Handles each movement of the interaction. Invokes the <a href="#method-_mouseDrag"><code>mouseDrag()</code></a> method for the extending widget to handle.
|
||||||
|
</div>
|
||||||
|
<ul><li><div class="null-signature">This method does not accept any arguments.</div></li></ul>
|
||||||
|
<div>
|
||||||
|
<strong>Code examples:</strong><p>Invoke the _mouseMove method:</p>
|
||||||
|
<div class="syntaxhighlighter nogutter "><table border="0" cellpadding="0" cellspacing="0"><tbody><tr><td class="code"><div class="container"><div class="line number1 index0 alt2"><code class="plain">$( </code><code class="string">".selector"</code> <code class="plain">).jQuery.ui.mouse( </code><code class="string">"_mouseMove"</code> <code class="plain">);</code></div></div></td></tr></tbody></table></div>
|
||||||
|
</div>
|
||||||
|
</div></div>
|
||||||
|
<div id="method-_mouseStart"><div class="api-item">
|
||||||
|
<h3>_mouseStart()</h3>
|
||||||
|
<div>
|
||||||
|
The extending widget should implement a <code>_mouseStart()</code> method to handle the beginning of an interaction. This method will receive the mouse event associated with the start of the interaction.
|
||||||
|
</div>
|
||||||
|
<ul><li><div class="null-signature">This method does not accept any arguments.</div></li></ul>
|
||||||
|
<div>
|
||||||
|
<strong>Code examples:</strong><p>Invoke the _mouseStart method:</p>
|
||||||
|
<div class="syntaxhighlighter nogutter "><table border="0" cellpadding="0" cellspacing="0"><tbody><tr><td class="code"><div class="container"><div class="line number1 index0 alt2"><code class="plain">$( </code><code class="string">".selector"</code> <code class="plain">).jQuery.ui.mouse( </code><code class="string">"_mouseStart"</code> <code class="plain">);</code></div></div></td></tr></tbody></table></div>
|
||||||
|
</div>
|
||||||
|
</div></div>
|
||||||
|
<div id="method-_mouseStop"><div class="api-item">
|
||||||
|
<h3>_mouseStop()</h3>
|
||||||
|
<div>
|
||||||
|
The extending widget should implement a <code>_mouseStop()</code> method to handle the end of an interaction. This method will receive the mouse event associated with the end of the interaction.
|
||||||
|
</div>
|
||||||
|
<ul><li><div class="null-signature">This method does not accept any arguments.</div></li></ul>
|
||||||
|
<div>
|
||||||
|
<strong>Code examples:</strong><p>Invoke the _mouseStop method:</p>
|
||||||
|
<div class="syntaxhighlighter nogutter "><table border="0" cellpadding="0" cellspacing="0"><tbody><tr><td class="code"><div class="container"><div class="line number1 index0 alt2"><code class="plain">$( </code><code class="string">".selector"</code> <code class="plain">).jQuery.ui.mouse( </code><code class="string">"_mouseStop"</code> <code class="plain">);</code></div></div></td></tr></tbody></table></div>
|
||||||
|
</div>
|
||||||
|
</div></div>
|
||||||
|
<div id="method-_mouseUp"><div class="api-item">
|
||||||
|
<h3>_mouseUp()</h3>
|
||||||
|
<div>
|
||||||
|
Handles the end of the interaction. Invokes the <a href="#method-_mouseStop"><code>mouseStop()</code></a> method for the extending widget to handle.
|
||||||
|
</div>
|
||||||
|
<ul><li><div class="null-signature">This method does not accept any arguments.</div></li></ul>
|
||||||
|
<div>
|
||||||
|
<strong>Code examples:</strong><p>Invoke the _mouseUp method:</p>
|
||||||
|
<div class="syntaxhighlighter nogutter "><table border="0" cellpadding="0" cellspacing="0"><tbody><tr><td class="code"><div class="container"><div class="line number1 index0 alt2"><code class="plain">$( </code><code class="string">".selector"</code> <code class="plain">).jQuery.ui.mouse( </code><code class="string">"_mouseUp"</code> <code class="plain">);</code></div></div></td></tr></tbody></table></div>
|
||||||
|
</div>
|
||||||
|
</div></div></section>
|
||||||
|
</div></article>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
586
jquery-ui-1.10.2.custom/development-bundle/docs/slider.html
Executable file
81
jquery-ui-1.10.2.custom/development-bundle/external/globalize.culture.de-DE.js
vendored
Executable file
@ -0,0 +1,81 @@
|
|||||||
|
/*
|
||||||
|
* Globalize Culture de-DE
|
||||||
|
*
|
||||||
|
* http://github.com/jquery/globalize
|
||||||
|
*
|
||||||
|
* Copyright Software Freedom Conservancy, Inc.
|
||||||
|
* Dual licensed under the MIT or GPL Version 2 licenses.
|
||||||
|
* http://jquery.org/license
|
||||||
|
*
|
||||||
|
* This file was generated by the Globalize Culture Generator
|
||||||
|
* Translation: bugs found in this file need to be fixed in the generator
|
||||||
|
*/
|
||||||
|
|
||||||
|
(function( window, undefined ) {
|
||||||
|
|
||||||
|
var Globalize;
|
||||||
|
|
||||||
|
if ( typeof require !== "undefined"
|
||||||
|
&& typeof exports !== "undefined"
|
||||||
|
&& typeof module !== "undefined" ) {
|
||||||
|
// Assume CommonJS
|
||||||
|
Globalize = require( "globalize" );
|
||||||
|
} else {
|
||||||
|
// Global variable
|
||||||
|
Globalize = window.Globalize;
|
||||||
|
}
|
||||||
|
|
||||||
|
Globalize.addCultureInfo( "de-DE", "default", {
|
||||||
|
name: "de-DE",
|
||||||
|
englishName: "German (Germany)",
|
||||||
|
nativeName: "Deutsch (Deutschland)",
|
||||||
|
language: "de",
|
||||||
|
numberFormat: {
|
||||||
|
",": ".",
|
||||||
|
".": ",",
|
||||||
|
NaN: "n. def.",
|
||||||
|
negativeInfinity: "-unendlich",
|
||||||
|
positiveInfinity: "+unendlich",
|
||||||
|
percent: {
|
||||||
|
pattern: ["-n%","n%"],
|
||||||
|
",": ".",
|
||||||
|
".": ","
|
||||||
|
},
|
||||||
|
currency: {
|
||||||
|
pattern: ["-n $","n $"],
|
||||||
|
",": ".",
|
||||||
|
".": ",",
|
||||||
|
symbol: "€"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
calendars: {
|
||||||
|
standard: {
|
||||||
|
"/": ".",
|
||||||
|
firstDay: 1,
|
||||||
|
days: {
|
||||||
|
names: ["Sonntag","Montag","Dienstag","Mittwoch","Donnerstag","Freitag","Samstag"],
|
||||||
|
namesAbbr: ["So","Mo","Di","Mi","Do","Fr","Sa"],
|
||||||
|
namesShort: ["So","Mo","Di","Mi","Do","Fr","Sa"]
|
||||||
|
},
|
||||||
|
months: {
|
||||||
|
names: ["Januar","Februar","März","April","Mai","Juni","Juli","August","September","Oktober","November","Dezember",""],
|
||||||
|
namesAbbr: ["Jan","Feb","Mrz","Apr","Mai","Jun","Jul","Aug","Sep","Okt","Nov","Dez",""]
|
||||||
|
},
|
||||||
|
AM: null,
|
||||||
|
PM: null,
|
||||||
|
eras: [{"name":"n. Chr.","start":null,"offset":0}],
|
||||||
|
patterns: {
|
||||||
|
d: "dd.MM.yyyy",
|
||||||
|
D: "dddd, d. MMMM yyyy",
|
||||||
|
t: "HH:mm",
|
||||||
|
T: "HH:mm:ss",
|
||||||
|
f: "dddd, d. MMMM yyyy HH:mm",
|
||||||
|
F: "dddd, d. MMMM yyyy HH:mm:ss",
|
||||||
|
M: "dd MMMM",
|
||||||
|
Y: "MMMM yyyy"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
}( this ));
|
100
jquery-ui-1.10.2.custom/development-bundle/external/globalize.culture.ja-JP.js
vendored
Executable file
@ -0,0 +1,100 @@
|
|||||||
|
/*
|
||||||
|
* Globalize Culture ja-JP
|
||||||
|
*
|
||||||
|
* http://github.com/jquery/globalize
|
||||||
|
*
|
||||||
|
* Copyright Software Freedom Conservancy, Inc.
|
||||||
|
* Dual licensed under the MIT or GPL Version 2 licenses.
|
||||||
|
* http://jquery.org/license
|
||||||
|
*
|
||||||
|
* This file was generated by the Globalize Culture Generator
|
||||||
|
* Translation: bugs found in this file need to be fixed in the generator
|
||||||
|
*/
|
||||||
|
|
||||||
|
(function( window, undefined ) {
|
||||||
|
|
||||||
|
var Globalize;
|
||||||
|
|
||||||
|
if ( typeof require !== "undefined"
|
||||||
|
&& typeof exports !== "undefined"
|
||||||
|
&& typeof module !== "undefined" ) {
|
||||||
|
// Assume CommonJS
|
||||||
|
Globalize = require( "globalize" );
|
||||||
|
} else {
|
||||||
|
// Global variable
|
||||||
|
Globalize = window.Globalize;
|
||||||
|
}
|
||||||
|
|
||||||
|
Globalize.addCultureInfo( "ja-JP", "default", {
|
||||||
|
name: "ja-JP",
|
||||||
|
englishName: "Japanese (Japan)",
|
||||||
|
nativeName: "日本語 (日本)",
|
||||||
|
language: "ja",
|
||||||
|
numberFormat: {
|
||||||
|
NaN: "NaN (非数値)",
|
||||||
|
negativeInfinity: "-∞",
|
||||||
|
positiveInfinity: "+∞",
|
||||||
|
percent: {
|
||||||
|
pattern: ["-n%","n%"]
|
||||||
|
},
|
||||||
|
currency: {
|
||||||
|
pattern: ["-$n","$n"],
|
||||||
|
decimals: 0,
|
||||||
|
symbol: "¥"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
calendars: {
|
||||||
|
standard: {
|
||||||
|
days: {
|
||||||
|
names: ["日曜日","月曜日","火曜日","水曜日","木曜日","金曜日","土曜日"],
|
||||||
|
namesAbbr: ["日","月","火","水","木","金","土"],
|
||||||
|
namesShort: ["日","月","火","水","木","金","土"]
|
||||||
|
},
|
||||||
|
months: {
|
||||||
|
names: ["1月","2月","3月","4月","5月","6月","7月","8月","9月","10月","11月","12月",""],
|
||||||
|
namesAbbr: ["1","2","3","4","5","6","7","8","9","10","11","12",""]
|
||||||
|
},
|
||||||
|
AM: ["午前","午前","午前"],
|
||||||
|
PM: ["午後","午後","午後"],
|
||||||
|
eras: [{"name":"西暦","start":null,"offset":0}],
|
||||||
|
patterns: {
|
||||||
|
d: "yyyy/MM/dd",
|
||||||
|
D: "yyyy'年'M'月'd'日'",
|
||||||
|
t: "H:mm",
|
||||||
|
T: "H:mm:ss",
|
||||||
|
f: "yyyy'年'M'月'd'日' H:mm",
|
||||||
|
F: "yyyy'年'M'月'd'日' H:mm:ss",
|
||||||
|
M: "M'月'd'日'",
|
||||||
|
Y: "yyyy'年'M'月'"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
Japanese: {
|
||||||
|
name: "Japanese",
|
||||||
|
days: {
|
||||||
|
names: ["日曜日","月曜日","火曜日","水曜日","木曜日","金曜日","土曜日"],
|
||||||
|
namesAbbr: ["日","月","火","水","木","金","土"],
|
||||||
|
namesShort: ["日","月","火","水","木","金","土"]
|
||||||
|
},
|
||||||
|
months: {
|
||||||
|
names: ["1月","2月","3月","4月","5月","6月","7月","8月","9月","10月","11月","12月",""],
|
||||||
|
namesAbbr: ["1","2","3","4","5","6","7","8","9","10","11","12",""]
|
||||||
|
},
|
||||||
|
AM: ["午前","午前","午前"],
|
||||||
|
PM: ["午後","午後","午後"],
|
||||||
|
eras: [{"name":"平成","start":null,"offset":1867},{"name":"昭和","start":-1812153600000,"offset":1911},{"name":"大正","start":-1357603200000,"offset":1925},{"name":"明治","start":60022080000,"offset":1988}],
|
||||||
|
twoDigitYearMax: 99,
|
||||||
|
patterns: {
|
||||||
|
d: "gg y/M/d",
|
||||||
|
D: "gg y'年'M'月'd'日'",
|
||||||
|
t: "H:mm",
|
||||||
|
T: "H:mm:ss",
|
||||||
|
f: "gg y'年'M'月'd'日' H:mm",
|
||||||
|
F: "gg y'年'M'月'd'日' H:mm:ss",
|
||||||
|
M: "M'月'd'日'",
|
||||||
|
Y: "gg y'年'M'月'"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
}( this ));
|
1573
jquery-ui-1.10.2.custom/development-bundle/external/globalize.js
vendored
Executable file
101
jquery-ui-1.10.2.custom/development-bundle/external/jquery.mousewheel.js
vendored
Executable file
@ -0,0 +1,101 @@
|
|||||||
|
/*! Copyright (c) 2013 Brandon Aaron (http://brandonaaron.net)
|
||||||
|
* Licensed under the MIT License (LICENSE.txt).
|
||||||
|
*
|
||||||
|
* Thanks to: http://adomas.org/javascript-mouse-wheel/ for some pointers.
|
||||||
|
* Thanks to: Mathias Bank(http://www.mathias-bank.de) for a scope bug fix.
|
||||||
|
* Thanks to: Seamus Leahy for adding deltaX and deltaY
|
||||||
|
*
|
||||||
|
* Version: 3.1.0
|
||||||
|
*
|
||||||
|
* Requires: 1.2.2+
|
||||||
|
*/
|
||||||
|
|
||||||
|
(function (factory) {
|
||||||
|
if (typeof define === 'function' && define.amd) {
|
||||||
|
// AMD. Register as an anonymous module.
|
||||||
|
define(['jquery'], factory);
|
||||||
|
} else {
|
||||||
|
// Browser globals
|
||||||
|
factory(jQuery);
|
||||||
|
}
|
||||||
|
}(function ($) {
|
||||||
|
|
||||||
|
var toFix = ['wheel', 'mousewheel', 'DOMMouseScroll'];
|
||||||
|
var toBind = 'onwheel' in document || document.documentMode >= 9 ? ['wheel'] : ['mousewheel', 'DomMouseScroll', 'MozMousePixelScroll'];
|
||||||
|
var lowestDelta, lowestDeltaXY;
|
||||||
|
|
||||||
|
if ($.event.fixHooks) {
|
||||||
|
for ( var i=toFix.length; i; ) {
|
||||||
|
$.event.fixHooks[ toFix[--i] ] = $.event.mouseHooks;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
$.event.special.mousewheel = {
|
||||||
|
setup: function() {
|
||||||
|
if ( this.addEventListener ) {
|
||||||
|
for ( var i=toBind.length; i; ) {
|
||||||
|
this.addEventListener( toBind[--i], handler, false );
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
this.onmousewheel = handler;
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
teardown: function() {
|
||||||
|
if ( this.removeEventListener ) {
|
||||||
|
for ( var i=toBind.length; i; ) {
|
||||||
|
this.removeEventListener( toBind[--i], handler, false );
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
this.onmousewheel = null;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
$.fn.extend({
|
||||||
|
mousewheel: function(fn) {
|
||||||
|
return fn ? this.bind("mousewheel", fn) : this.trigger("mousewheel");
|
||||||
|
},
|
||||||
|
|
||||||
|
unmousewheel: function(fn) {
|
||||||
|
return this.unbind("mousewheel", fn);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
|
||||||
|
function handler(event) {
|
||||||
|
var orgEvent = event || window.event, args = [].slice.call( arguments, 1 ), delta = 0, deltaX = 0, deltaY = 0, absDelta = 0, absDeltaXY = 0;
|
||||||
|
event = $.event.fix(orgEvent);
|
||||||
|
event.type = "mousewheel";
|
||||||
|
|
||||||
|
// Old school scrollwheel delta
|
||||||
|
if ( orgEvent.wheelDelta ) { delta = orgEvent.wheelDelta; }
|
||||||
|
if ( orgEvent.detail ) { delta = orgEvent.detail * -1; }
|
||||||
|
|
||||||
|
// New school wheel delta (wheel event)
|
||||||
|
if ( orgEvent.deltaY ) {
|
||||||
|
deltaY = orgEvent.deltaY * -1;
|
||||||
|
delta = deltaY;
|
||||||
|
}
|
||||||
|
if ( orgEvent.deltaX ) {
|
||||||
|
deltaX = orgEvent.deltaX;
|
||||||
|
delta = deltaX * -1;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Webkit
|
||||||
|
if ( orgEvent.wheelDeltaY !== undefined ) { deltaY = orgEvent.wheelDeltaY; }
|
||||||
|
if ( orgEvent.wheelDeltaX !== undefined ) { deltaX = orgEvent.wheelDeltaX * -1; }
|
||||||
|
|
||||||
|
absDelta = Math.abs(delta);
|
||||||
|
if ( !lowestDelta || absDelta < lowestDelta ) { lowestDelta = absDelta; }
|
||||||
|
|
||||||
|
absDeltaXY = Math.max( Math.abs(deltaY), Math.abs(deltaX) );
|
||||||
|
if ( !lowestDeltaXY || absDeltaXY < lowestDeltaXY ) { lowestDeltaXY = absDeltaXY; }
|
||||||
|
|
||||||
|
// Add event and delta to the front of the arguments
|
||||||
|
args.unshift(event, Math.floor(delta/lowestDelta), Math.floor(deltaX/lowestDeltaXY), Math.floor(deltaY/lowestDeltaXY));
|
||||||
|
|
||||||
|
return ($.event.dispatch || $.event.handle).apply(this, args);
|
||||||
|
}
|
||||||
|
|
||||||
|
}));
|
4835
jquery-ui-1.10.2.custom/development-bundle/external/jshint.js
vendored
Executable file
244
jquery-ui-1.10.2.custom/development-bundle/external/qunit.css
vendored
Executable file
@ -0,0 +1,244 @@
|
|||||||
|
/**
|
||||||
|
* QUnit v1.11.0 - A JavaScript Unit Testing Framework
|
||||||
|
*
|
||||||
|
* http://qunitjs.com
|
||||||
|
*
|
||||||
|
* Copyright 2012 jQuery Foundation and other contributors
|
||||||
|
* Released under the MIT license.
|
||||||
|
* http://jquery.org/license
|
||||||
|
*/
|
||||||
|
|
||||||
|
/** Font Family and Sizes */
|
||||||
|
|
||||||
|
#qunit-tests, #qunit-header, #qunit-banner, #qunit-testrunner-toolbar, #qunit-userAgent, #qunit-testresult {
|
||||||
|
font-family: "Helvetica Neue Light", "HelveticaNeue-Light", "Helvetica Neue", Calibri, Helvetica, Arial, sans-serif;
|
||||||
|
}
|
||||||
|
|
||||||
|
#qunit-testrunner-toolbar, #qunit-userAgent, #qunit-testresult, #qunit-tests li { font-size: small; }
|
||||||
|
#qunit-tests { font-size: smaller; }
|
||||||
|
|
||||||
|
|
||||||
|
/** Resets */
|
||||||
|
|
||||||
|
#qunit-tests, #qunit-header, #qunit-banner, #qunit-userAgent, #qunit-testresult, #qunit-modulefilter {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/** Header */
|
||||||
|
|
||||||
|
#qunit-header {
|
||||||
|
padding: 0.5em 0 0.5em 1em;
|
||||||
|
|
||||||
|
color: #8699a4;
|
||||||
|
background-color: #0d3349;
|
||||||
|
|
||||||
|
font-size: 1.5em;
|
||||||
|
line-height: 1em;
|
||||||
|
font-weight: normal;
|
||||||
|
|
||||||
|
border-radius: 5px 5px 0 0;
|
||||||
|
-moz-border-radius: 5px 5px 0 0;
|
||||||
|
-webkit-border-top-right-radius: 5px;
|
||||||
|
-webkit-border-top-left-radius: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#qunit-header a {
|
||||||
|
text-decoration: none;
|
||||||
|
color: #c2ccd1;
|
||||||
|
}
|
||||||
|
|
||||||
|
#qunit-header a:hover,
|
||||||
|
#qunit-header a:focus {
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
#qunit-testrunner-toolbar label {
|
||||||
|
display: inline-block;
|
||||||
|
padding: 0 .5em 0 .1em;
|
||||||
|
}
|
||||||
|
|
||||||
|
#qunit-banner {
|
||||||
|
height: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#qunit-testrunner-toolbar {
|
||||||
|
padding: 0.5em 0 0.5em 2em;
|
||||||
|
color: #5E740B;
|
||||||
|
background-color: #eee;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
#qunit-userAgent {
|
||||||
|
padding: 0.5em 0 0.5em 2.5em;
|
||||||
|
background-color: #2b81af;
|
||||||
|
color: #fff;
|
||||||
|
text-shadow: rgba(0, 0, 0, 0.5) 2px 2px 1px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#qunit-modulefilter-container {
|
||||||
|
float: right;
|
||||||
|
}
|
||||||
|
|
||||||
|
/** Tests: Pass/Fail */
|
||||||
|
|
||||||
|
#qunit-tests {
|
||||||
|
list-style-position: inside;
|
||||||
|
}
|
||||||
|
|
||||||
|
#qunit-tests li {
|
||||||
|
padding: 0.4em 0.5em 0.4em 2.5em;
|
||||||
|
border-bottom: 1px solid #fff;
|
||||||
|
list-style-position: inside;
|
||||||
|
}
|
||||||
|
|
||||||
|
#qunit-tests.hidepass li.pass, #qunit-tests.hidepass li.running {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
#qunit-tests li strong {
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
#qunit-tests li a {
|
||||||
|
padding: 0.5em;
|
||||||
|
color: #c2ccd1;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
#qunit-tests li a:hover,
|
||||||
|
#qunit-tests li a:focus {
|
||||||
|
color: #000;
|
||||||
|
}
|
||||||
|
|
||||||
|
#qunit-tests li .runtime {
|
||||||
|
float: right;
|
||||||
|
font-size: smaller;
|
||||||
|
}
|
||||||
|
|
||||||
|
.qunit-assert-list {
|
||||||
|
margin-top: 0.5em;
|
||||||
|
padding: 0.5em;
|
||||||
|
|
||||||
|
background-color: #fff;
|
||||||
|
|
||||||
|
border-radius: 5px;
|
||||||
|
-moz-border-radius: 5px;
|
||||||
|
-webkit-border-radius: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.qunit-collapsed {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
#qunit-tests table {
|
||||||
|
border-collapse: collapse;
|
||||||
|
margin-top: .2em;
|
||||||
|
}
|
||||||
|
|
||||||
|
#qunit-tests th {
|
||||||
|
text-align: right;
|
||||||
|
vertical-align: top;
|
||||||
|
padding: 0 .5em 0 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
#qunit-tests td {
|
||||||
|
vertical-align: top;
|
||||||
|
}
|
||||||
|
|
||||||
|
#qunit-tests pre {
|
||||||
|
margin: 0;
|
||||||
|
white-space: pre-wrap;
|
||||||
|
word-wrap: break-word;
|
||||||
|
}
|
||||||
|
|
||||||
|
#qunit-tests del {
|
||||||
|
background-color: #e0f2be;
|
||||||
|
color: #374e0c;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
#qunit-tests ins {
|
||||||
|
background-color: #ffcaca;
|
||||||
|
color: #500;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*** Test Counts */
|
||||||
|
|
||||||
|
#qunit-tests b.counts { color: black; }
|
||||||
|
#qunit-tests b.passed { color: #5E740B; }
|
||||||
|
#qunit-tests b.failed { color: #710909; }
|
||||||
|
|
||||||
|
#qunit-tests li li {
|
||||||
|
padding: 5px;
|
||||||
|
background-color: #fff;
|
||||||
|
border-bottom: none;
|
||||||
|
list-style-position: inside;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*** Passing Styles */
|
||||||
|
|
||||||
|
#qunit-tests li li.pass {
|
||||||
|
color: #3c510c;
|
||||||
|
background-color: #fff;
|
||||||
|
border-left: 10px solid #C6E746;
|
||||||
|
}
|
||||||
|
|
||||||
|
#qunit-tests .pass { color: #528CE0; background-color: #D2E0E6; }
|
||||||
|
#qunit-tests .pass .test-name { color: #366097; }
|
||||||
|
|
||||||
|
#qunit-tests .pass .test-actual,
|
||||||
|
#qunit-tests .pass .test-expected { color: #999999; }
|
||||||
|
|
||||||
|
#qunit-banner.qunit-pass { background-color: #C6E746; }
|
||||||
|
|
||||||
|
/*** Failing Styles */
|
||||||
|
|
||||||
|
#qunit-tests li li.fail {
|
||||||
|
color: #710909;
|
||||||
|
background-color: #fff;
|
||||||
|
border-left: 10px solid #EE5757;
|
||||||
|
white-space: pre;
|
||||||
|
}
|
||||||
|
|
||||||
|
#qunit-tests > li:last-child {
|
||||||
|
border-radius: 0 0 5px 5px;
|
||||||
|
-moz-border-radius: 0 0 5px 5px;
|
||||||
|
-webkit-border-bottom-right-radius: 5px;
|
||||||
|
-webkit-border-bottom-left-radius: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#qunit-tests .fail { color: #000000; background-color: #EE5757; }
|
||||||
|
#qunit-tests .fail .test-name,
|
||||||
|
#qunit-tests .fail .module-name { color: #000000; }
|
||||||
|
|
||||||
|
#qunit-tests .fail .test-actual { color: #EE5757; }
|
||||||
|
#qunit-tests .fail .test-expected { color: green; }
|
||||||
|
|
||||||
|
#qunit-banner.qunit-fail { background-color: #EE5757; }
|
||||||
|
|
||||||
|
|
||||||
|
/** Result */
|
||||||
|
|
||||||
|
#qunit-testresult {
|
||||||
|
padding: 0.5em 0.5em 0.5em 2.5em;
|
||||||
|
|
||||||
|
color: #2b81af;
|
||||||
|
background-color: #D2E0E6;
|
||||||
|
|
||||||
|
border-bottom: 1px solid white;
|
||||||
|
}
|
||||||
|
#qunit-testresult .module-name {
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
/** Fixture */
|
||||||
|
|
||||||
|
#qunit-fixture {
|
||||||
|
position: absolute;
|
||||||
|
top: -10000px;
|
||||||
|
left: -10000px;
|
||||||
|
width: 1000px;
|
||||||
|
height: 1000px;
|
||||||
|
}
|
2152
jquery-ui-1.10.2.custom/development-bundle/external/qunit.js
vendored
Executable file
9597
jquery-ui-1.10.2.custom/development-bundle/jquery-1.9.1.js
vendored
Executable file
70
jquery-ui-1.10.2.custom/development-bundle/package.json
Executable file
@ -0,0 +1,70 @@
|
|||||||
|
{
|
||||||
|
"name": "jquery-ui",
|
||||||
|
"title": "jQuery UI",
|
||||||
|
"description": "A curated set of user interface interactions, effects, widgets, and themes built on top of the jQuery JavaScript Library.",
|
||||||
|
"version": "1.10.2",
|
||||||
|
"homepage": "http://jqueryui.com",
|
||||||
|
"author": {
|
||||||
|
"name": "jQuery Foundation and other contributors",
|
||||||
|
"url": "https://github.com/jquery/jquery-ui/blob/1.10.2/AUTHORS.txt"
|
||||||
|
},
|
||||||
|
"maintainers": [
|
||||||
|
{
|
||||||
|
"name": "Scott González",
|
||||||
|
"email": "scott.gonzalez@gmail.com",
|
||||||
|
"url": "http://scottgonzalez.com"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "Jörn Zaefferer",
|
||||||
|
"email": "joern.zaefferer@gmail.com",
|
||||||
|
"url": "http://bassistance.de"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "Kris Borchers",
|
||||||
|
"email": "kris.borchers@gmail.com",
|
||||||
|
"url": "http://krisborchers.com"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "Corey Frang",
|
||||||
|
"email": "gnarf37@gmail.com",
|
||||||
|
"url": "http://gnarf.net"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "Mike Sherov",
|
||||||
|
"email": "mike.sherov@gmail.com",
|
||||||
|
"url": "http://mike.sherov.com"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "TJ VanToll",
|
||||||
|
"email": "tj.vantoll@gmail.com",
|
||||||
|
"url": "http://tjvantoll.com"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"repository": {
|
||||||
|
"type": "git",
|
||||||
|
"url": "git://github.com/jquery/jquery-ui.git"
|
||||||
|
},
|
||||||
|
"bugs": "http://bugs.jqueryui.com/",
|
||||||
|
"licenses": [
|
||||||
|
{
|
||||||
|
"type": "MIT",
|
||||||
|
"url": "https://github.com/jquery/jquery-ui/blob/1.10.2/MIT-LICENSE.txt"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"dependencies": {},
|
||||||
|
"devDependencies": {
|
||||||
|
"grunt": "0.4.0",
|
||||||
|
"grunt-contrib-jshint": "0.1.1",
|
||||||
|
"grunt-contrib-uglify": "0.1.1",
|
||||||
|
"grunt-contrib-concat": "0.1.3",
|
||||||
|
"grunt-contrib-qunit": "0.2.0",
|
||||||
|
"grunt-contrib-csslint": "0.1.0",
|
||||||
|
"grunt-contrib-cssmin": "0.4.2",
|
||||||
|
"grunt-compare-size": "0.3.1",
|
||||||
|
"grunt-html": "0.3.3",
|
||||||
|
"grunt-git-authors": "1.2.0",
|
||||||
|
"rimraf": "2.1.4",
|
||||||
|
"testswarm": "1.0.0-alpha"
|
||||||
|
},
|
||||||
|
"keywords": []
|
||||||
|
}
|
After Width: | Height: | Size: 1.7 KiB |
After Width: | Height: | Size: 180 B |
After Width: | Height: | Size: 178 B |
After Width: | Height: | Size: 120 B |
After Width: | Height: | Size: 105 B |
After Width: | Height: | Size: 111 B |
After Width: | Height: | Size: 110 B |
After Width: | Height: | Size: 119 B |
After Width: | Height: | Size: 101 B |
After Width: | Height: | Size: 4.3 KiB |
After Width: | Height: | Size: 4.3 KiB |
After Width: | Height: | Size: 4.3 KiB |
After Width: | Height: | Size: 4.3 KiB |
After Width: | Height: | Size: 4.3 KiB |
543
jquery-ui-1.10.2.custom/development-bundle/themes/base/jquery-ui.css
vendored
Executable file
@ -0,0 +1,543 @@
|
|||||||
|
/*! jQuery UI - v1.10.2 - 2013-03-29
|
||||||
|
* http://jqueryui.com
|
||||||
|
* Includes: jquery.ui.core.css, jquery.ui.slider.css
|
||||||
|
* Copyright 2013 jQuery Foundation and other contributors Licensed MIT */
|
||||||
|
|
||||||
|
/* Layout helpers
|
||||||
|
----------------------------------*/
|
||||||
|
.ui-helper-hidden {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
.ui-helper-hidden-accessible {
|
||||||
|
border: 0;
|
||||||
|
clip: rect(0 0 0 0);
|
||||||
|
height: 1px;
|
||||||
|
margin: -1px;
|
||||||
|
overflow: hidden;
|
||||||
|
padding: 0;
|
||||||
|
position: absolute;
|
||||||
|
width: 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:before,
|
||||||
|
.ui-helper-clearfix:after {
|
||||||
|
content: "";
|
||||||
|
display: table;
|
||||||
|
border-collapse: collapse;
|
||||||
|
}
|
||||||
|
.ui-helper-clearfix:after {
|
||||||
|
clear: both;
|
||||||
|
}
|
||||||
|
.ui-helper-clearfix {
|
||||||
|
min-height: 0; /* support: IE7 */
|
||||||
|
}
|
||||||
|
.ui-helper-zfix {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
position: absolute;
|
||||||
|
opacity: 0;
|
||||||
|
filter:Alpha(Opacity=0);
|
||||||
|
}
|
||||||
|
|
||||||
|
.ui-front {
|
||||||
|
z-index: 100;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/* Interaction Cues
|
||||||
|
----------------------------------*/
|
||||||
|
.ui-state-disabled {
|
||||||
|
cursor: default !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/* Icons
|
||||||
|
----------------------------------*/
|
||||||
|
|
||||||
|
/* states and images */
|
||||||
|
.ui-icon {
|
||||||
|
display: block;
|
||||||
|
text-indent: -99999px;
|
||||||
|
overflow: hidden;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/* Misc visuals
|
||||||
|
----------------------------------*/
|
||||||
|
|
||||||
|
/* Overlays */
|
||||||
|
.ui-widget-overlay {
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
.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;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* For IE8 - See #6727 */
|
||||||
|
.ui-slider.ui-state-disabled .ui-slider-handle,
|
||||||
|
.ui-slider.ui-state-disabled .ui-slider-range {
|
||||||
|
filter: inherit;
|
||||||
|
}
|
||||||
|
|
||||||
|
.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;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Component containers
|
||||||
|
----------------------------------*/
|
||||||
|
.ui-widget {
|
||||||
|
font-family: Verdana,Arial,sans-serif/*{ffDefault}*/;
|
||||||
|
font-size: 1.1em/*{fsDefault}*/;
|
||||||
|
}
|
||||||
|
.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/*{ffDefault}*/;
|
||||||
|
font-size: 1em;
|
||||||
|
}
|
||||||
|
.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}*/;
|
||||||
|
}
|
||||||
|
.ui-widget-content a {
|
||||||
|
color: #222222/*{fcContent}*/;
|
||||||
|
}
|
||||||
|
.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;
|
||||||
|
}
|
||||||
|
.ui-widget-header a {
|
||||||
|
color: #222222/*{fcHeader}*/;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Interaction states
|
||||||
|
----------------------------------*/
|
||||||
|
.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}*/;
|
||||||
|
}
|
||||||
|
.ui-state-default a,
|
||||||
|
.ui-state-default a:link,
|
||||||
|
.ui-state-default a:visited {
|
||||||
|
color: #555555/*{fcDefault}*/;
|
||||||
|
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 #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}*/;
|
||||||
|
}
|
||||||
|
.ui-state-hover a,
|
||||||
|
.ui-state-hover a:hover,
|
||||||
|
.ui-state-hover a:link,
|
||||||
|
.ui-state-hover a:visited {
|
||||||
|
color: #212121/*{fcHover}*/;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
.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}*/;
|
||||||
|
}
|
||||||
|
.ui-state-active a,
|
||||||
|
.ui-state-active a:link,
|
||||||
|
.ui-state-active a:visited {
|
||||||
|
color: #212121/*{fcActive}*/;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Interaction Cues
|
||||||
|
----------------------------------*/
|
||||||
|
.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}*/;
|
||||||
|
}
|
||||||
|
.ui-state-highlight a,
|
||||||
|
.ui-widget-content .ui-state-highlight a,
|
||||||
|
.ui-widget-header .ui-state-highlight a {
|
||||||
|
color: #363636/*{fcHighlight}*/;
|
||||||
|
}
|
||||||
|
.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}*/;
|
||||||
|
}
|
||||||
|
.ui-state-error a,
|
||||||
|
.ui-widget-content .ui-state-error a,
|
||||||
|
.ui-widget-header .ui-state-error a {
|
||||||
|
color: #cd0a0a/*{fcError}*/;
|
||||||
|
}
|
||||||
|
.ui-state-error-text,
|
||||||
|
.ui-widget-content .ui-state-error-text,
|
||||||
|
.ui-widget-header .ui-state-error-text {
|
||||||
|
color: #cd0a0a/*{fcError}*/;
|
||||||
|
}
|
||||||
|
.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-state-disabled .ui-icon {
|
||||||
|
filter:Alpha(Opacity=35); /* For IE8 - See #6059 */
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Icons
|
||||||
|
----------------------------------*/
|
||||||
|
|
||||||
|
/* states and images */
|
||||||
|
.ui-icon {
|
||||||
|
width: 16px;
|
||||||
|
height: 16px;
|
||||||
|
}
|
||||||
|
.ui-icon,
|
||||||
|
.ui-widget-content .ui-icon {
|
||||||
|
background-image: url(images/ui-icons_222222_256x240.png)/*{iconsContent}*/;
|
||||||
|
}
|
||||||
|
.ui-widget-header .ui-icon {
|
||||||
|
background-image: url(images/ui-icons_222222_256x240.png)/*{iconsHeader}*/;
|
||||||
|
}
|
||||||
|
.ui-state-default .ui-icon {
|
||||||
|
background-image: url(images/ui-icons_888888_256x240.png)/*{iconsDefault}*/;
|
||||||
|
}
|
||||||
|
.ui-state-hover .ui-icon,
|
||||||
|
.ui-state-focus .ui-icon {
|
||||||
|
background-image: url(images/ui-icons_454545_256x240.png)/*{iconsHover}*/;
|
||||||
|
}
|
||||||
|
.ui-state-active .ui-icon {
|
||||||
|
background-image: url(images/ui-icons_454545_256x240.png)/*{iconsActive}*/;
|
||||||
|
}
|
||||||
|
.ui-state-highlight .ui-icon {
|
||||||
|
background-image: url(images/ui-icons_2e83ff_256x240.png)/*{iconsHighlight}*/;
|
||||||
|
}
|
||||||
|
.ui-state-error .ui-icon,
|
||||||
|
.ui-state-error-text .ui-icon {
|
||||||
|
background-image: url(images/ui-icons_cd0a0a_256x240.png)/*{iconsError}*/;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* positioning */
|
||||||
|
.ui-icon-blank { background-position: 16px 16px; }
|
||||||
|
.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-on { background-position: -96px -144px; }
|
||||||
|
.ui-icon-radio-off { 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 is deprecated, use ui-icon-seek-start instead */
|
||||||
|
.ui-icon-seek-first { background-position: -80px -160px; }
|
||||||
|
.ui-icon-stop { background-position: -96px -160px; }
|
||||||
|
.ui-icon-eject { background-position: -112px -160px; }
|
||||||
|
.ui-icon-volume-off { background-position: -128px -160px; }
|
||||||
|
.ui-icon-volume-on { background-position: -144px -160px; }
|
||||||
|
.ui-icon-power { background-position: 0 -176px; }
|
||||||
|
.ui-icon-signal-diag { background-position: -16px -176px; }
|
||||||
|
.ui-icon-signal { background-position: -32px -176px; }
|
||||||
|
.ui-icon-battery-0 { background-position: -48px -176px; }
|
||||||
|
.ui-icon-battery-1 { background-position: -64px -176px; }
|
||||||
|
.ui-icon-battery-2 { background-position: -80px -176px; }
|
||||||
|
.ui-icon-battery-3 { background-position: -96px -176px; }
|
||||||
|
.ui-icon-circle-plus { background-position: 0 -192px; }
|
||||||
|
.ui-icon-circle-minus { background-position: -16px -192px; }
|
||||||
|
.ui-icon-circle-close { background-position: -32px -192px; }
|
||||||
|
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
|
||||||
|
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
|
||||||
|
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
|
||||||
|
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
|
||||||
|
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
|
||||||
|
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
|
||||||
|
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
|
||||||
|
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
|
||||||
|
.ui-icon-circle-zoomin { background-position: -176px -192px; }
|
||||||
|
.ui-icon-circle-zoomout { background-position: -192px -192px; }
|
||||||
|
.ui-icon-circle-check { background-position: -208px -192px; }
|
||||||
|
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
|
||||||
|
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
|
||||||
|
.ui-icon-circlesmall-close { background-position: -32px -208px; }
|
||||||
|
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
|
||||||
|
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
|
||||||
|
.ui-icon-squaresmall-close { background-position: -80px -208px; }
|
||||||
|
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
|
||||||
|
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
|
||||||
|
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
|
||||||
|
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
|
||||||
|
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
|
||||||
|
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }
|
||||||
|
|
||||||
|
|
||||||
|
/* Misc visuals
|
||||||
|
----------------------------------*/
|
||||||
|
|
||||||
|
/* Corner radius */
|
||||||
|
.ui-corner-all,
|
||||||
|
.ui-corner-top,
|
||||||
|
.ui-corner-left,
|
||||||
|
.ui-corner-tl {
|
||||||
|
border-top-left-radius: 4px/*{cornerRadius}*/;
|
||||||
|
}
|
||||||
|
.ui-corner-all,
|
||||||
|
.ui-corner-top,
|
||||||
|
.ui-corner-right,
|
||||||
|
.ui-corner-tr {
|
||||||
|
border-top-right-radius: 4px/*{cornerRadius}*/;
|
||||||
|
}
|
||||||
|
.ui-corner-all,
|
||||||
|
.ui-corner-bottom,
|
||||||
|
.ui-corner-left,
|
||||||
|
.ui-corner-bl {
|
||||||
|
border-bottom-left-radius: 4px/*{cornerRadius}*/;
|
||||||
|
}
|
||||||
|
.ui-corner-all,
|
||||||
|
.ui-corner-bottom,
|
||||||
|
.ui-corner-right,
|
||||||
|
.ui-corner-br {
|
||||||
|
border-bottom-right-radius: 4px/*{cornerRadius}*/;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Overlays */
|
||||||
|
.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/*{opacityOverlay}*/;
|
||||||
|
filter: Alpha(Opacity=30)/*{opacityFilterOverlay}*/;
|
||||||
|
}
|
||||||
|
.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/*{opacityShadow}*/;
|
||||||
|
filter: Alpha(Opacity=30)/*{opacityFilterShadow}*/;
|
||||||
|
border-radius: 8px/*{cornerRadiusShadow}*/;
|
||||||
|
}
|
12
jquery-ui-1.10.2.custom/development-bundle/themes/base/jquery.ui.all.css
vendored
Executable file
@ -0,0 +1,12 @@
|
|||||||
|
/*!
|
||||||
|
* jQuery UI CSS Framework 1.10.2
|
||||||
|
* http://jqueryui.com
|
||||||
|
*
|
||||||
|
* Copyright 2013 jQuery Foundation and other contributors
|
||||||
|
* Released under the MIT license.
|
||||||
|
* http://jquery.org/license
|
||||||
|
*
|
||||||
|
* http://docs.jquery.com/UI/Theming
|
||||||
|
*/
|
||||||
|
@import "jquery.ui.base.css";
|
||||||
|
@import "jquery.ui.theme.css";
|
25
jquery-ui-1.10.2.custom/development-bundle/themes/base/jquery.ui.base.css
vendored
Executable file
@ -0,0 +1,25 @@
|
|||||||
|
/*!
|
||||||
|
* jQuery UI CSS Framework 1.10.2
|
||||||
|
* http://jqueryui.com
|
||||||
|
*
|
||||||
|
* Copyright 2013 jQuery Foundation and other contributors
|
||||||
|
* Released under the MIT license.
|
||||||
|
* http://jquery.org/license
|
||||||
|
*
|
||||||
|
* http://docs.jquery.com/UI/Theming
|
||||||
|
*/
|
||||||
|
@import url("jquery.ui.core.css");
|
||||||
|
|
||||||
|
@import url("jquery.ui.accordion.css");
|
||||||
|
@import url("jquery.ui.autocomplete.css");
|
||||||
|
@import url("jquery.ui.button.css");
|
||||||
|
@import url("jquery.ui.datepicker.css");
|
||||||
|
@import url("jquery.ui.dialog.css");
|
||||||
|
@import url("jquery.ui.menu.css");
|
||||||
|
@import url("jquery.ui.progressbar.css");
|
||||||
|
@import url("jquery.ui.resizable.css");
|
||||||
|
@import url("jquery.ui.selectable.css");
|
||||||
|
@import url("jquery.ui.slider.css");
|
||||||
|
@import url("jquery.ui.spinner.css");
|
||||||
|
@import url("jquery.ui.tabs.css");
|
||||||
|
@import url("jquery.ui.tooltip.css");
|
93
jquery-ui-1.10.2.custom/development-bundle/themes/base/jquery.ui.core.css
vendored
Executable file
@ -0,0 +1,93 @@
|
|||||||
|
/*!
|
||||||
|
* jQuery UI CSS Framework 1.10.2
|
||||||
|
* http://jqueryui.com
|
||||||
|
*
|
||||||
|
* Copyright 2013 jQuery Foundation and other contributors
|
||||||
|
* Released under the MIT license.
|
||||||
|
* http://jquery.org/license
|
||||||
|
*
|
||||||
|
* http://docs.jquery.com/UI/Theming/API
|
||||||
|
*/
|
||||||
|
|
||||||
|
/* Layout helpers
|
||||||
|
----------------------------------*/
|
||||||
|
.ui-helper-hidden {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
.ui-helper-hidden-accessible {
|
||||||
|
border: 0;
|
||||||
|
clip: rect(0 0 0 0);
|
||||||
|
height: 1px;
|
||||||
|
margin: -1px;
|
||||||
|
overflow: hidden;
|
||||||
|
padding: 0;
|
||||||
|
position: absolute;
|
||||||
|
width: 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:before,
|
||||||
|
.ui-helper-clearfix:after {
|
||||||
|
content: "";
|
||||||
|
display: table;
|
||||||
|
border-collapse: collapse;
|
||||||
|
}
|
||||||
|
.ui-helper-clearfix:after {
|
||||||
|
clear: both;
|
||||||
|
}
|
||||||
|
.ui-helper-clearfix {
|
||||||
|
min-height: 0; /* support: IE7 */
|
||||||
|
}
|
||||||
|
.ui-helper-zfix {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
position: absolute;
|
||||||
|
opacity: 0;
|
||||||
|
filter:Alpha(Opacity=0);
|
||||||
|
}
|
||||||
|
|
||||||
|
.ui-front {
|
||||||
|
z-index: 100;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/* Interaction Cues
|
||||||
|
----------------------------------*/
|
||||||
|
.ui-state-disabled {
|
||||||
|
cursor: default !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/* Icons
|
||||||
|
----------------------------------*/
|
||||||
|
|
||||||
|
/* states and images */
|
||||||
|
.ui-icon {
|
||||||
|
display: block;
|
||||||
|
text-indent: -99999px;
|
||||||
|
overflow: hidden;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/* Misc visuals
|
||||||
|
----------------------------------*/
|
||||||
|
|
||||||
|
/* Overlays */
|
||||||
|
.ui-widget-overlay {
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
}
|
73
jquery-ui-1.10.2.custom/development-bundle/themes/base/jquery.ui.slider.css
vendored
Executable file
@ -0,0 +1,73 @@
|
|||||||
|
/*!
|
||||||
|
* jQuery UI Slider 1.10.2
|
||||||
|
* http://jqueryui.com
|
||||||
|
*
|
||||||
|
* Copyright 2013 jQuery Foundation and other contributors
|
||||||
|
* Released under the MIT license.
|
||||||
|
* http://jquery.org/license
|
||||||
|
*
|
||||||
|
* http://docs.jquery.com/UI/Slider#theming
|
||||||
|
*/
|
||||||
|
.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;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* For IE8 - See #6727 */
|
||||||
|
.ui-slider.ui-state-disabled .ui-slider-handle,
|
||||||
|
.ui-slider.ui-state-disabled .ui-slider-range {
|
||||||
|
filter: inherit;
|
||||||
|
}
|
||||||
|
|
||||||
|
.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;
|
||||||
|
}
|
406
jquery-ui-1.10.2.custom/development-bundle/themes/base/jquery.ui.theme.css
vendored
Executable file
@ -0,0 +1,406 @@
|
|||||||
|
/*!
|
||||||
|
* jQuery UI CSS Framework 1.10.2
|
||||||
|
* http://jqueryui.com
|
||||||
|
*
|
||||||
|
* Copyright 2013 jQuery Foundation and other contributors
|
||||||
|
* Released under the MIT license.
|
||||||
|
* http://jquery.org/license
|
||||||
|
*
|
||||||
|
* http://docs.jquery.com/UI/Theming/API
|
||||||
|
*
|
||||||
|
* To view and modify this theme, visit http://jqueryui.com/themeroller/
|
||||||
|
*/
|
||||||
|
|
||||||
|
|
||||||
|
/* Component containers
|
||||||
|
----------------------------------*/
|
||||||
|
.ui-widget {
|
||||||
|
font-family: Verdana,Arial,sans-serif/*{ffDefault}*/;
|
||||||
|
font-size: 1.1em/*{fsDefault}*/;
|
||||||
|
}
|
||||||
|
.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/*{ffDefault}*/;
|
||||||
|
font-size: 1em;
|
||||||
|
}
|
||||||
|
.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}*/;
|
||||||
|
}
|
||||||
|
.ui-widget-content a {
|
||||||
|
color: #222222/*{fcContent}*/;
|
||||||
|
}
|
||||||
|
.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;
|
||||||
|
}
|
||||||
|
.ui-widget-header a {
|
||||||
|
color: #222222/*{fcHeader}*/;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Interaction states
|
||||||
|
----------------------------------*/
|
||||||
|
.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}*/;
|
||||||
|
}
|
||||||
|
.ui-state-default a,
|
||||||
|
.ui-state-default a:link,
|
||||||
|
.ui-state-default a:visited {
|
||||||
|
color: #555555/*{fcDefault}*/;
|
||||||
|
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 #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}*/;
|
||||||
|
}
|
||||||
|
.ui-state-hover a,
|
||||||
|
.ui-state-hover a:hover,
|
||||||
|
.ui-state-hover a:link,
|
||||||
|
.ui-state-hover a:visited {
|
||||||
|
color: #212121/*{fcHover}*/;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
.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}*/;
|
||||||
|
}
|
||||||
|
.ui-state-active a,
|
||||||
|
.ui-state-active a:link,
|
||||||
|
.ui-state-active a:visited {
|
||||||
|
color: #212121/*{fcActive}*/;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Interaction Cues
|
||||||
|
----------------------------------*/
|
||||||
|
.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}*/;
|
||||||
|
}
|
||||||
|
.ui-state-highlight a,
|
||||||
|
.ui-widget-content .ui-state-highlight a,
|
||||||
|
.ui-widget-header .ui-state-highlight a {
|
||||||
|
color: #363636/*{fcHighlight}*/;
|
||||||
|
}
|
||||||
|
.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}*/;
|
||||||
|
}
|
||||||
|
.ui-state-error a,
|
||||||
|
.ui-widget-content .ui-state-error a,
|
||||||
|
.ui-widget-header .ui-state-error a {
|
||||||
|
color: #cd0a0a/*{fcError}*/;
|
||||||
|
}
|
||||||
|
.ui-state-error-text,
|
||||||
|
.ui-widget-content .ui-state-error-text,
|
||||||
|
.ui-widget-header .ui-state-error-text {
|
||||||
|
color: #cd0a0a/*{fcError}*/;
|
||||||
|
}
|
||||||
|
.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-state-disabled .ui-icon {
|
||||||
|
filter:Alpha(Opacity=35); /* For IE8 - See #6059 */
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Icons
|
||||||
|
----------------------------------*/
|
||||||
|
|
||||||
|
/* states and images */
|
||||||
|
.ui-icon {
|
||||||
|
width: 16px;
|
||||||
|
height: 16px;
|
||||||
|
}
|
||||||
|
.ui-icon,
|
||||||
|
.ui-widget-content .ui-icon {
|
||||||
|
background-image: url(images/ui-icons_222222_256x240.png)/*{iconsContent}*/;
|
||||||
|
}
|
||||||
|
.ui-widget-header .ui-icon {
|
||||||
|
background-image: url(images/ui-icons_222222_256x240.png)/*{iconsHeader}*/;
|
||||||
|
}
|
||||||
|
.ui-state-default .ui-icon {
|
||||||
|
background-image: url(images/ui-icons_888888_256x240.png)/*{iconsDefault}*/;
|
||||||
|
}
|
||||||
|
.ui-state-hover .ui-icon,
|
||||||
|
.ui-state-focus .ui-icon {
|
||||||
|
background-image: url(images/ui-icons_454545_256x240.png)/*{iconsHover}*/;
|
||||||
|
}
|
||||||
|
.ui-state-active .ui-icon {
|
||||||
|
background-image: url(images/ui-icons_454545_256x240.png)/*{iconsActive}*/;
|
||||||
|
}
|
||||||
|
.ui-state-highlight .ui-icon {
|
||||||
|
background-image: url(images/ui-icons_2e83ff_256x240.png)/*{iconsHighlight}*/;
|
||||||
|
}
|
||||||
|
.ui-state-error .ui-icon,
|
||||||
|
.ui-state-error-text .ui-icon {
|
||||||
|
background-image: url(images/ui-icons_cd0a0a_256x240.png)/*{iconsError}*/;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* positioning */
|
||||||
|
.ui-icon-blank { background-position: 16px 16px; }
|
||||||
|
.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-on { background-position: -96px -144px; }
|
||||||
|
.ui-icon-radio-off { 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 is deprecated, use ui-icon-seek-start instead */
|
||||||
|
.ui-icon-seek-first { background-position: -80px -160px; }
|
||||||
|
.ui-icon-stop { background-position: -96px -160px; }
|
||||||
|
.ui-icon-eject { background-position: -112px -160px; }
|
||||||
|
.ui-icon-volume-off { background-position: -128px -160px; }
|
||||||
|
.ui-icon-volume-on { background-position: -144px -160px; }
|
||||||
|
.ui-icon-power { background-position: 0 -176px; }
|
||||||
|
.ui-icon-signal-diag { background-position: -16px -176px; }
|
||||||
|
.ui-icon-signal { background-position: -32px -176px; }
|
||||||
|
.ui-icon-battery-0 { background-position: -48px -176px; }
|
||||||
|
.ui-icon-battery-1 { background-position: -64px -176px; }
|
||||||
|
.ui-icon-battery-2 { background-position: -80px -176px; }
|
||||||
|
.ui-icon-battery-3 { background-position: -96px -176px; }
|
||||||
|
.ui-icon-circle-plus { background-position: 0 -192px; }
|
||||||
|
.ui-icon-circle-minus { background-position: -16px -192px; }
|
||||||
|
.ui-icon-circle-close { background-position: -32px -192px; }
|
||||||
|
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
|
||||||
|
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
|
||||||
|
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
|
||||||
|
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
|
||||||
|
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
|
||||||
|
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
|
||||||
|
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
|
||||||
|
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
|
||||||
|
.ui-icon-circle-zoomin { background-position: -176px -192px; }
|
||||||
|
.ui-icon-circle-zoomout { background-position: -192px -192px; }
|
||||||
|
.ui-icon-circle-check { background-position: -208px -192px; }
|
||||||
|
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
|
||||||
|
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
|
||||||
|
.ui-icon-circlesmall-close { background-position: -32px -208px; }
|
||||||
|
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
|
||||||
|
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
|
||||||
|
.ui-icon-squaresmall-close { background-position: -80px -208px; }
|
||||||
|
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
|
||||||
|
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
|
||||||
|
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
|
||||||
|
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
|
||||||
|
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
|
||||||
|
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }
|
||||||
|
|
||||||
|
|
||||||
|
/* Misc visuals
|
||||||
|
----------------------------------*/
|
||||||
|
|
||||||
|
/* Corner radius */
|
||||||
|
.ui-corner-all,
|
||||||
|
.ui-corner-top,
|
||||||
|
.ui-corner-left,
|
||||||
|
.ui-corner-tl {
|
||||||
|
border-top-left-radius: 4px/*{cornerRadius}*/;
|
||||||
|
}
|
||||||
|
.ui-corner-all,
|
||||||
|
.ui-corner-top,
|
||||||
|
.ui-corner-right,
|
||||||
|
.ui-corner-tr {
|
||||||
|
border-top-right-radius: 4px/*{cornerRadius}*/;
|
||||||
|
}
|
||||||
|
.ui-corner-all,
|
||||||
|
.ui-corner-bottom,
|
||||||
|
.ui-corner-left,
|
||||||
|
.ui-corner-bl {
|
||||||
|
border-bottom-left-radius: 4px/*{cornerRadius}*/;
|
||||||
|
}
|
||||||
|
.ui-corner-all,
|
||||||
|
.ui-corner-bottom,
|
||||||
|
.ui-corner-right,
|
||||||
|
.ui-corner-br {
|
||||||
|
border-bottom-right-radius: 4px/*{cornerRadius}*/;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Overlays */
|
||||||
|
.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/*{opacityOverlay}*/;
|
||||||
|
filter: Alpha(Opacity=30)/*{opacityFilterOverlay}*/;
|
||||||
|
}
|
||||||
|
.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/*{opacityShadow}*/;
|
||||||
|
filter: Alpha(Opacity=30)/*{opacityFilterShadow}*/;
|
||||||
|
border-radius: 8px/*{cornerRadiusShadow}*/;
|
||||||
|
}
|
After Width: | Height: | Size: 1.7 KiB |
After Width: | Height: | Size: 180 B |
After Width: | Height: | Size: 178 B |
After Width: | Height: | Size: 120 B |
After Width: | Height: | Size: 105 B |
After Width: | Height: | Size: 111 B |
After Width: | Height: | Size: 110 B |
After Width: | Height: | Size: 119 B |