webshims-rails 1.11.3.1 → 1.11.6

Sign up to get free protection for your applications and to get access to all the features.
Files changed (72) hide show
  1. checksums.yaml +4 -4
  2. data/lib/webshims-rails/version.rb +2 -2
  3. data/vendor/assets/javascripts/webshims/extras/modernizr-custom.js +114 -104
  4. data/vendor/assets/javascripts/webshims/extras/mousepress.js +5 -5
  5. data/vendor/assets/javascripts/webshims/polyfiller.js +156 -207
  6. data/vendor/assets/javascripts/webshims/shims/$ajax.js +862 -0
  7. data/vendor/assets/javascripts/webshims/shims/FlashCanvas/flashcanvas.js +20 -0
  8. data/vendor/assets/javascripts/webshims/shims/FlashCanvasPro/flashcanvas.js +20 -0
  9. data/vendor/assets/javascripts/webshims/shims/color-picker.js +12 -12
  10. data/vendor/assets/javascripts/webshims/shims/combos/1.js +62 -32
  11. data/vendor/assets/javascripts/webshims/shims/combos/10.js +192 -509
  12. data/vendor/assets/javascripts/webshims/shims/combos/11.js +96 -415
  13. data/vendor/assets/javascripts/webshims/shims/combos/12.js +36 -26
  14. data/vendor/assets/javascripts/webshims/shims/combos/13.js +36 -26
  15. data/vendor/assets/javascripts/webshims/shims/combos/14.js +1007 -359
  16. data/vendor/assets/javascripts/webshims/shims/combos/15.js +310 -235
  17. data/vendor/assets/javascripts/webshims/shims/combos/16.js +313 -237
  18. data/vendor/assets/javascripts/webshims/shims/combos/17.js +96 -415
  19. data/vendor/assets/javascripts/webshims/shims/combos/18.js +1003 -678
  20. data/vendor/assets/javascripts/webshims/shims/combos/19.js +1085 -387
  21. data/vendor/assets/javascripts/webshims/shims/combos/2.js +161 -127
  22. data/vendor/assets/javascripts/webshims/shims/combos/20.js +1086 -388
  23. data/vendor/assets/javascripts/webshims/shims/combos/21.js +168 -96
  24. data/vendor/assets/javascripts/webshims/shims/combos/22.js +36 -27
  25. data/vendor/assets/javascripts/webshims/shims/combos/23.js +2 -1
  26. data/vendor/assets/javascripts/webshims/shims/combos/24.js +411 -172
  27. data/vendor/assets/javascripts/webshims/shims/combos/25.js +1085 -387
  28. data/vendor/assets/javascripts/webshims/shims/combos/26.js +96 -94
  29. data/vendor/assets/javascripts/webshims/shims/combos/3.js +163 -140
  30. data/vendor/assets/javascripts/webshims/shims/combos/30.js +166 -141
  31. data/vendor/assets/javascripts/webshims/shims/combos/31.js +159 -126
  32. data/vendor/assets/javascripts/webshims/shims/combos/4.js +103 -109
  33. data/vendor/assets/javascripts/webshims/shims/combos/5.js +98 -417
  34. data/vendor/assets/javascripts/webshims/shims/combos/6.js +101 -418
  35. data/vendor/assets/javascripts/webshims/shims/combos/7.js +168 -142
  36. data/vendor/assets/javascripts/webshims/shims/combos/8.js +165 -141
  37. data/vendor/assets/javascripts/webshims/shims/combos/9.js +195 -510
  38. data/vendor/assets/javascripts/webshims/shims/details.js +2 -2
  39. data/vendor/assets/javascripts/webshims/shims/dom-extend.js +96 -94
  40. data/vendor/assets/javascripts/webshims/shims/es5.js +908 -264
  41. data/vendor/assets/javascripts/webshims/shims/excanvas.js +16 -1
  42. data/vendor/assets/javascripts/webshims/shims/form-combat.js +147 -0
  43. data/vendor/assets/javascripts/webshims/shims/form-core.js +60 -31
  44. data/vendor/assets/javascripts/webshims/shims/form-datalist-lazy.js +114 -33
  45. data/vendor/assets/javascripts/webshims/shims/form-datalist.js +3 -1
  46. data/vendor/assets/javascripts/webshims/shims/form-message.js +7 -15
  47. data/vendor/assets/javascripts/webshims/shims/form-native-extend.js +2 -2
  48. data/vendor/assets/javascripts/webshims/shims/form-number-date-ui.js +88 -410
  49. data/vendor/assets/javascripts/webshims/shims/form-shim-extend.js +143 -93
  50. data/vendor/assets/javascripts/webshims/shims/form-shim-extend2.js +268 -79
  51. data/vendor/assets/javascripts/webshims/shims/form-validation.js +116 -81
  52. data/vendor/assets/javascripts/webshims/shims/form-validators.js +23 -10
  53. data/vendor/assets/javascripts/webshims/shims/forms-picker.js +605 -9
  54. data/vendor/assets/javascripts/webshims/shims/geolocation.js +51 -39
  55. data/vendor/assets/javascripts/webshims/shims/i18n/formcfg-de.js +78 -33
  56. data/vendor/assets/javascripts/webshims/shims/i18n/formcfg-en.js +24 -6
  57. data/vendor/assets/javascripts/webshims/shims/i18n/formcfg-nl.js +110 -49
  58. data/vendor/assets/javascripts/webshims/shims/json-storage.js +3 -1
  59. data/vendor/assets/javascripts/webshims/shims/mediaelement-core.js +2 -1
  60. data/vendor/assets/javascripts/webshims/shims/mediaelement-jaris.js +81 -30
  61. data/vendor/assets/javascripts/webshims/shims/mediaelement-yt.js +131 -54
  62. data/vendor/assets/javascripts/webshims/shims/plugins/jquery.ui.position.js +497 -0
  63. data/vendor/assets/javascripts/webshims/shims/range-ui.js +8 -5
  64. data/vendor/assets/javascripts/webshims/shims/sizzle.js +2026 -0
  65. data/vendor/assets/javascripts/webshims/shims/styles/forms-ext.css +401 -521
  66. data/vendor/assets/javascripts/webshims/shims/styles/scss/forms-ext.scss +1 -1
  67. data/vendor/assets/javascripts/webshims/shims/styles/scss/shim.scss +94 -82
  68. data/vendor/assets/javascripts/webshims/shims/styles/shim.css +250 -321
  69. data/vendor/assets/javascripts/webshims/shims/swf/JarisFLVPlayer.swf +0 -0
  70. data/vendor/assets/javascripts/webshims/shims/track-ui.js +1 -1
  71. data/vendor/assets/javascripts/webshims/shims/track.js +34 -25
  72. metadata +7 -3
