glimmer-dsl-opal 0.5.0 → 0.7.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (82) hide show
  1. checksums.yaml +4 -4
  2. data/CHANGELOG.md +46 -0
  3. data/README.md +390 -29
  4. data/VERSION +1 -1
  5. data/app/assets/images/glimmer/images/calendar.gif +0 -0
  6. data/app/assets/images/glimmer/images/ui-icons_222222_256x240.png +0 -0
  7. data/app/assets/images/glimmer/images/ui-icons_444444_256x240.png +0 -0
  8. data/app/assets/images/glimmer/images/ui-icons_555555_256x240.png +0 -0
  9. data/app/assets/images/glimmer/images/ui-icons_777620_256x240.png +0 -0
  10. data/app/assets/images/glimmer/images/ui-icons_777777_256x240.png +0 -0
  11. data/app/assets/images/glimmer/images/ui-icons_cc0000_256x240.png +0 -0
  12. data/app/assets/images/glimmer/images/ui-icons_ffffff_256x240.png +0 -0
  13. data/app/assets/stylesheets/glimmer/glimmer.css +15 -0
  14. data/app/assets/stylesheets/glimmer/jquery-ui.css +1312 -0
  15. data/app/assets/stylesheets/glimmer/jquery-ui.structure.css +886 -0
  16. data/app/assets/stylesheets/glimmer/jquery-ui.theme.css +443 -0
  17. data/app/assets/stylesheets/glimmer/jquery.ui.timepicker.css +57 -0
  18. data/lib/glimmer-dsl-opal.rb +73 -8
  19. data/lib/glimmer-dsl-opal/ext/date.rb +49 -3
  20. data/lib/glimmer-dsl-opal/samples/elaborate/tic_tac_toe.rb +23 -0
  21. data/lib/glimmer-dsl-opal/samples/hello/hello_combo.rb +5 -5
  22. data/lib/glimmer-dsl-opal/samples/hello/hello_date_time.rb +63 -0
  23. data/lib/glimmer-dsl-opal/samples/hello/hello_list_single_selection.rb +1 -1
  24. data/lib/glimmer-dsl-opal/samples/hello/hello_table.rb +283 -0
  25. data/lib/glimmer-dsl-opal/vendor/jquery-ui-timepicker/GPL-LICENSE.txt +278 -0
  26. data/lib/glimmer-dsl-opal/vendor/jquery-ui-timepicker/MIT-LICENSE.txt +20 -0
  27. data/lib/glimmer-dsl-opal/vendor/jquery-ui-timepicker/jquery.ui.timepicker.css +57 -0
  28. data/lib/glimmer-dsl-opal/vendor/jquery-ui-timepicker/jquery.ui.timepicker.js +1496 -0
  29. data/lib/glimmer-dsl-opal/vendor/jquery-ui/AUTHORS.txt +333 -0
  30. data/lib/glimmer-dsl-opal/vendor/jquery-ui/LICENSE.txt +43 -0
  31. data/lib/glimmer-dsl-opal/vendor/jquery-ui/images/ui-icons_444444_256x240.png +0 -0
  32. data/lib/glimmer-dsl-opal/vendor/jquery-ui/images/ui-icons_555555_256x240.png +0 -0
  33. data/lib/glimmer-dsl-opal/vendor/jquery-ui/images/ui-icons_777620_256x240.png +0 -0
  34. data/lib/glimmer-dsl-opal/vendor/jquery-ui/images/ui-icons_777777_256x240.png +0 -0
  35. data/lib/glimmer-dsl-opal/vendor/jquery-ui/images/ui-icons_cc0000_256x240.png +0 -0
  36. data/lib/glimmer-dsl-opal/vendor/jquery-ui/images/ui-icons_ffffff_256x240.png +0 -0
  37. data/lib/glimmer-dsl-opal/vendor/jquery-ui/jquery-ui.min.css +7 -0
  38. data/lib/glimmer-dsl-opal/vendor/jquery-ui/jquery-ui.min.js +13 -0
  39. data/lib/glimmer-dsl-opal/vendor/jquery-ui/jquery-ui.structure.min.css +5 -0
  40. data/lib/glimmer-dsl-opal/vendor/jquery-ui/jquery-ui.theme.min.css +5 -0
  41. data/lib/glimmer-dsl-opal/vendor/jquery-ui/package.json +74 -0
  42. data/lib/glimmer-dsl-swt.rb +20 -35
  43. data/lib/glimmer/data_binding/table_items_binding.rb +31 -18
  44. data/lib/glimmer/dsl/opal/block_property_expression.rb +41 -0
  45. data/lib/glimmer/dsl/opal/custom_widget_expression.rb +1 -1
  46. data/lib/glimmer/dsl/opal/dsl.rb +2 -0
  47. data/lib/glimmer/dsl/opal/shell_expression.rb +7 -2
  48. data/lib/glimmer/dsl/opal/widget_expression.rb +10 -1
  49. data/lib/glimmer/engine.rb +9 -0
  50. data/lib/glimmer/swt.rb +3 -3
  51. data/lib/glimmer/swt/button_proxy.rb +5 -5
  52. data/lib/glimmer/swt/checkbox_proxy.rb +1 -0
  53. data/lib/glimmer/swt/color_proxy.rb +45 -45
  54. data/lib/glimmer/swt/combo_proxy.rb +2 -2
  55. data/lib/glimmer/swt/composite_proxy.rb +7 -3
  56. data/lib/glimmer/swt/control_editor.rb +53 -0
  57. data/lib/glimmer/swt/date_time_proxy.rb +145 -0
  58. data/lib/glimmer/swt/display_proxy.rb +6 -2
  59. data/lib/glimmer/swt/fill_layout_proxy.rb +1 -1
  60. data/lib/glimmer/swt/label_proxy.rb +2 -2
  61. data/lib/glimmer/swt/layout_data_proxy.rb +8 -8
  62. data/lib/glimmer/swt/layout_proxy.rb +5 -5
  63. data/lib/glimmer/swt/list_proxy.rb +2 -2
  64. data/lib/glimmer/swt/make_shift_shell_proxy.rb +4 -4
  65. data/lib/glimmer/swt/message_box_proxy.rb +10 -8
  66. data/lib/glimmer/swt/property_owner.rb +2 -2
  67. data/lib/glimmer/swt/radio_proxy.rb +1 -0
  68. data/lib/glimmer/swt/row_layout_proxy.rb +1 -1
  69. data/lib/glimmer/swt/shell_proxy.rb +8 -0
  70. data/lib/glimmer/swt/tab_folder_proxy.rb +5 -5
  71. data/lib/glimmer/swt/tab_item_proxy.rb +7 -7
  72. data/lib/glimmer/swt/table_column_proxy.rb +71 -12
  73. data/lib/glimmer/swt/table_editor.rb +65 -0
  74. data/lib/glimmer/swt/table_item_proxy.rb +42 -7
  75. data/lib/glimmer/swt/table_proxy.rb +575 -20
  76. data/lib/glimmer/swt/text_proxy.rb +50 -2
  77. data/lib/glimmer/swt/widget_proxy.rb +120 -23
  78. data/lib/glimmer/ui/custom_widget.rb +8 -8
  79. data/lib/net/http.rb +1 -5
  80. data/lib/uri.rb +3 -3
  81. metadata +45 -9
  82. data/lib/glimmer/data_binding/ext/observable_model.rb +0 -40
data/VERSION CHANGED
@@ -1 +1 @@
1
- 0.5.0
1
+ 0.7.1
@@ -0,0 +1,15 @@
1
+ /*
2
+ * This is a manifest file that'll be compiled into application.css, which will include all the files
3
+ * listed below.
4
+ *
5
+ * Any CSS and SCSS file within this directory, lib/assets/stylesheets, or any plugin's
6
+ * vendor/assets/stylesheets directory can be referenced here using a relative path.
7
+ *
8
+ * You're free to add application-wide styles to this file and they'll appear at the bottom of the
9
+ * compiled file so the styles you add here take precedence over styles defined in any other CSS/SCSS
10
+ * files in this directory. Styles in this file should be added after the last require_* statement.
11
+ * It is generally better to create a new file per style scope.
12
+ *
13
+ *= require_tree .
14
+ *= require_self
15
+ */
@@ -0,0 +1,1312 @@
1
+ /*! jQuery UI - v1.12.1 - 2016-09-14
2
+ * http://jqueryui.com
3
+ * Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
4
+ * To view and modify this theme, visit http://jqueryui.com/themeroller/?bgShadowXPos=&bgOverlayXPos=&bgErrorXPos=&bgHighlightXPos=&bgContentXPos=&bgHeaderXPos=&bgActiveXPos=&bgHoverXPos=&bgDefaultXPos=&bgShadowYPos=&bgOverlayYPos=&bgErrorYPos=&bgHighlightYPos=&bgContentYPos=&bgHeaderYPos=&bgActiveYPos=&bgHoverYPos=&bgDefaultYPos=&bgShadowRepeat=&bgOverlayRepeat=&bgErrorRepeat=&bgHighlightRepeat=&bgContentRepeat=&bgHeaderRepeat=&bgActiveRepeat=&bgHoverRepeat=&bgDefaultRepeat=&iconsHover=url(%22images%2Fui-icons_555555_256x240.png%22)&iconsHighlight=url(%22images%2Fui-icons_777620_256x240.png%22)&iconsHeader=url(%22images%2Fui-icons_444444_256x240.png%22)&iconsError=url(%22images%2Fui-icons_cc0000_256x240.png%22)&iconsDefault=url(%22images%2Fui-icons_777777_256x240.png%22)&iconsContent=url(%22images%2Fui-icons_444444_256x240.png%22)&iconsActive=url(%22images%2Fui-icons_ffffff_256x240.png%22)&bgImgUrlShadow=&bgImgUrlOverlay=&bgImgUrlHover=&bgImgUrlHighlight=&bgImgUrlHeader=&bgImgUrlError=&bgImgUrlDefault=&bgImgUrlContent=&bgImgUrlActive=&opacityFilterShadow=Alpha(Opacity%3D30)&opacityFilterOverlay=Alpha(Opacity%3D30)&opacityShadowPerc=30&opacityOverlayPerc=30&iconColorHover=%23555555&iconColorHighlight=%23777620&iconColorHeader=%23444444&iconColorError=%23cc0000&iconColorDefault=%23777777&iconColorContent=%23444444&iconColorActive=%23ffffff&bgImgOpacityShadow=0&bgImgOpacityOverlay=0&bgImgOpacityError=95&bgImgOpacityHighlight=55&bgImgOpacityContent=75&bgImgOpacityHeader=75&bgImgOpacityActive=65&bgImgOpacityHover=75&bgImgOpacityDefault=75&bgTextureShadow=flat&bgTextureOverlay=flat&bgTextureError=flat&bgTextureHighlight=flat&bgTextureContent=flat&bgTextureHeader=flat&bgTextureActive=flat&bgTextureHover=flat&bgTextureDefault=flat&cornerRadius=3px&fwDefault=normal&ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&cornerRadiusShadow=8px&thicknessShadow=5px&offsetLeftShadow=0px&offsetTopShadow=0px&opacityShadow=.3&bgColorShadow=%23666666&opacityOverlay=.3&bgColorOverlay=%23aaaaaa&fcError=%235f3f3f&borderColorError=%23f1a899&bgColorError=%23fddfdf&fcHighlight=%23777620&borderColorHighlight=%23dad55e&bgColorHighlight=%23fffa90&fcContent=%23333333&borderColorContent=%23dddddd&bgColorContent=%23ffffff&fcHeader=%23333333&borderColorHeader=%23dddddd&bgColorHeader=%23e9e9e9&fcActive=%23ffffff&borderColorActive=%23003eff&bgColorActive=%23007fff&fcHover=%232b2b2b&borderColorHover=%23cccccc&bgColorHover=%23ededed&fcDefault=%23454545&borderColorDefault=%23c5c5c5&bgColorDefault=%23f6f6f6
5
+ * Copyright jQuery Foundation and other contributors; Licensed MIT */
6
+
7
+ /* Layout helpers
8
+ ----------------------------------*/
9
+ .ui-helper-hidden {
10
+ display: none;
11
+ }
12
+ .ui-helper-hidden-accessible {
13
+ border: 0;
14
+ clip: rect(0 0 0 0);
15
+ height: 1px;
16
+ margin: -1px;
17
+ overflow: hidden;
18
+ padding: 0;
19
+ position: absolute;
20
+ width: 1px;
21
+ }
22
+ .ui-helper-reset {
23
+ margin: 0;
24
+ padding: 0;
25
+ border: 0;
26
+ outline: 0;
27
+ line-height: 1.3;
28
+ text-decoration: none;
29
+ font-size: 100%;
30
+ list-style: none;
31
+ }
32
+ .ui-helper-clearfix:before,
33
+ .ui-helper-clearfix:after {
34
+ content: "";
35
+ display: table;
36
+ border-collapse: collapse;
37
+ }
38
+ .ui-helper-clearfix:after {
39
+ clear: both;
40
+ }
41
+ .ui-helper-zfix {
42
+ width: 100%;
43
+ height: 100%;
44
+ top: 0;
45
+ left: 0;
46
+ position: absolute;
47
+ opacity: 0;
48
+ filter:Alpha(Opacity=0); /* support: IE8 */
49
+ }
50
+
51
+ .ui-front {
52
+ z-index: 100;
53
+ }
54
+
55
+
56
+ /* Interaction Cues
57
+ ----------------------------------*/
58
+ .ui-state-disabled {
59
+ cursor: default !important;
60
+ pointer-events: none;
61
+ }
62
+
63
+
64
+ /* Icons
65
+ ----------------------------------*/
66
+ .ui-icon {
67
+ display: inline-block;
68
+ vertical-align: middle;
69
+ margin-top: -.25em;
70
+ position: relative;
71
+ text-indent: -99999px;
72
+ overflow: hidden;
73
+ background-repeat: no-repeat;
74
+ }
75
+
76
+ .ui-widget-icon-block {
77
+ left: 50%;
78
+ margin-left: -8px;
79
+ display: block;
80
+ }
81
+
82
+ /* Misc visuals
83
+ ----------------------------------*/
84
+
85
+ /* Overlays */
86
+ .ui-widget-overlay {
87
+ position: fixed;
88
+ top: 0;
89
+ left: 0;
90
+ width: 100%;
91
+ height: 100%;
92
+ }
93
+ .ui-accordion .ui-accordion-header {
94
+ display: block;
95
+ cursor: pointer;
96
+ position: relative;
97
+ margin: 2px 0 0 0;
98
+ padding: .5em .5em .5em .7em;
99
+ font-size: 100%;
100
+ }
101
+ .ui-accordion .ui-accordion-content {
102
+ padding: 1em 2.2em;
103
+ border-top: 0;
104
+ overflow: auto;
105
+ }
106
+ .ui-autocomplete {
107
+ position: absolute;
108
+ top: 0;
109
+ left: 0;
110
+ cursor: default;
111
+ }
112
+ .ui-menu {
113
+ list-style: none;
114
+ padding: 0;
115
+ margin: 0;
116
+ display: block;
117
+ outline: 0;
118
+ }
119
+ .ui-menu .ui-menu {
120
+ position: absolute;
121
+ }
122
+ .ui-menu .ui-menu-item {
123
+ margin: 0;
124
+ cursor: pointer;
125
+ /* support: IE10, see #8844 */
126
+ list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
127
+ }
128
+ .ui-menu .ui-menu-item-wrapper {
129
+ position: relative;
130
+ padding: 3px 1em 3px .4em;
131
+ }
132
+ .ui-menu .ui-menu-divider {
133
+ margin: 5px 0;
134
+ height: 0;
135
+ font-size: 0;
136
+ line-height: 0;
137
+ border-width: 1px 0 0 0;
138
+ }
139
+ .ui-menu .ui-state-focus,
140
+ .ui-menu .ui-state-active {
141
+ margin: -1px;
142
+ }
143
+
144
+ /* icon support */
145
+ .ui-menu-icons {
146
+ position: relative;
147
+ }
148
+ .ui-menu-icons .ui-menu-item-wrapper {
149
+ padding-left: 2em;
150
+ }
151
+
152
+ /* left-aligned */
153
+ .ui-menu .ui-icon {
154
+ position: absolute;
155
+ top: 0;
156
+ bottom: 0;
157
+ left: .2em;
158
+ margin: auto 0;
159
+ }
160
+
161
+ /* right-aligned */
162
+ .ui-menu .ui-menu-icon {
163
+ left: auto;
164
+ right: 0;
165
+ }
166
+ .ui-button {
167
+ padding: .4em 1em;
168
+ display: inline-block;
169
+ position: relative;
170
+ line-height: normal;
171
+ margin-right: .1em;
172
+ cursor: pointer;
173
+ vertical-align: middle;
174
+ text-align: center;
175
+ -webkit-user-select: none;
176
+ -moz-user-select: none;
177
+ -ms-user-select: none;
178
+ user-select: none;
179
+
180
+ /* Support: IE <= 11 */
181
+ overflow: visible;
182
+ }
183
+
184
+ .ui-button,
185
+ .ui-button:link,
186
+ .ui-button:visited,
187
+ .ui-button:hover,
188
+ .ui-button:active {
189
+ text-decoration: none;
190
+ }
191
+
192
+ /* to make room for the icon, a width needs to be set here */
193
+ .ui-button-icon-only {
194
+ width: 2em;
195
+ box-sizing: border-box;
196
+ text-indent: -9999px;
197
+ white-space: nowrap;
198
+ }
199
+
200
+ /* no icon support for input elements */
201
+ input.ui-button.ui-button-icon-only {
202
+ text-indent: 0;
203
+ }
204
+
205
+ /* button icon element(s) */
206
+ .ui-button-icon-only .ui-icon {
207
+ position: absolute;
208
+ top: 50%;
209
+ left: 50%;
210
+ margin-top: -8px;
211
+ margin-left: -8px;
212
+ }
213
+
214
+ .ui-button.ui-icon-notext .ui-icon {
215
+ padding: 0;
216
+ width: 2.1em;
217
+ height: 2.1em;
218
+ text-indent: -9999px;
219
+ white-space: nowrap;
220
+
221
+ }
222
+
223
+ input.ui-button.ui-icon-notext .ui-icon {
224
+ width: auto;
225
+ height: auto;
226
+ text-indent: 0;
227
+ white-space: normal;
228
+ padding: .4em 1em;
229
+ }
230
+
231
+ /* workarounds */
232
+ /* Support: Firefox 5 - 40 */
233
+ input.ui-button::-moz-focus-inner,
234
+ button.ui-button::-moz-focus-inner {
235
+ border: 0;
236
+ padding: 0;
237
+ }
238
+ .ui-controlgroup {
239
+ vertical-align: middle;
240
+ display: inline-block;
241
+ }
242
+ .ui-controlgroup > .ui-controlgroup-item {
243
+ float: left;
244
+ margin-left: 0;
245
+ margin-right: 0;
246
+ }
247
+ .ui-controlgroup > .ui-controlgroup-item:focus,
248
+ .ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
249
+ z-index: 9999;
250
+ }
251
+ .ui-controlgroup-vertical > .ui-controlgroup-item {
252
+ display: block;
253
+ float: none;
254
+ width: 100%;
255
+ margin-top: 0;
256
+ margin-bottom: 0;
257
+ text-align: left;
258
+ }
259
+ .ui-controlgroup-vertical .ui-controlgroup-item {
260
+ box-sizing: border-box;
261
+ }
262
+ .ui-controlgroup .ui-controlgroup-label {
263
+ padding: .4em 1em;
264
+ }
265
+ .ui-controlgroup .ui-controlgroup-label span {
266
+ font-size: 80%;
267
+ }
268
+ .ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
269
+ border-left: none;
270
+ }
271
+ .ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
272
+ border-top: none;
273
+ }
274
+ .ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
275
+ border-right: none;
276
+ }
277
+ .ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
278
+ border-bottom: none;
279
+ }
280
+
281
+ /* Spinner specific style fixes */
282
+ .ui-controlgroup-vertical .ui-spinner-input {
283
+
284
+ /* Support: IE8 only, Android < 4.4 only */
285
+ width: 75%;
286
+ width: calc( 100% - 2.4em );
287
+ }
288
+ .ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
289
+ border-top-style: solid;
290
+ }
291
+
292
+ .ui-checkboxradio-label .ui-icon-background {
293
+ box-shadow: inset 1px 1px 1px #ccc;
294
+ border-radius: .12em;
295
+ border: none;
296
+ }
297
+ .ui-checkboxradio-radio-label .ui-icon-background {
298
+ width: 16px;
299
+ height: 16px;
300
+ border-radius: 1em;
301
+ overflow: visible;
302
+ border: none;
303
+ }
304
+ .ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
305
+ .ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
306
+ background-image: none;
307
+ width: 8px;
308
+ height: 8px;
309
+ border-width: 4px;
310
+ border-style: solid;
311
+ }
312
+ .ui-checkboxradio-disabled {
313
+ pointer-events: none;
314
+ }
315
+ .ui-datepicker {
316
+ width: 17em;
317
+ padding: .2em .2em 0;
318
+ display: none;
319
+ }
320
+ .ui-datepicker .ui-datepicker-header {
321
+ position: relative;
322
+ padding: .2em 0;
323
+ }
324
+ .ui-datepicker .ui-datepicker-prev,
325
+ .ui-datepicker .ui-datepicker-next {
326
+ position: absolute;
327
+ top: 2px;
328
+ width: 1.8em;
329
+ height: 1.8em;
330
+ }
331
+ .ui-datepicker .ui-datepicker-prev-hover,
332
+ .ui-datepicker .ui-datepicker-next-hover {
333
+ top: 1px;
334
+ }
335
+ .ui-datepicker .ui-datepicker-prev {
336
+ left: 2px;
337
+ }
338
+ .ui-datepicker .ui-datepicker-next {
339
+ right: 2px;
340
+ }
341
+ .ui-datepicker .ui-datepicker-prev-hover {
342
+ left: 1px;
343
+ }
344
+ .ui-datepicker .ui-datepicker-next-hover {
345
+ right: 1px;
346
+ }
347
+ .ui-datepicker .ui-datepicker-prev span,
348
+ .ui-datepicker .ui-datepicker-next span {
349
+ display: block;
350
+ position: absolute;
351
+ left: 50%;
352
+ margin-left: -8px;
353
+ top: 50%;
354
+ margin-top: -8px;
355
+ }
356
+ .ui-datepicker .ui-datepicker-title {
357
+ margin: 0 2.3em;
358
+ line-height: 1.8em;
359
+ text-align: center;
360
+ }
361
+ .ui-datepicker .ui-datepicker-title select {
362
+ font-size: 1em;
363
+ margin: 1px 0;
364
+ }
365
+ .ui-datepicker select.ui-datepicker-month,
366
+ .ui-datepicker select.ui-datepicker-year {
367
+ width: 45%;
368
+ }
369
+ .ui-datepicker table {
370
+ width: 100%;
371
+ font-size: .9em;
372
+ border-collapse: collapse;
373
+ margin: 0 0 .4em;
374
+ }
375
+ .ui-datepicker th {
376
+ padding: .7em .3em;
377
+ text-align: center;
378
+ font-weight: bold;
379
+ border: 0;
380
+ }
381
+ .ui-datepicker td {
382
+ border: 0;
383
+ padding: 1px;
384
+ }
385
+ .ui-datepicker td span,
386
+ .ui-datepicker td a {
387
+ display: block;
388
+ padding: .2em;
389
+ text-align: right;
390
+ text-decoration: none;
391
+ }
392
+ .ui-datepicker .ui-datepicker-buttonpane {
393
+ background-image: none;
394
+ margin: .7em 0 0 0;
395
+ padding: 0 .2em;
396
+ border-left: 0;
397
+ border-right: 0;
398
+ border-bottom: 0;
399
+ }
400
+ .ui-datepicker .ui-datepicker-buttonpane button {
401
+ float: right;
402
+ margin: .5em .2em .4em;
403
+ cursor: pointer;
404
+ padding: .2em .6em .3em .6em;
405
+ width: auto;
406
+ overflow: visible;
407
+ }
408
+ .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
409
+ float: left;
410
+ }
411
+
412
+ /* with multiple calendars */
413
+ .ui-datepicker.ui-datepicker-multi {
414
+ width: auto;
415
+ }
416
+ .ui-datepicker-multi .ui-datepicker-group {
417
+ float: left;
418
+ }
419
+ .ui-datepicker-multi .ui-datepicker-group table {
420
+ width: 95%;
421
+ margin: 0 auto .4em;
422
+ }
423
+ .ui-datepicker-multi-2 .ui-datepicker-group {
424
+ width: 50%;
425
+ }
426
+ .ui-datepicker-multi-3 .ui-datepicker-group {
427
+ width: 33.3%;
428
+ }
429
+ .ui-datepicker-multi-4 .ui-datepicker-group {
430
+ width: 25%;
431
+ }
432
+ .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
433
+ .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
434
+ border-left-width: 0;
435
+ }
436
+ .ui-datepicker-multi .ui-datepicker-buttonpane {
437
+ clear: left;
438
+ }
439
+ .ui-datepicker-row-break {
440
+ clear: both;
441
+ width: 100%;
442
+ font-size: 0;
443
+ }
444
+
445
+ /* RTL support */
446
+ .ui-datepicker-rtl {
447
+ direction: rtl;
448
+ }
449
+ .ui-datepicker-rtl .ui-datepicker-prev {
450
+ right: 2px;
451
+ left: auto;
452
+ }
453
+ .ui-datepicker-rtl .ui-datepicker-next {
454
+ left: 2px;
455
+ right: auto;
456
+ }
457
+ .ui-datepicker-rtl .ui-datepicker-prev:hover {
458
+ right: 1px;
459
+ left: auto;
460
+ }
461
+ .ui-datepicker-rtl .ui-datepicker-next:hover {
462
+ left: 1px;
463
+ right: auto;
464
+ }
465
+ .ui-datepicker-rtl .ui-datepicker-buttonpane {
466
+ clear: right;
467
+ }
468
+ .ui-datepicker-rtl .ui-datepicker-buttonpane button {
469
+ float: left;
470
+ }
471
+ .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
472
+ .ui-datepicker-rtl .ui-datepicker-group {
473
+ float: right;
474
+ }
475
+ .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
476
+ .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
477
+ border-right-width: 0;
478
+ border-left-width: 1px;
479
+ }
480
+
481
+ /* Icons */
482
+ .ui-datepicker .ui-icon {
483
+ display: block;
484
+ text-indent: -99999px;
485
+ overflow: hidden;
486
+ background-repeat: no-repeat;
487
+ left: .5em;
488
+ top: .3em;
489
+ }
490
+ .ui-dialog {
491
+ position: absolute;
492
+ top: 0;
493
+ left: 0;
494
+ padding: .2em;
495
+ outline: 0;
496
+ }
497
+ .ui-dialog .ui-dialog-titlebar {
498
+ padding: .4em 1em;
499
+ position: relative;
500
+ }
501
+ .ui-dialog .ui-dialog-title {
502
+ float: left;
503
+ margin: .1em 0;
504
+ white-space: nowrap;
505
+ width: 90%;
506
+ overflow: hidden;
507
+ text-overflow: ellipsis;
508
+ }
509
+ .ui-dialog .ui-dialog-titlebar-close {
510
+ position: absolute;
511
+ right: .3em;
512
+ top: 50%;
513
+ width: 20px;
514
+ margin: -10px 0 0 0;
515
+ padding: 1px;
516
+ height: 20px;
517
+ }
518
+ .ui-dialog .ui-dialog-content {
519
+ position: relative;
520
+ border: 0;
521
+ padding: .5em 1em;
522
+ background: none;
523
+ overflow: auto;
524
+ }
525
+ .ui-dialog .ui-dialog-buttonpane {
526
+ text-align: left;
527
+ border-width: 1px 0 0 0;
528
+ background-image: none;
529
+ margin-top: .5em;
530
+ padding: .3em 1em .5em .4em;
531
+ }
532
+ .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
533
+ float: right;
534
+ }
535
+ .ui-dialog .ui-dialog-buttonpane button {
536
+ margin: .5em .4em .5em 0;
537
+ cursor: pointer;
538
+ }
539
+ .ui-dialog .ui-resizable-n {
540
+ height: 2px;
541
+ top: 0;
542
+ }
543
+ .ui-dialog .ui-resizable-e {
544
+ width: 2px;
545
+ right: 0;
546
+ }
547
+ .ui-dialog .ui-resizable-s {
548
+ height: 2px;
549
+ bottom: 0;
550
+ }
551
+ .ui-dialog .ui-resizable-w {
552
+ width: 2px;
553
+ left: 0;
554
+ }
555
+ .ui-dialog .ui-resizable-se,
556
+ .ui-dialog .ui-resizable-sw,
557
+ .ui-dialog .ui-resizable-ne,
558
+ .ui-dialog .ui-resizable-nw {
559
+ width: 7px;
560
+ height: 7px;
561
+ }
562
+ .ui-dialog .ui-resizable-se {
563
+ right: 0;
564
+ bottom: 0;
565
+ }
566
+ .ui-dialog .ui-resizable-sw {
567
+ left: 0;
568
+ bottom: 0;
569
+ }
570
+ .ui-dialog .ui-resizable-ne {
571
+ right: 0;
572
+ top: 0;
573
+ }
574
+ .ui-dialog .ui-resizable-nw {
575
+ left: 0;
576
+ top: 0;
577
+ }
578
+ .ui-draggable .ui-dialog-titlebar {
579
+ cursor: move;
580
+ }
581
+ .ui-draggable-handle {
582
+ -ms-touch-action: none;
583
+ touch-action: none;
584
+ }
585
+ .ui-resizable {
586
+ position: relative;
587
+ }
588
+ .ui-resizable-handle {
589
+ position: absolute;
590
+ font-size: 0.1px;
591
+ display: block;
592
+ -ms-touch-action: none;
593
+ touch-action: none;
594
+ }
595
+ .ui-resizable-disabled .ui-resizable-handle,
596
+ .ui-resizable-autohide .ui-resizable-handle {
597
+ display: none;
598
+ }
599
+ .ui-resizable-n {
600
+ cursor: n-resize;
601
+ height: 7px;
602
+ width: 100%;
603
+ top: -5px;
604
+ left: 0;
605
+ }
606
+ .ui-resizable-s {
607
+ cursor: s-resize;
608
+ height: 7px;
609
+ width: 100%;
610
+ bottom: -5px;
611
+ left: 0;
612
+ }
613
+ .ui-resizable-e {
614
+ cursor: e-resize;
615
+ width: 7px;
616
+ right: -5px;
617
+ top: 0;
618
+ height: 100%;
619
+ }
620
+ .ui-resizable-w {
621
+ cursor: w-resize;
622
+ width: 7px;
623
+ left: -5px;
624
+ top: 0;
625
+ height: 100%;
626
+ }
627
+ .ui-resizable-se {
628
+ cursor: se-resize;
629
+ width: 12px;
630
+ height: 12px;
631
+ right: 1px;
632
+ bottom: 1px;
633
+ }
634
+ .ui-resizable-sw {
635
+ cursor: sw-resize;
636
+ width: 9px;
637
+ height: 9px;
638
+ left: -5px;
639
+ bottom: -5px;
640
+ }
641
+ .ui-resizable-nw {
642
+ cursor: nw-resize;
643
+ width: 9px;
644
+ height: 9px;
645
+ left: -5px;
646
+ top: -5px;
647
+ }
648
+ .ui-resizable-ne {
649
+ cursor: ne-resize;
650
+ width: 9px;
651
+ height: 9px;
652
+ right: -5px;
653
+ top: -5px;
654
+ }
655
+ .ui-progressbar {
656
+ height: 2em;
657
+ text-align: left;
658
+ overflow: hidden;
659
+ }
660
+ .ui-progressbar .ui-progressbar-value {
661
+ margin: -1px;
662
+ height: 100%;
663
+ }
664
+ .ui-progressbar .ui-progressbar-overlay {
665
+ background: url("data:image/gif;base64,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");
666
+ height: 100%;
667
+ filter: alpha(opacity=25); /* support: IE8 */
668
+ opacity: 0.25;
669
+ }
670
+ .ui-progressbar-indeterminate .ui-progressbar-value {
671
+ background-image: none;
672
+ }
673
+ .ui-selectable {
674
+ -ms-touch-action: none;
675
+ touch-action: none;
676
+ }
677
+ .ui-selectable-helper {
678
+ position: absolute;
679
+ z-index: 100;
680
+ border: 1px dotted black;
681
+ }
682
+ .ui-selectmenu-menu {
683
+ padding: 0;
684
+ margin: 0;
685
+ position: absolute;
686
+ top: 0;
687
+ left: 0;
688
+ display: none;
689
+ }
690
+ .ui-selectmenu-menu .ui-menu {
691
+ overflow: auto;
692
+ overflow-x: hidden;
693
+ padding-bottom: 1px;
694
+ }
695
+ .ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
696
+ font-size: 1em;
697
+ font-weight: bold;
698
+ line-height: 1.5;
699
+ padding: 2px 0.4em;
700
+ margin: 0.5em 0 0 0;
701
+ height: auto;
702
+ border: 0;
703
+ }
704
+ .ui-selectmenu-open {
705
+ display: block;
706
+ }
707
+ .ui-selectmenu-text {
708
+ display: block;
709
+ margin-right: 20px;
710
+ overflow: hidden;
711
+ text-overflow: ellipsis;
712
+ }
713
+ .ui-selectmenu-button.ui-button {
714
+ text-align: left;
715
+ white-space: nowrap;
716
+ width: 14em;
717
+ }
718
+ .ui-selectmenu-icon.ui-icon {
719
+ float: right;
720
+ margin-top: 0;
721
+ }
722
+ .ui-slider {
723
+ position: relative;
724
+ text-align: left;
725
+ }
726
+ .ui-slider .ui-slider-handle {
727
+ position: absolute;
728
+ z-index: 2;
729
+ width: 1.2em;
730
+ height: 1.2em;
731
+ cursor: default;
732
+ -ms-touch-action: none;
733
+ touch-action: none;
734
+ }
735
+ .ui-slider .ui-slider-range {
736
+ position: absolute;
737
+ z-index: 1;
738
+ font-size: .7em;
739
+ display: block;
740
+ border: 0;
741
+ background-position: 0 0;
742
+ }
743
+
744
+ /* support: IE8 - See #6727 */
745
+ .ui-slider.ui-state-disabled .ui-slider-handle,
746
+ .ui-slider.ui-state-disabled .ui-slider-range {
747
+ filter: inherit;
748
+ }
749
+
750
+ .ui-slider-horizontal {
751
+ height: .8em;
752
+ }
753
+ .ui-slider-horizontal .ui-slider-handle {
754
+ top: -.3em;
755
+ margin-left: -.6em;
756
+ }
757
+ .ui-slider-horizontal .ui-slider-range {
758
+ top: 0;
759
+ height: 100%;
760
+ }
761
+ .ui-slider-horizontal .ui-slider-range-min {
762
+ left: 0;
763
+ }
764
+ .ui-slider-horizontal .ui-slider-range-max {
765
+ right: 0;
766
+ }
767
+
768
+ .ui-slider-vertical {
769
+ width: .8em;
770
+ height: 100px;
771
+ }
772
+ .ui-slider-vertical .ui-slider-handle {
773
+ left: -.3em;
774
+ margin-left: 0;
775
+ margin-bottom: -.6em;
776
+ }
777
+ .ui-slider-vertical .ui-slider-range {
778
+ left: 0;
779
+ width: 100%;
780
+ }
781
+ .ui-slider-vertical .ui-slider-range-min {
782
+ bottom: 0;
783
+ }
784
+ .ui-slider-vertical .ui-slider-range-max {
785
+ top: 0;
786
+ }
787
+ .ui-sortable-handle {
788
+ -ms-touch-action: none;
789
+ touch-action: none;
790
+ }
791
+ .ui-spinner {
792
+ position: relative;
793
+ display: inline-block;
794
+ overflow: hidden;
795
+ padding: 0;
796
+ vertical-align: middle;
797
+ }
798
+ .ui-spinner-input {
799
+ border: none;
800
+ background: none;
801
+ color: inherit;
802
+ padding: .222em 0;
803
+ margin: .2em 0;
804
+ vertical-align: middle;
805
+ margin-left: .4em;
806
+ margin-right: 2em;
807
+ }
808
+ .ui-spinner-button {
809
+ width: 1.6em;
810
+ height: 50%;
811
+ font-size: .5em;
812
+ padding: 0;
813
+ margin: 0;
814
+ text-align: center;
815
+ position: absolute;
816
+ cursor: default;
817
+ display: block;
818
+ overflow: hidden;
819
+ right: 0;
820
+ }
821
+ /* more specificity required here to override default borders */
822
+ .ui-spinner a.ui-spinner-button {
823
+ border-top-style: none;
824
+ border-bottom-style: none;
825
+ border-right-style: none;
826
+ }
827
+ .ui-spinner-up {
828
+ top: 0;
829
+ }
830
+ .ui-spinner-down {
831
+ bottom: 0;
832
+ }
833
+ .ui-tabs {
834
+ position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
835
+ padding: .2em;
836
+ }
837
+ .ui-tabs .ui-tabs-nav {
838
+ margin: 0;
839
+ padding: .2em .2em 0;
840
+ }
841
+ .ui-tabs .ui-tabs-nav li {
842
+ list-style: none;
843
+ float: left;
844
+ position: relative;
845
+ top: 0;
846
+ margin: 1px .2em 0 0;
847
+ border-bottom-width: 0;
848
+ padding: 0;
849
+ white-space: nowrap;
850
+ }
851
+ .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
852
+ float: left;
853
+ padding: .5em 1em;
854
+ text-decoration: none;
855
+ }
856
+ .ui-tabs .ui-tabs-nav li.ui-tabs-active {
857
+ margin-bottom: -1px;
858
+ padding-bottom: 1px;
859
+ }
860
+ .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
861
+ .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
862
+ .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
863
+ cursor: text;
864
+ }
865
+ .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
866
+ cursor: pointer;
867
+ }
868
+ .ui-tabs .ui-tabs-panel {
869
+ display: block;
870
+ border-width: 0;
871
+ padding: 1em 1.4em;
872
+ background: none;
873
+ }
874
+ .ui-tooltip {
875
+ padding: 8px;
876
+ position: absolute;
877
+ z-index: 9999;
878
+ max-width: 300px;
879
+ }
880
+ body .ui-tooltip {
881
+ border-width: 2px;
882
+ }
883
+
884
+ /* Component containers
885
+ ----------------------------------*/
886
+ .ui-widget {
887
+ font-family: Arial,Helvetica,sans-serif;
888
+ font-size: 1em;
889
+ }
890
+ .ui-widget .ui-widget {
891
+ font-size: 1em;
892
+ }
893
+ .ui-widget input,
894
+ .ui-widget select,
895
+ .ui-widget textarea,
896
+ .ui-widget button {
897
+ font-family: Arial,Helvetica,sans-serif;
898
+ font-size: 1em;
899
+ }
900
+ .ui-widget.ui-widget-content {
901
+ border: 1px solid #c5c5c5;
902
+ }
903
+ .ui-widget-content {
904
+ border: 1px solid #dddddd;
905
+ background: #ffffff;
906
+ color: #333333;
907
+ }
908
+ .ui-widget-content a {
909
+ color: #333333;
910
+ }
911
+ .ui-widget-header {
912
+ border: 1px solid #dddddd;
913
+ background: #e9e9e9;
914
+ color: #333333;
915
+ font-weight: bold;
916
+ }
917
+ .ui-widget-header a {
918
+ color: #333333;
919
+ }
920
+
921
+ /* Interaction states
922
+ ----------------------------------*/
923
+ .ui-state-default,
924
+ .ui-widget-content .ui-state-default,
925
+ .ui-widget-header .ui-state-default,
926
+ .ui-button,
927
+
928
+ /* We use html here because we need a greater specificity to make sure disabled
929
+ works properly when clicked or hovered */
930
+ html .ui-button.ui-state-disabled:hover,
931
+ html .ui-button.ui-state-disabled:active {
932
+ border: 1px solid #c5c5c5;
933
+ background: #f6f6f6;
934
+ font-weight: normal;
935
+ color: #454545;
936
+ }
937
+ .ui-state-default a,
938
+ .ui-state-default a:link,
939
+ .ui-state-default a:visited,
940
+ a.ui-button,
941
+ a:link.ui-button,
942
+ a:visited.ui-button,
943
+ .ui-button {
944
+ color: #454545;
945
+ text-decoration: none;
946
+ }
947
+ .ui-state-hover,
948
+ .ui-widget-content .ui-state-hover,
949
+ .ui-widget-header .ui-state-hover,
950
+ .ui-state-focus,
951
+ .ui-widget-content .ui-state-focus,
952
+ .ui-widget-header .ui-state-focus,
953
+ .ui-button:hover,
954
+ .ui-button:focus {
955
+ border: 1px solid #cccccc;
956
+ background: #ededed;
957
+ font-weight: normal;
958
+ color: #2b2b2b;
959
+ }
960
+ .ui-state-hover a,
961
+ .ui-state-hover a:hover,
962
+ .ui-state-hover a:link,
963
+ .ui-state-hover a:visited,
964
+ .ui-state-focus a,
965
+ .ui-state-focus a:hover,
966
+ .ui-state-focus a:link,
967
+ .ui-state-focus a:visited,
968
+ a.ui-button:hover,
969
+ a.ui-button:focus {
970
+ color: #2b2b2b;
971
+ text-decoration: none;
972
+ }
973
+
974
+ .ui-visual-focus {
975
+ box-shadow: 0 0 3px 1px rgb(94, 158, 214);
976
+ }
977
+ .ui-state-active,
978
+ .ui-widget-content .ui-state-active,
979
+ .ui-widget-header .ui-state-active,
980
+ a.ui-button:active,
981
+ .ui-button:active,
982
+ .ui-button.ui-state-active:hover {
983
+ border: 1px solid #003eff;
984
+ background: #007fff;
985
+ font-weight: normal;
986
+ color: #ffffff;
987
+ }
988
+ .ui-icon-background,
989
+ .ui-state-active .ui-icon-background {
990
+ border: #003eff;
991
+ background-color: #ffffff;
992
+ }
993
+ .ui-state-active a,
994
+ .ui-state-active a:link,
995
+ .ui-state-active a:visited {
996
+ color: #ffffff;
997
+ text-decoration: none;
998
+ }
999
+
1000
+ /* Interaction Cues
1001
+ ----------------------------------*/
1002
+ .ui-state-highlight,
1003
+ .ui-widget-content .ui-state-highlight,
1004
+ .ui-widget-header .ui-state-highlight {
1005
+ border: 1px solid #dad55e;
1006
+ background: #fffa90;
1007
+ color: #777620;
1008
+ }
1009
+ .ui-state-checked {
1010
+ border: 1px solid #dad55e;
1011
+ background: #fffa90;
1012
+ }
1013
+ .ui-state-highlight a,
1014
+ .ui-widget-content .ui-state-highlight a,
1015
+ .ui-widget-header .ui-state-highlight a {
1016
+ color: #777620;
1017
+ }
1018
+ .ui-state-error,
1019
+ .ui-widget-content .ui-state-error,
1020
+ .ui-widget-header .ui-state-error {
1021
+ border: 1px solid #f1a899;
1022
+ background: #fddfdf;
1023
+ color: #5f3f3f;
1024
+ }
1025
+ .ui-state-error a,
1026
+ .ui-widget-content .ui-state-error a,
1027
+ .ui-widget-header .ui-state-error a {
1028
+ color: #5f3f3f;
1029
+ }
1030
+ .ui-state-error-text,
1031
+ .ui-widget-content .ui-state-error-text,
1032
+ .ui-widget-header .ui-state-error-text {
1033
+ color: #5f3f3f;
1034
+ }
1035
+ .ui-priority-primary,
1036
+ .ui-widget-content .ui-priority-primary,
1037
+ .ui-widget-header .ui-priority-primary {
1038
+ font-weight: bold;
1039
+ }
1040
+ .ui-priority-secondary,
1041
+ .ui-widget-content .ui-priority-secondary,
1042
+ .ui-widget-header .ui-priority-secondary {
1043
+ opacity: .7;
1044
+ filter:Alpha(Opacity=70); /* support: IE8 */
1045
+ font-weight: normal;
1046
+ }
1047
+ .ui-state-disabled,
1048
+ .ui-widget-content .ui-state-disabled,
1049
+ .ui-widget-header .ui-state-disabled {
1050
+ opacity: .35;
1051
+ filter:Alpha(Opacity=35); /* support: IE8 */
1052
+ background-image: none;
1053
+ }
1054
+ .ui-state-disabled .ui-icon {
1055
+ filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */
1056
+ }
1057
+
1058
+ /* Icons
1059
+ ----------------------------------*/
1060
+
1061
+ /* states and images */
1062
+ .ui-icon {
1063
+ width: 16px;
1064
+ height: 16px;
1065
+ }
1066
+ .ui-icon,
1067
+ .ui-widget-content .ui-icon {
1068
+ background-image: url("images/ui-icons_444444_256x240.png");
1069
+ }
1070
+ .ui-widget-header .ui-icon {
1071
+ background-image: url("images/ui-icons_444444_256x240.png");
1072
+ }
1073
+ .ui-state-hover .ui-icon,
1074
+ .ui-state-focus .ui-icon,
1075
+ .ui-button:hover .ui-icon,
1076
+ .ui-button:focus .ui-icon {
1077
+ background-image: url("images/ui-icons_555555_256x240.png");
1078
+ }
1079
+ .ui-state-active .ui-icon,
1080
+ .ui-button:active .ui-icon {
1081
+ background-image: url("images/ui-icons_ffffff_256x240.png");
1082
+ }
1083
+ .ui-state-highlight .ui-icon,
1084
+ .ui-button .ui-state-highlight.ui-icon {
1085
+ background-image: url("images/ui-icons_777620_256x240.png");
1086
+ }
1087
+ .ui-state-error .ui-icon,
1088
+ .ui-state-error-text .ui-icon {
1089
+ background-image: url("images/ui-icons_cc0000_256x240.png");
1090
+ }
1091
+ .ui-button .ui-icon {
1092
+ background-image: url("images/ui-icons_777777_256x240.png");
1093
+ }
1094
+
1095
+ /* positioning */
1096
+ .ui-icon-blank { background-position: 16px 16px; }
1097
+ .ui-icon-caret-1-n { background-position: 0 0; }
1098
+ .ui-icon-caret-1-ne { background-position: -16px 0; }
1099
+ .ui-icon-caret-1-e { background-position: -32px 0; }
1100
+ .ui-icon-caret-1-se { background-position: -48px 0; }
1101
+ .ui-icon-caret-1-s { background-position: -65px 0; }
1102
+ .ui-icon-caret-1-sw { background-position: -80px 0; }
1103
+ .ui-icon-caret-1-w { background-position: -96px 0; }
1104
+ .ui-icon-caret-1-nw { background-position: -112px 0; }
1105
+ .ui-icon-caret-2-n-s { background-position: -128px 0; }
1106
+ .ui-icon-caret-2-e-w { background-position: -144px 0; }
1107
+ .ui-icon-triangle-1-n { background-position: 0 -16px; }
1108
+ .ui-icon-triangle-1-ne { background-position: -16px -16px; }
1109
+ .ui-icon-triangle-1-e { background-position: -32px -16px; }
1110
+ .ui-icon-triangle-1-se { background-position: -48px -16px; }
1111
+ .ui-icon-triangle-1-s { background-position: -65px -16px; }
1112
+ .ui-icon-triangle-1-sw { background-position: -80px -16px; }
1113
+ .ui-icon-triangle-1-w { background-position: -96px -16px; }
1114
+ .ui-icon-triangle-1-nw { background-position: -112px -16px; }
1115
+ .ui-icon-triangle-2-n-s { background-position: -128px -16px; }
1116
+ .ui-icon-triangle-2-e-w { background-position: -144px -16px; }
1117
+ .ui-icon-arrow-1-n { background-position: 0 -32px; }
1118
+ .ui-icon-arrow-1-ne { background-position: -16px -32px; }
1119
+ .ui-icon-arrow-1-e { background-position: -32px -32px; }
1120
+ .ui-icon-arrow-1-se { background-position: -48px -32px; }
1121
+ .ui-icon-arrow-1-s { background-position: -65px -32px; }
1122
+ .ui-icon-arrow-1-sw { background-position: -80px -32px; }
1123
+ .ui-icon-arrow-1-w { background-position: -96px -32px; }
1124
+ .ui-icon-arrow-1-nw { background-position: -112px -32px; }
1125
+ .ui-icon-arrow-2-n-s { background-position: -128px -32px; }
1126
+ .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
1127
+ .ui-icon-arrow-2-e-w { background-position: -160px -32px; }
1128
+ .ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
1129
+ .ui-icon-arrowstop-1-n { background-position: -192px -32px; }
1130
+ .ui-icon-arrowstop-1-e { background-position: -208px -32px; }
1131
+ .ui-icon-arrowstop-1-s { background-position: -224px -32px; }
1132
+ .ui-icon-arrowstop-1-w { background-position: -240px -32px; }
1133
+ .ui-icon-arrowthick-1-n { background-position: 1px -48px; }
1134
+ .ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
1135
+ .ui-icon-arrowthick-1-e { background-position: -32px -48px; }
1136
+ .ui-icon-arrowthick-1-se { background-position: -48px -48px; }
1137
+ .ui-icon-arrowthick-1-s { background-position: -64px -48px; }
1138
+ .ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
1139
+ .ui-icon-arrowthick-1-w { background-position: -96px -48px; }
1140
+ .ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
1141
+ .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
1142
+ .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
1143
+ .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
1144
+ .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
1145
+ .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
1146
+ .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
1147
+ .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
1148
+ .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
1149
+ .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
1150
+ .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
1151
+ .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
1152
+ .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
1153
+ .ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
1154
+ .ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
1155
+ .ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
1156
+ .ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
1157
+ .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
1158
+ .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
1159
+ .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
1160
+ .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
1161
+ .ui-icon-arrow-4 { background-position: 0 -80px; }
1162
+ .ui-icon-arrow-4-diag { background-position: -16px -80px; }
1163
+ .ui-icon-extlink { background-position: -32px -80px; }
1164
+ .ui-icon-newwin { background-position: -48px -80px; }
1165
+ .ui-icon-refresh { background-position: -64px -80px; }
1166
+ .ui-icon-shuffle { background-position: -80px -80px; }
1167
+ .ui-icon-transfer-e-w { background-position: -96px -80px; }
1168
+ .ui-icon-transferthick-e-w { background-position: -112px -80px; }
1169
+ .ui-icon-folder-collapsed { background-position: 0 -96px; }
1170
+ .ui-icon-folder-open { background-position: -16px -96px; }
1171
+ .ui-icon-document { background-position: -32px -96px; }
1172
+ .ui-icon-document-b { background-position: -48px -96px; }
1173
+ .ui-icon-note { background-position: -64px -96px; }
1174
+ .ui-icon-mail-closed { background-position: -80px -96px; }
1175
+ .ui-icon-mail-open { background-position: -96px -96px; }
1176
+ .ui-icon-suitcase { background-position: -112px -96px; }
1177
+ .ui-icon-comment { background-position: -128px -96px; }
1178
+ .ui-icon-person { background-position: -144px -96px; }
1179
+ .ui-icon-print { background-position: -160px -96px; }
1180
+ .ui-icon-trash { background-position: -176px -96px; }
1181
+ .ui-icon-locked { background-position: -192px -96px; }
1182
+ .ui-icon-unlocked { background-position: -208px -96px; }
1183
+ .ui-icon-bookmark { background-position: -224px -96px; }
1184
+ .ui-icon-tag { background-position: -240px -96px; }
1185
+ .ui-icon-home { background-position: 0 -112px; }
1186
+ .ui-icon-flag { background-position: -16px -112px; }
1187
+ .ui-icon-calendar { background-position: -32px -112px; }
1188
+ .ui-icon-cart { background-position: -48px -112px; }
1189
+ .ui-icon-pencil { background-position: -64px -112px; }
1190
+ .ui-icon-clock { background-position: -80px -112px; }
1191
+ .ui-icon-disk { background-position: -96px -112px; }
1192
+ .ui-icon-calculator { background-position: -112px -112px; }
1193
+ .ui-icon-zoomin { background-position: -128px -112px; }
1194
+ .ui-icon-zoomout { background-position: -144px -112px; }
1195
+ .ui-icon-search { background-position: -160px -112px; }
1196
+ .ui-icon-wrench { background-position: -176px -112px; }
1197
+ .ui-icon-gear { background-position: -192px -112px; }
1198
+ .ui-icon-heart { background-position: -208px -112px; }
1199
+ .ui-icon-star { background-position: -224px -112px; }
1200
+ .ui-icon-link { background-position: -240px -112px; }
1201
+ .ui-icon-cancel { background-position: 0 -128px; }
1202
+ .ui-icon-plus { background-position: -16px -128px; }
1203
+ .ui-icon-plusthick { background-position: -32px -128px; }
1204
+ .ui-icon-minus { background-position: -48px -128px; }
1205
+ .ui-icon-minusthick { background-position: -64px -128px; }
1206
+ .ui-icon-close { background-position: -80px -128px; }
1207
+ .ui-icon-closethick { background-position: -96px -128px; }
1208
+ .ui-icon-key { background-position: -112px -128px; }
1209
+ .ui-icon-lightbulb { background-position: -128px -128px; }
1210
+ .ui-icon-scissors { background-position: -144px -128px; }
1211
+ .ui-icon-clipboard { background-position: -160px -128px; }
1212
+ .ui-icon-copy { background-position: -176px -128px; }
1213
+ .ui-icon-contact { background-position: -192px -128px; }
1214
+ .ui-icon-image { background-position: -208px -128px; }
1215
+ .ui-icon-video { background-position: -224px -128px; }
1216
+ .ui-icon-script { background-position: -240px -128px; }
1217
+ .ui-icon-alert { background-position: 0 -144px; }
1218
+ .ui-icon-info { background-position: -16px -144px; }
1219
+ .ui-icon-notice { background-position: -32px -144px; }
1220
+ .ui-icon-help { background-position: -48px -144px; }
1221
+ .ui-icon-check { background-position: -64px -144px; }
1222
+ .ui-icon-bullet { background-position: -80px -144px; }
1223
+ .ui-icon-radio-on { background-position: -96px -144px; }
1224
+ .ui-icon-radio-off { background-position: -112px -144px; }
1225
+ .ui-icon-pin-w { background-position: -128px -144px; }
1226
+ .ui-icon-pin-s { background-position: -144px -144px; }
1227
+ .ui-icon-play { background-position: 0 -160px; }
1228
+ .ui-icon-pause { background-position: -16px -160px; }
1229
+ .ui-icon-seek-next { background-position: -32px -160px; }
1230
+ .ui-icon-seek-prev { background-position: -48px -160px; }
1231
+ .ui-icon-seek-end { background-position: -64px -160px; }
1232
+ .ui-icon-seek-start { background-position: -80px -160px; }
1233
+ /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
1234
+ .ui-icon-seek-first { background-position: -80px -160px; }
1235
+ .ui-icon-stop { background-position: -96px -160px; }
1236
+ .ui-icon-eject { background-position: -112px -160px; }
1237
+ .ui-icon-volume-off { background-position: -128px -160px; }
1238
+ .ui-icon-volume-on { background-position: -144px -160px; }
1239
+ .ui-icon-power { background-position: 0 -176px; }
1240
+ .ui-icon-signal-diag { background-position: -16px -176px; }
1241
+ .ui-icon-signal { background-position: -32px -176px; }
1242
+ .ui-icon-battery-0 { background-position: -48px -176px; }
1243
+ .ui-icon-battery-1 { background-position: -64px -176px; }
1244
+ .ui-icon-battery-2 { background-position: -80px -176px; }
1245
+ .ui-icon-battery-3 { background-position: -96px -176px; }
1246
+ .ui-icon-circle-plus { background-position: 0 -192px; }
1247
+ .ui-icon-circle-minus { background-position: -16px -192px; }
1248
+ .ui-icon-circle-close { background-position: -32px -192px; }
1249
+ .ui-icon-circle-triangle-e { background-position: -48px -192px; }
1250
+ .ui-icon-circle-triangle-s { background-position: -64px -192px; }
1251
+ .ui-icon-circle-triangle-w { background-position: -80px -192px; }
1252
+ .ui-icon-circle-triangle-n { background-position: -96px -192px; }
1253
+ .ui-icon-circle-arrow-e { background-position: -112px -192px; }
1254
+ .ui-icon-circle-arrow-s { background-position: -128px -192px; }
1255
+ .ui-icon-circle-arrow-w { background-position: -144px -192px; }
1256
+ .ui-icon-circle-arrow-n { background-position: -160px -192px; }
1257
+ .ui-icon-circle-zoomin { background-position: -176px -192px; }
1258
+ .ui-icon-circle-zoomout { background-position: -192px -192px; }
1259
+ .ui-icon-circle-check { background-position: -208px -192px; }
1260
+ .ui-icon-circlesmall-plus { background-position: 0 -208px; }
1261
+ .ui-icon-circlesmall-minus { background-position: -16px -208px; }
1262
+ .ui-icon-circlesmall-close { background-position: -32px -208px; }
1263
+ .ui-icon-squaresmall-plus { background-position: -48px -208px; }
1264
+ .ui-icon-squaresmall-minus { background-position: -64px -208px; }
1265
+ .ui-icon-squaresmall-close { background-position: -80px -208px; }
1266
+ .ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
1267
+ .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
1268
+ .ui-icon-grip-solid-vertical { background-position: -32px -224px; }
1269
+ .ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
1270
+ .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
1271
+ .ui-icon-grip-diagonal-se { background-position: -80px -224px; }
1272
+
1273
+
1274
+ /* Misc visuals
1275
+ ----------------------------------*/
1276
+
1277
+ /* Corner radius */
1278
+ .ui-corner-all,
1279
+ .ui-corner-top,
1280
+ .ui-corner-left,
1281
+ .ui-corner-tl {
1282
+ border-top-left-radius: 3px;
1283
+ }
1284
+ .ui-corner-all,
1285
+ .ui-corner-top,
1286
+ .ui-corner-right,
1287
+ .ui-corner-tr {
1288
+ border-top-right-radius: 3px;
1289
+ }
1290
+ .ui-corner-all,
1291
+ .ui-corner-bottom,
1292
+ .ui-corner-left,
1293
+ .ui-corner-bl {
1294
+ border-bottom-left-radius: 3px;
1295
+ }
1296
+ .ui-corner-all,
1297
+ .ui-corner-bottom,
1298
+ .ui-corner-right,
1299
+ .ui-corner-br {
1300
+ border-bottom-right-radius: 3px;
1301
+ }
1302
+
1303
+ /* Overlays */
1304
+ .ui-widget-overlay {
1305
+ background: #aaaaaa;
1306
+ opacity: .003;
1307
+ filter: Alpha(Opacity=.3); /* support: IE8 */
1308
+ }
1309
+ .ui-widget-shadow {
1310
+ -webkit-box-shadow: 0px 0px 5px #666666;
1311
+ box-shadow: 0px 0px 5px #666666;
1312
+ }