@@ -1,18 +1,15 @@
1
1
  .input-picker .ws-picker-body, .input-picker .ws-button-row, .input-picker .picker-grid, .input-picker .picker-list, .input-picker .ws-options button {
2
- zoom: 1;
3
- }
4
- .input-picker .ws-picker-body:before, .input-picker .ws-button-row:before, .input-picker .picker-grid:before, .input-picker .picker-list:before, .input-picker .ws-options button:before, .input-picker .ws-picker-body:after, .input-picker .ws-button-row:after, .input-picker .picker-grid:after, .input-picker .picker-list:after, .input-picker .ws-options button:after {
5
- display: table;
6
- clear: both;
7
- content: ' ';
8
- }
2
+ zoom: 1; }
3
+ .input-picker .ws-picker-body:before, .input-picker .ws-button-row:before, .input-picker .picker-grid:before, .input-picker .picker-list:before, .input-picker .ws-options button:before, .input-picker .ws-picker-body:after, .input-picker .ws-button-row:after, .input-picker .picker-grid:after, .input-picker .picker-list:after, .input-picker .ws-options button:after {
4
+ display: table;
5
+ clear: both;
6
+ content: ' '; }
9
7
 
10
8
  /* spinner control for time, number (usable for date, datetime-local) */
11
9
  .has-input-buttons,
12
- input.has-input-buttons,
10
+ html > body input.ws-inputreplace.has-input-buttons,
13
11
  span.has-input-buttons {
14
- display: inline-block;
15
- }
12
+ display: inline-block; }
16
13
 
17
14
  .input-buttons,
18
15
  .step-controls,
@@ -23,8 +20,7 @@ span.has-input-buttons {
23
20
  font-size: 0;
24
21
  vertical-align: middle;
25
22
  margin-top: -3px;
26
- margin-left: -20px;
27
- }
23
+ margin-left: -20px; }
28
24
 
29
25
  .step-controls,
30
26
  .ws-popover-opener {
@@ -32,8 +28,7 @@ span.has-input-buttons {
32
28
  float: left;
33
29
  margin: 0;
34
30
  height: 19px;
35
- width: 15px;
36
- }
31
+ width: 15px; }
37
32
 
38
33
  .ws-popover-opener {
39
34
  position: relative;
@@ -43,53 +38,40 @@ span.has-input-buttons {
43
38
  width: 19px;
44
39
  border-radius: 3px;
45
40
  cursor: pointer;
46
- background: #ccc;
47
- }
48
- .ws-popover-opener span {
49
- display: block;
50
- position: absolute;
51
- top: 50%;
52
- left: 50%;
53
- width: 16px;
54
- height: 16px;
55
- margin: -8px 0 0 -8px;
56
- background: url(forms.png) no-repeat -321px -1px;
57
- }
58
- .color-input-buttons .ws-popover-opener span {
59
- background-position: -348px 0;
60
- }
61
- .time-input-buttons .ws-popover-opener span {
62
- background-position: -377px 1px;
63
- }
64
- .ws-popover-opener span.ws-color-indicator-bg {
65
- background: url(../jpicker/images/preview-opacity.png) no-repeat 0;
66
- }
67
- .ws-popover-opener span.ws-color-indicator {
68
- background: none;
69
- }
41
+ background: #ccc; }
42
+ .ws-popover-opener span {
43
+ display: block;
44
+ position: absolute;
45
+ top: 50%;
46
+ left: 50%;
47
+ width: 16px;
48
+ height: 16px;
49
+ margin: -8px 0 0 -8px;
50
+ background: url(forms.png) no-repeat -321px -1px; }
51
+ .color-input-buttons .ws-popover-opener span {
52
+ background-position: -348px 0; }
53
+ .time-input-buttons .ws-popover-opener span {
54
+ background-position: -377px 1px; }
55
+ .ws-popover-opener span.ws-color-indicator-bg {
56
+ background: url(../jpicker/images/preview-opacity.png) no-repeat 0; }
57
+ .ws-popover-opener span.ws-color-indicator {
58
+ background: none; }
70
59
 
71
60
  input[type="color"] {
72
- width: 6.5em;
73
- }
61
+ width: 6.5em; }
74
62
 
75
63
  .input-buttons {
76
- text-align: left;
77
- }
78
- .input-buttons.color-input-buttons {
79
- margin-left: 2px;
80
- }
81
- .input-buttons.input-button-size-1.month-input-buttons, .input-buttons.input-button-size-1.date-input-buttons {
82
- margin-left: -24px;
83
- }
84
- .input-buttons.input-button-size-2 {
85
- margin-left: -39px;
86
- }
87
- .input-buttons.ws-disabled {
88
- opacity: 0.95;
89
- }
90
- .input-buttons.ws-disabled *, .input-buttons.ws-readonly * {
91
- cursor: default;
92
- }
64
+ text-align: left; }
65
+ .input-buttons.color-input-buttons {
66
+ margin-left: 2px; }
67
+ .input-buttons.input-button-size-1.month-input-buttons, .input-buttons.input-button-size-1.date-input-buttons {
68
+ margin-left: -24px; }
69
+ .input-buttons.input-button-size-2 {
70
+ margin-left: -39px; }
71
+ .input-buttons.ws-disabled {
72
+ opacity: 0.95; }
73
+ .input-buttons.ws-disabled *, .input-buttons.ws-readonly * {
74
+ cursor: default; }
93
75
 
94
76
  .step-controls span {
95
77
  position: absolute;
@@ -102,98 +84,73 @@ input[type="color"] {
102
84
  cursor: pointer;
103
85
  font-size: 0;
104
86
  line-height: 0;
105
- background: url(forms.png) no-repeat 0 0;
106
- }
107
- .step-controls span.step-up {
108
- top: 0;
109
- background-position: -80px 0;
110
- }
111
- .step-controls span.step-up:hover {
112
- background-position: -105px 0;
113
- }
114
- .step-controls span.step-up.mousepress-ui {
115
- background-position: -105px -20px;
116
- }
117
- .ws-disabled .step-controls span.step-up {
118
- background-position: -130px 0;
119
- }
120
- .step-controls span.step-down {
121
- bottom: 0;
122
- background-position: -155px 0;
123
- }
124
- .step-controls span.step-down:hover {
125
- background-position: -180px 0;
126
- }
127
- .step-controls span.step-down.mousepress-ui {
128
- background-position: -180px -20px;
129
- }
130
- .ws-disabled .step-controls span.step-down {
131
- background-position: -205px 0;
132
- }
87
+ background: url(forms.png) no-repeat 0 0; }
88
+ .step-controls span.step-up {
89
+ top: 0;
90
+ background-position: -80px 0; }
91
+ .step-controls span.step-up:hover {
92
+ background-position: -105px 0; }
93
+ .step-controls span.step-up.mousepress-ui {
94
+ background-position: -105px -20px; }
95
+ .ws-disabled .step-controls span.step-up {
96
+ background-position: -130px 0; }
97
+ .step-controls span.step-down {
98
+ bottom: 0;
99
+ background-position: -155px 0; }
100
+ .step-controls span.step-down:hover {
101
+ background-position: -180px 0; }
102
+ .step-controls span.step-down.mousepress-ui {
103
+ background-position: -180px -20px; }
104
+ .ws-disabled .step-controls span.step-down {
105
+ background-position: -205px 0; }
133
106
 
134
107
  .ws-input {
135
108
  letter-spacing: -0.31em;
136
- word-spacing: -0.43em;
137
- }
138
- .ws-input > * {
139
- text-align: center;
140
- letter-spacing: normal;
141
- word-spacing: normal;
142
- }
143
- .ws-input .ws-input-seperator {
144
- vertical-align: middle;
145
- width: 2%;
146
- overflow: hidden;
147
- }
148
- .ws-input + .input-buttons {
149
- margin-left: 2px;
150
- }
151
- .ws-input input,
152
- .ws-input .ws-input-seperator {
153
- -moz-box-sizing: border-box;
154
- box-sizing: border-box;
155
- text-align: center;
156
- display: inline-block;
157
- }
109
+ word-spacing: -0.43em; }
110
+ .ws-input > * {
111
+ text-align: center;
112
+ letter-spacing: normal;
113
+ word-spacing: normal; }
114
+ .ws-input .ws-input-seperator {
115
+ vertical-align: middle;
116
+ width: 2%;
117
+ overflow: hidden; }
118
+ .ws-input + .input-buttons {
119
+ margin-left: 2px; }
120
+ .ws-input input,
121
+ .ws-input .ws-input-seperator {
122
+ -moz-box-sizing: border-box;
123
+ box-sizing: border-box;
124
+ text-align: center;
125
+ display: inline-block; }
158
126
 
159
127
  .ws-date .mm,
160
128
  .ws-date .dd {
161
- width: 23.5%;
162
- }
163
- .no-boxsizing .ws-date .mm, .no-boxsizing
164
- .ws-date .dd {
165
- width: 16%;
166
- }
129
+ width: 23.5%; }
130
+ .no-boxsizing .ws-date .mm, .no-boxsizing
131
+ .ws-date .dd {
132
+ width: 16%; }
167
133
  .ws-date .yy {
168
- width: 48%;
169
- }
170
- .no-boxsizing .ws-date .yy {
171
- width: 40%;
172
- }
134
+ width: 48%; }
135
+ .no-boxsizing .ws-date .yy {
136
+ width: 40%; }
173
137
  .ws-date.ws-month-select .dd {
174
- width: 22%;
175
- }
176
- .no-boxsizing .ws-date.ws-month-select .dd {
177
- width: 13%;
178
- }
138
+ width: 22%; }
139
+ .no-boxsizing .ws-date.ws-month-select .dd {
140
+ width: 13%; }
179
141
  .ws-date.ws-month-select .mm {
180
- width: 38%;
181
- }
142
+ width: 38%; }
182
143
  .ws-date.ws-month-select .yy {
183
- width: 36%;
184
- }
185
- .no-boxsizing .ws-date.ws-month-select .yy {
186
- width: 30%;
187
- }
144
+ width: 36%; }
145
+ .no-boxsizing .ws-date.ws-month-select .yy {
146
+ width: 30%; }
188
147
 
189
148
  .ws-month .mm,
190
149
  .ws-month .yy {
191
- width: 47.9%;
192
- }
193
- .no-boxsizing .ws-month .mm, .no-boxsizing
194
- .ws-month .yy {
195
- width: 41%;
196
- }
150
+ width: 47.9%; }
151
+ .no-boxsizing .ws-month .mm, .no-boxsizing
152
+ .ws-month .yy {
153
+ width: 41%; }
197
154
 
198
155
  /* range */
199
156
  .ws-range {
@@ -209,119 +166,100 @@ input[type="color"] {
209
166
  background: url(range-track.png) 0 center no-repeat;
210
167
  cursor: pointer;
211
168
  font-size: 0;
212
- line-height: 0;
213
- }
214
- .ws-range .ws-range-thumb {
215
- top: 0;
216
- position: absolute;
217
- display: block;
218
- z-index: 4;
219
- overflow: hidden;
220
- margin: -2px 0 0 -6px;
221
- height: 22px;
222
- width: 11px;
223
- background: url(forms.png) -3px 1px no-repeat;
224
- cursor: pointer;
225
- outline: none;
226
- font-size: 0;
227
- line-height: 0;
228
- }
229
- .ws-range .ws-range-thumb:hover {
230
- background-position: -20px 1px;
231
- }
232
- .ws-range.ws-focus .ws-range-thumb {
233
- background-position: -20px 1px;
234
- }
235
- .ws-range.ws-active .ws-range-thumb {
236
- background-position: -37px 1px;
237
- }
238
- .ws-range[aria-disabled="true"], .ws-range[aria-readonly="true"] {
239
- cursor: default;
240
- opacity: 0.95;
241
- }
242
- .ws-range[aria-disabled="true"] .ws-range-thumb, .ws-range[aria-readonly="true"] .ws-range-thumb {
243
- cursor: default;
244
- }
245
- .ws-range[aria-disabled="true"] .ws-range-thumb {
246
- background-position: -54px 1px;
247
- }
248
- .ws-range .ws-range-rail {
249
- position: absolute;
250
- display: block;
251
- top: 0;
252
- left: 0;
253
- right: 0;
254
- bottom: 0;
255
- margin: 0;
256
- zoom: 1;
257
- }
258
- .ws-range .ws-range-min {
259
- position: absolute !important;
260
- display: block;
261
- margin: 9px 0 0;
262
- padding: 0 !important;
263
- top: 0;
264
- height: 1px;
265
- left: 0;
266
- z-index: 1;
267
- overflow: hidden;
268
- background: #b6e2fb;
269
- }
270
- .ws-range .ws-range-ticks {
271
- overflow: hidden;
272
- position: absolute;
273
- bottom: 0px;
274
- left: 0;
275
- height: 4px;
276
- width: 1px;
277
- margin: 0 0 0 -1.5px;
278
- font-size: 0;
279
- line-height: 0;
280
- text-indent: -999px;
281
- background: #ccc;
282
- }
283
- .ws-range.vertical-range {
284
- background: url(vertical-range.png) center bottom no-repeat;
285
- width: 20px;
286
- }
287
- .ws-range.vertical-range .ws-range-thumb {
288
- top: 0;
289
- left: 3px;
290
- bottom: auto;
291
- background: url(vertical-range.png) 0 -51px no-repeat;
292
- margin: -6px 0 0 0;
293
- height: 11px;
294
- width: 22px;
295
- }
296
- .ws-range.vertical-range .ws-range-thumb:hover, .ws-range.vertical-range.ws-focus .ws-range-thumb {
297
- background-position: 0 -34px;
298
- }
299
- .ws-range.vertical-range.ws-active .ws-range-thumb {
300
- background-position: 0 -17px;
301
- }
302
- .ws-range.vertical-range[aria-disabled="true"] .ws-range-thumb {
303
- background-position: 0 0;
304
- }
305
- .ws-range.vertical-range .ws-range-min {
306
- top: auto;
307
- bottom: 1px;
308
- left: 0;
309
- width: 1px;
310
- height: 0;
311
- }
312
- .ws-range.vertical-range .ws-range-rail {
313
- top: 5px;
314
- left: 0;
315
- right: 0;
316
- bottom: 5px;
317
- }
318
- .ws-range.vertical-range .ws-range-ticks {
319
- bottom: auto;
320
- left: auto;
321
- right: 0;
322
- height: 1px;
323
- width: 4px;
324
- }
169
+ line-height: 0; }
170
+ .ws-range .ws-range-thumb {
171
+ top: 0;
172
+ position: absolute;
173
+ display: block;
174
+ z-index: 4;
175
+ overflow: hidden;
176
+ margin: -2px 0 0 -6px;
177
+ height: 22px;
178
+ width: 11px;
179
+ background: url(forms.png) -3px 1px no-repeat;
180
+ cursor: pointer;
181
+ outline: none;
182
+ font-size: 0;
183
+ line-height: 0; }
184
+ .ws-range .ws-range-thumb:hover {
185
+ background-position: -20px 1px; }
186
+ .ws-range.ws-focus .ws-range-thumb {
187
+ background-position: -20px 1px; }
188
+ .ws-range.ws-active .ws-range-thumb {
189
+ background-position: -37px 1px; }
190
+ .ws-range[aria-disabled="true"], .ws-range[aria-readonly="true"] {
191
+ cursor: default;
192
+ opacity: 0.95; }
193
+ .ws-range[aria-disabled="true"] .ws-range-thumb, .ws-range[aria-readonly="true"] .ws-range-thumb {
194
+ cursor: default; }
195
+ .ws-range[aria-disabled="true"] .ws-range-thumb {
196
+ background-position: -54px 1px; }
197
+ .ws-range .ws-range-rail {
198
+ position: absolute;
199
+ display: block;
200
+ top: 0;
201
+ left: 0;
202
+ right: 0;
203
+ bottom: 0;
204
+ margin: 0;
205
+ zoom: 1; }
206
+ .ws-range .ws-range-min {
207
+ position: absolute !important;
208
+ display: block;
209
+ margin: 9px 0 0;
210
+ padding: 0 !important;
211
+ top: 0;
212
+ height: 1px;
213
+ left: 0;
214
+ z-index: 1;
215
+ overflow: hidden;
216
+ background: #b6e2fb; }
217
+ .ws-range .ws-range-ticks {
218
+ overflow: hidden;
219
+ position: absolute;
220
+ bottom: 0px;
221
+ left: 0;
222
+ height: 4px;
223
+ width: 1px;
224
+ margin: 0 0 0 -1.5px;
225
+ font-size: 0;
226
+ line-height: 0;
227
+ text-indent: -999px;
228
+ background: #ccc; }
229
+ .ws-range.vertical-range {
230
+ background: url(vertical-range.png) center bottom no-repeat;
231
+ width: 20px; }
232
+ .ws-range.vertical-range .ws-range-thumb {
233
+ top: 0;
234
+ left: 3px;
235
+ bottom: auto;
236
+ background: url(vertical-range.png) 0 -51px no-repeat;
237
+ margin: -6px 0 0 0;
238
+ height: 11px;
239
+ width: 22px; }
240
+ .ws-range.vertical-range .ws-range-thumb:hover, .ws-range.vertical-range.ws-focus .ws-range-thumb {
241
+ background-position: 0 -34px; }
242
+ .ws-range.vertical-range.ws-active .ws-range-thumb {
243
+ background-position: 0 -17px; }
244
+ .ws-range.vertical-range[aria-disabled="true"] .ws-range-thumb {
245
+ background-position: 0 0; }
246
+ .ws-range.vertical-range .ws-range-min {
247
+ top: auto;
248
+ bottom: 1px;
249
+ left: 0;
250
+ width: 1px;
251
+ height: 0; }
252
+ .ws-range.vertical-range .ws-range-rail {
253
+ top: 5px;
254
+ left: 0;
255
+ right: 0;
256
+ bottom: 5px; }
257
+ .ws-range.vertical-range .ws-range-ticks {
258
+ bottom: auto;
259
+ left: auto;
260
+ right: 0;
261
+ height: 1px;
262
+ width: 4px; }
325
263
 
326
264
  .input-picker .ws-prev,
327
265
  .input-picker .ws-next,
@@ -331,280 +269,222 @@ input[type="color"] {
331
269
  background: #ccc;
332
270
  padding: 5px 8px;
333
271
  display: inline-block;
334
- border: 1px solid transparent;
335
- }
272
+ border: 1px solid transparent; }
336
273
 
337
274
  .input-picker {
338
275
  outline: none;
339
276
  text-align: center;
340
277
  font-family: sans-serif;
341
- width: 330px;
342
- }
343
- .input-picker.time-popover, .input-picker.datetime-local-popover {
344
- width: 415px;
345
- }
346
- .input-picker.time-popover .ws-prev,
347
- .input-picker.time-popover .ws-next,
348
- .input-picker.time-popover .ws-super-prev,
349
- .input-picker.time-popover .ws-super-next {
350
- display: none;
351
- }
352
- .input-picker.ws-size-2 {
353
- width: 645px;
354
- }
355
- .input-picker.ws-size-3 {
356
- width: 960px;
357
- }
358
- .input-picker.color-popover {
359
- width: 590px;
360
- }
361
- .input-picker abbr[title] {
362
- cursor: help;
363
- }
364
- .input-picker li,
365
- .input-picker button {
366
- font-size: 13px;
367
- line-height: 16px;
368
- color: #000;
369
- transition: all 400ms;
370
- }
371
- .input-picker .ws-focus,
372
- .input-picker :focus {
373
- outline: 1px dotted black;
374
- }
375
- .input-picker .ws-po-box {
376
- position: relative;
377
- padding: 10px 20px 15px;
378
- border-radius: 5px;
379
- box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
380
- }
381
- .input-picker .ws-prev,
382
- .input-picker .ws-next,
383
- .input-picker .ws-super-prev,
384
- .input-picker .ws-super-next {
385
- position: absolute;
386
- top: 10px;
387
- border: 1px solid #cccccc;
388
- border-radius: 5px;
389
- padding: 0;
390
- width: 24px;
391
- height: 24px;
392
- background: #eeeeee url(forms.png) no-repeat 0 0;
393
- z-index: 1;
394
- }
395
- .input-picker .ws-prev span,
396
- .input-picker .ws-next span,
397
- .input-picker .ws-super-prev span,
398
- .input-picker .ws-super-next span {
399
- display: none;
400
- }
401
- .input-picker.time-popover .ws-picker-body {
402
- padding-top: 36px;
403
- }
404
- .input-picker .ws-picker-body {
405
- position: relative;
406
- padding: 46px 0 0;
407
- zoom: 1;
408
- margin: 0 -10px;
409
- }
410
- .input-picker .ws-prev,
411
- .input-picker .ws-super-prev {
412
- left: 20px;
413
- background-position: -243px 5px;
414
- }
415
- .input-picker .ws-super-prev {
416
- background-position: -243px -12px;
417
- }
418
- .input-picker.ws-year-buttons .ws-prev {
419
- left: 50px;
420
- }
421
- .input-picker .ws-next,
422
- .input-picker .ws-super-next {
423
- right: 20px;
424
- background-position: -275px 5px;
425
- }
426
- .input-picker .ws-super-next {
427
- background-position: -275px -12px;
428
- }
429
- .input-picker.ws-year-buttons .ws-next {
430
- right: 50px;
431
- }
432
- .input-picker .ws-prev:hover,
433
- .input-picker .ws-next:hover,
434
- .input-picker .ws-super-prev:hover,
435
- .input-picker .ws-super-next:hover {
436
- border-color: #666;
437
- }
438
- .input-picker .ws-prev[disabled],
439
- .input-picker .ws-next[disabled],
440
- .input-picker .ws-super-prev[disabled],
441
- .input-picker .ws-super-next[disabled] {
442
- opacity: 0.4;
443
- border-color: #eee;
444
- }
445
- .input-picker .ws-button-row {
446
- position: relative;
447
- margin: 10px 0 0;
448
- border-top: 1px solid #eeeeee;
449
- padding: 10px 0 0;
450
- text-align: left;
451
- z-index: 2;
452
- }
453
- .input-picker .ws-button-row button {
454
- border: 1px solid #cccccc;
455
- border-radius: 5px;
456
- box-shadow: 1px 1px 0 white;
457
- background-color: #ddd;
458
- background-image: -webkit-linear-gradient(top, #ececec 0%, #dddddd 100%);
459
- background-image: linear-gradient(to bottom, #ececec 0%, #dddddd 100%);
460
- transition: border-color 200ms linear;
461
- float: left;
462
- }
463
- .input-picker .ws-button-row button.ws-empty {
464
- float: right;
465
- }
466
- .input-picker[data-currentview="setMonthList"] .ws-picker-header select {
467
- max-width: 95%;
468
- }
469
- .input-picker[data-currentview="setDayList"] .ws-picker-header select {
470
- max-width: 40%;
471
- }
472
- .input-picker[data-currentview="setDayList"] .ws-picker-header select.month-select {
473
- max-width: 55%;
474
- }
475
- .input-picker.time-popover .ws-picker-header {
476
- top: -30px;
477
- }
478
- .input-picker.time-popover .ws-picker-header button {
479
- font-size: 15px;
480
- }
481
- .input-picker.ws-year-buttons .ws-picker-header {
482
- margin: 0 65px;
483
- }
484
- .input-picker .ws-picker-header {
485
- position: absolute;
486
- top: -44px;
487
- right: 0;
488
- left: 0;
489
- margin: 0 40px;
490
- }
491
- .input-picker .ws-picker-header button {
492
- display: inline-block;
493
- width: 100%;
494
- margin: 0;
495
- padding: 4px 0;
496
- font-weight: 700;
497
- color: #000;
498
- }
499
- .input-picker .ws-picker-header button:hover {
500
- text-decoration: underline;
501
- }
502
- .input-picker .ws-picker-header button[disabled]:hover {
503
- text-decoration: none;
504
- }
505
- .input-picker .picker-grid {
506
- position: relative;
507
- zoom: 1;
508
- overflow: hidden;
509
- }
510
- .input-picker.ws-size-1 .picker-list {
511
- float: none;
512
- width: auto;
513
- }
514
- .input-picker .picker-list {
515
- position: relative;
516
- zoom: 1;
517
- width: 290px;
518
- float: left;
519
- margin: 0 10px;
520
- background: #fff;
521
- }
522
- .input-picker .picker-list tr {
523
- border: 0;
524
- }
525
- .input-picker .picker-list th,
526
- .input-picker .picker-list td {
527
- padding: 3px 5px;
528
- }
529
- .input-picker .picker-list.day-list td {
530
- padding: 2px 1px;
531
- }
532
- .input-picker .picker-list.day-list td button {
533
- padding: 4px 0;
534
- }
535
- .input-picker .picker-list td button {
536
- display: block;
537
- padding: 9px 0;
538
- width: 100%;
539
- border-radius: 5px;
540
- color: #000;
541
- background-color: #fff;
542
- }
543
- .input-picker .picker-list td button.othermonth {
544
- color: #888;
545
- }
546
- .input-picker .picker-list td button:hover, .input-picker .picker-list td button.checked-value {
547
- color: #fff;
548
- background: #000;
549
- }
550
- .input-picker .picker-list td button[disabled], .input-picker .picker-list td button[disabled]:hover {
551
- color: #888;
552
- background-color: #fff;
553
- }
554
- .input-picker .picker-list table {
555
- width: 100%;
556
- border: 0 none;
557
- border-collapse: collapse;
558
- }
559
- .input-picker .picker-list th,
560
- .input-picker .picker-list td.week-cell {
561
- font-size: 13px;
562
- line-height: 1.1em;
563
- padding-bottom: 3px;
564
- text-transform: uppercase;
565
- font-weight: 700;
566
- }
567
- .input-picker .picker-list th, .input-picker .picker-list td {
568
- width: 14.2856%;
569
- }
570
- .input-picker .ws-options {
571
- margin: 10px 0 0;
572
- border-top: 1px solid #eeeeee;
573
- padding: 10px 0 0;
574
- text-align: left;
575
- }
576
- .input-picker .ws-options h5 {
577
- margin: 0 0 5px;
578
- padding: 0;
579
- font-size: 14px;
580
- font-weight: bold;
581
- }
582
- .input-picker .ws-options ul,
583
- .input-picker .ws-options li {
584
- padding: 0;
585
- margin: 0;
586
- list-style: none;
587
- }
588
- .input-picker .ws-options button {
589
- display: block;
590
- padding: 4px;
591
- width: 100%;
592
- text-align: left;
593
- border-radius: 4px;
594
- }
595
- .input-picker .ws-options button.ws-focus, .input-picker .ws-options button:focus, .input-picker .ws-options button:hover {
596
- color: #fff;
597
- background: #000;
598
- }
599
- .input-picker .ws-options button[disabled], .input-picker .ws-options button[disabled].ws-focus, .input-picker .ws-options button[disabled]:focus, .input-picker .ws-options button[disabled]:hover {
600
- color: #888;
601
- background: #fff;
602
- text-decoration: none;
603
- }
604
- .input-picker .ws-options button .ws-value {
605
- float: left;
606
- }
607
- .input-picker .ws-options button .ws-label {
608
- float: right;
609
- font-size: 96%;
610
- }
278
+ width: 330px; }
279
+ .input-picker.time-popover, .input-picker.datetime-local-popover {
280
+ width: 415px; }
281
+ .input-picker.time-popover .ws-prev,
282
+ .input-picker.time-popover .ws-next,
283
+ .input-picker.time-popover .ws-super-prev,
284
+ .input-picker.time-popover .ws-super-next {
285
+ display: none; }
286
+ .input-picker.ws-size-2 {
287
+ width: 645px; }
288
+ .input-picker.ws-size-3 {
289
+ width: 960px; }
290
+ .input-picker.color-popover {
291
+ width: 590px; }
292
+ .input-picker abbr[title] {
293
+ cursor: help; }
294
+ .input-picker li,
295
+ .input-picker button {
296
+ font-size: 13px;
297
+ line-height: 16px;
298
+ color: #000;
299
+ transition: all 400ms; }
300
+ .input-picker .ws-focus,
301
+ .input-picker :focus {
302
+ outline: 1px dotted black; }
303
+ .input-picker .ws-po-box {
304
+ position: relative;
305
+ padding: 10px 20px 15px;
306
+ border-radius: 5px;
307
+ box-shadow: 0 0 2px rgba(0, 0, 0, 0.3); }
308
+ .input-picker .ws-prev,
309
+ .input-picker .ws-next,
310
+ .input-picker .ws-super-prev,
311
+ .input-picker .ws-super-next {
312
+ position: absolute;
313
+ top: 10px;
314
+ border: 1px solid #cccccc;
315
+ border-radius: 5px;
316
+ padding: 0;
317
+ width: 24px;
318
+ height: 24px;
319
+ background: #eeeeee url(forms.png) no-repeat 0 0;
320
+ z-index: 1; }
321
+ .input-picker .ws-prev span,
322
+ .input-picker .ws-next span,
323
+ .input-picker .ws-super-prev span,
324
+ .input-picker .ws-super-next span {
325
+ display: none; }
326
+ .input-picker.time-popover .ws-picker-body {
327
+ padding-top: 36px; }
328
+ .input-picker .ws-picker-body {
329
+ position: relative;
330
+ padding: 46px 0 0;
331
+ zoom: 1;
332
+ margin: 0 -10px; }
333
+ .input-picker .ws-prev,
334
+ .input-picker .ws-super-prev {
335
+ left: 20px;
336
+ background-position: -243px 5px; }
337
+ .input-picker .ws-super-prev {
338
+ background-position: -243px -12px; }
339
+ .input-picker.ws-year-buttons .ws-prev {
340
+ left: 50px; }
341
+ .input-picker .ws-next,
342
+ .input-picker .ws-super-next {
343
+ right: 20px;
344
+ background-position: -275px 5px; }
345
+ .input-picker .ws-super-next {
346
+ background-position: -275px -12px; }
347
+ .input-picker.ws-year-buttons .ws-next {
348
+ right: 50px; }
349
+ .input-picker .ws-prev:hover,
350
+ .input-picker .ws-next:hover,
351
+ .input-picker .ws-super-prev:hover,
352
+ .input-picker .ws-super-next:hover {
353
+ border-color: #666; }
354
+ .input-picker .ws-prev[disabled],
355
+ .input-picker .ws-next[disabled],
356
+ .input-picker .ws-super-prev[disabled],
357
+ .input-picker .ws-super-next[disabled] {
358
+ opacity: 0.4;
359
+ border-color: #eee; }
360
+ .input-picker .ws-button-row {
361
+ position: relative;
362
+ margin: 10px 0 0;
363
+ border-top: 1px solid #eeeeee;
364
+ padding: 10px 0 0;
365
+ text-align: left;
366
+ z-index: 2; }
367
+ .input-picker .ws-button-row button {
368
+ border: 1px solid #cccccc;
369
+ border-radius: 5px;
370
+ box-shadow: 1px 1px 0 white;
371
+ background-color: #ddd;
372
+ background-image: -webkit-linear-gradient(top, #ececec 0%, #dddddd 100%);
373
+ background-image: linear-gradient(to bottom, #ececec 0%, #dddddd 100%);
374
+ transition: border-color 200ms linear;
375
+ float: left; }
376
+ .input-picker .ws-button-row button.ws-empty {
377
+ float: right; }
378
+ .input-picker[data-currentview="setMonthList"] .ws-picker-header select {
379
+ max-width: 95%; }
380
+ .input-picker[data-currentview="setDayList"] .ws-picker-header select {
381
+ max-width: 40%; }
382
+ .input-picker[data-currentview="setDayList"] .ws-picker-header select.month-select {
383
+ max-width: 55%; }
384
+ .input-picker.time-popover .ws-picker-header {
385
+ top: -30px; }
386
+ .input-picker.time-popover .ws-picker-header button {
387
+ font-size: 15px; }
388
+ .input-picker.ws-year-buttons .ws-picker-header {
389
+ margin: 0 65px; }
390
+ .input-picker .ws-picker-header {
391
+ position: absolute;
392
+ top: -44px;
393
+ right: 0;
394
+ left: 0;
395
+ margin: 0 40px; }
396
+ .input-picker .ws-picker-header button {
397
+ display: inline-block;
398
+ width: 100%;
399
+ margin: 0;
400
+ padding: 4px 0;
401
+ font-weight: 700;
402
+ color: #000; }
403
+ .input-picker .ws-picker-header button:hover {
404
+ text-decoration: underline; }
405
+ .input-picker .ws-picker-header button[disabled]:hover {
406
+ text-decoration: none; }
407
+ .input-picker .picker-grid {
408
+ position: relative;
409
+ zoom: 1;
410
+ overflow: hidden; }
411
+ .input-picker.ws-size-1 .picker-list {
412
+ float: none;
413
+ width: auto; }
414
+ .input-picker .picker-list {
415
+ position: relative;
416
+ zoom: 1;
417
+ width: 290px;
418
+ float: left;
419
+ margin: 0 10px;
420
+ background: #fff; }
421
+ .input-picker .picker-list tr {
422
+ border: 0; }
423
+ .input-picker .picker-list th,
424
+ .input-picker .picker-list td {
425
+ padding: 3px 5px; }
426
+ .input-picker .picker-list.day-list td {
427
+ padding: 2px 1px; }
428
+ .input-picker .picker-list.day-list td button {
429
+ padding: 4px 0; }
430
+ .input-picker .picker-list td button {
431
+ display: block;
432
+ padding: 9px 0;
433
+ width: 100%;
434
+ border-radius: 5px;
435
+ color: #000;
436
+ background-color: #fff; }
437
+ .input-picker .picker-list td button.othermonth {
438
+ color: #888; }
439
+ .input-picker .picker-list td button:hover, .input-picker .picker-list td button.checked-value {
440
+ color: #fff;
441
+ background: #000; }
442
+ .input-picker .picker-list td button[disabled], .input-picker .picker-list td button[disabled]:hover {
443
+ color: #888;
444
+ background-color: #fff; }
445
+ .input-picker .picker-list table {
446
+ width: 100%;
447
+ border: 0 none;
448
+ border-collapse: collapse; }
449
+ .input-picker .picker-list th,
450
+ .input-picker .picker-list td.week-cell {
451
+ font-size: 13px;
452
+ line-height: 1.1em;
453
+ padding-bottom: 3px;
454
+ text-transform: uppercase;
455
+ font-weight: 700; }
456
+ .input-picker .picker-list th, .input-picker .picker-list td {
457
+ width: 14.2856%; }
458
+ .input-picker .ws-options {
459
+ margin: 10px 0 0;
460
+ border-top: 1px solid #eeeeee;
461
+ padding: 10px 0 0;
462
+ text-align: left; }
463
+ .input-picker .ws-options h5 {
464
+ margin: 0 0 5px;
465
+ padding: 0;
466
+ font-size: 14px;
467
+ font-weight: bold; }
468
+ .input-picker .ws-options ul,
469
+ .input-picker .ws-options li {
470
+ padding: 0;
471
+ margin: 0;
472
+ list-style: none; }
473
+ .input-picker .ws-options button {
474
+ display: block;
475
+ padding: 4px;
476
+ width: 100%;
477
+ text-align: left;
478
+ border-radius: 4px; }
479
+ .input-picker .ws-options button.ws-focus, .input-picker .ws-options button:focus, .input-picker .ws-options button:hover {
480
+ color: #fff;
481
+ background: #000; }
482
+ .input-picker .ws-options button[disabled], .input-picker .ws-options button[disabled].ws-focus, .input-picker .ws-options button[disabled]:focus, .input-picker .ws-options button[disabled]:hover {
483
+ color: #888;
484
+ background: #fff;
485
+ text-decoration: none; }
486
+ .input-picker .ws-options button .ws-value {
487
+ float: left; }
488
+ .input-picker .ws-options button .ws-label {
489
+ float: right;
490
+ font-size: 96%; }