webshims-rails 1.12.5 → 1.12.7
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/lib/webshims-rails/version.rb +2 -2
- data/vendor/assets/javascripts/webshims/polyfiller.js +111 -132
- data/vendor/assets/javascripts/webshims/shims/combos/1.js +40 -37
- data/vendor/assets/javascripts/webshims/shims/combos/10.js +217 -36
- data/vendor/assets/javascripts/webshims/shims/combos/11.js +151 -29
- data/vendor/assets/javascripts/webshims/shims/combos/12.js +70 -93
- data/vendor/assets/javascripts/webshims/shims/combos/13.js +70 -93
- data/vendor/assets/javascripts/webshims/shims/combos/14.js +90 -13
- data/vendor/assets/javascripts/webshims/shims/combos/15.js +202 -59
- data/vendor/assets/javascripts/webshims/shims/combos/16.js +208 -70
- data/vendor/assets/javascripts/webshims/shims/combos/17.js +151 -29
- data/vendor/assets/javascripts/webshims/shims/combos/18.js +155 -30
- data/vendor/assets/javascripts/webshims/shims/combos/19.js +79 -20
- data/vendor/assets/javascripts/webshims/shims/combos/2.js +109 -47
- data/vendor/assets/javascripts/webshims/shims/combos/20.js +79 -20
- data/vendor/assets/javascripts/webshims/shims/combos/21.js +80 -87
- data/vendor/assets/javascripts/webshims/shims/combos/22.js +66 -83
- data/vendor/assets/javascripts/webshims/shims/combos/23.js +4 -10
- data/vendor/assets/javascripts/webshims/shims/combos/25.js +79 -20
- data/vendor/assets/javascripts/webshims/shims/combos/26.js +66 -7
- data/vendor/assets/javascripts/webshims/shims/combos/28.js +100 -25
- data/vendor/assets/javascripts/webshims/shims/combos/3.js +192 -47
- data/vendor/assets/javascripts/webshims/shims/combos/30.js +193 -49
- data/vendor/assets/javascripts/webshims/shims/combos/31.js +103 -36
- data/vendor/assets/javascripts/webshims/shims/combos/32.js +5 -3
- data/vendor/assets/javascripts/webshims/shims/combos/33.js +1 -2
- data/vendor/assets/javascripts/webshims/shims/combos/34.js +2048 -0
- data/vendor/assets/javascripts/webshims/shims/combos/4.js +156 -20
- data/vendor/assets/javascripts/webshims/shims/combos/5.js +151 -29
- data/vendor/assets/javascripts/webshims/shims/combos/6.js +152 -31
- data/vendor/assets/javascripts/webshims/shims/combos/7.js +199 -60
- data/vendor/assets/javascripts/webshims/shims/combos/8.js +197 -58
- data/vendor/assets/javascripts/webshims/shims/combos/9.js +218 -38
- data/vendor/assets/javascripts/webshims/shims/combos/97.js +1004 -0
- data/vendor/assets/javascripts/webshims/shims/combos/98.js +1283 -0
- data/vendor/assets/javascripts/webshims/shims/combos/99.js +204 -1248
- data/vendor/assets/javascripts/webshims/shims/dom-extend.js +66 -7
- data/vendor/assets/javascripts/webshims/shims/es5.js +4 -1
- data/vendor/assets/javascripts/webshims/shims/form-combat.js +3 -3
- data/vendor/assets/javascripts/webshims/shims/form-core.js +36 -27
- data/vendor/assets/javascripts/webshims/shims/form-datalist.js +1 -2
- data/vendor/assets/javascripts/webshims/shims/form-fixrangechange.js +137 -0
- data/vendor/assets/javascripts/webshims/shims/form-message.js +90 -13
- data/vendor/assets/javascripts/webshims/shims/form-number-date-ui.js +129 -15
- data/vendor/assets/javascripts/webshims/shims/form-shim-extend.js +9 -10
- data/vendor/assets/javascripts/webshims/shims/form-shim-extend2.js +886 -985
- data/vendor/assets/javascripts/webshims/shims/form-validation.js +78 -174
- data/vendor/assets/javascripts/webshims/shims/form-validators.js +39 -26
- data/vendor/assets/javascripts/webshims/shims/forms-picker.js +45 -17
- data/vendor/assets/javascripts/webshims/shims/geolocation.js +10 -3
- data/vendor/assets/javascripts/webshims/shims/jme/b.js +71 -246
- data/vendor/assets/javascripts/webshims/shims/jme/c.js +133 -1002
- data/vendor/assets/javascripts/webshims/shims/jme/controls.css +62 -23
- data/vendor/assets/javascripts/webshims/shims/jme/controls.scss +73 -10
- data/vendor/assets/javascripts/webshims/shims/jme/mediacontrols-lazy.js +1117 -0
- data/vendor/assets/javascripts/webshims/shims/jme/p.js +603 -0
- data/vendor/assets/javascripts/webshims/shims/jpicker/jpicker.css +5 -2
- data/vendor/assets/javascripts/webshims/shims/mediaelement-core.js +4 -10
- data/vendor/assets/javascripts/webshims/shims/mediaelement-jaris.js +4 -1
- data/vendor/assets/javascripts/webshims/shims/range-ui.js +22 -14
- data/vendor/assets/javascripts/webshims/shims/styles/forms-ext.css +29 -344
- data/vendor/assets/javascripts/webshims/shims/styles/forms-picker.css +362 -0
- data/vendor/assets/javascripts/webshims/shims/styles/scss/forms-ext.scss +6 -483
- data/vendor/assets/javascripts/webshims/shims/styles/scss/forms-picker.scss +488 -0
- data/vendor/assets/javascripts/webshims/shims/styles/scss/shim-ext.scss +2 -0
- data/vendor/assets/javascripts/webshims/shims/styles/scss/shim.scss +10 -2
- data/vendor/assets/javascripts/webshims/shims/styles/shim.css +6 -2
- data/vendor/assets/javascripts/webshims/shims/swf/JarisFLVPlayer.swf +0 -0
- data/vendor/assets/javascripts/webshims/shims/track-ui.js +8 -1
- data/vendor/assets/javascripts/webshims/shims/track.js +66 -83
- metadata +12 -5
- data/vendor/assets/javascripts/webshims/shims/$ajax.js +0 -862
- data/vendor/assets/javascripts/webshims/shims/combos/24.js +0 -2087
@@ -4,7 +4,9 @@
|
|
4
4
|
-moz-box-sizing: border-box;
|
5
5
|
box-sizing: border-box;
|
6
6
|
}
|
7
|
-
|
7
|
+
.jPicker label {
|
8
|
+
display: inline;
|
9
|
+
}
|
8
10
|
.jPicker .Icon {
|
9
11
|
display: inline-block;
|
10
12
|
height: 24px; /* change this value if using a different sized color picker icon */
|
@@ -214,7 +216,8 @@ table.jPicker {
|
|
214
216
|
margin-left: 5px;
|
215
217
|
}
|
216
218
|
.jPicker tr.Hex td.Text input.AHex {
|
217
|
-
width:
|
219
|
+
width: 16px;
|
220
|
+
text-align: center;
|
218
221
|
}
|
219
222
|
.jPicker.no-alpha-picker tr.Hex td.Text input.AHex {
|
220
223
|
display: none;
|
@@ -15,7 +15,6 @@
|
|
15
15
|
|
16
16
|
var wsCfg = webshims.cfg;
|
17
17
|
var options = wsCfg.mediaelement;
|
18
|
-
var hasFullTrackSupport;
|
19
18
|
var hasSwf;
|
20
19
|
if(!options){
|
21
20
|
webshims.error("mediaelement wasn't implemented but loaded");
|
@@ -57,11 +56,9 @@
|
|
57
56
|
}
|
58
57
|
})();
|
59
58
|
}
|
60
|
-
hasFullTrackSupport = Modernizr.track && !bugs.track;
|
61
59
|
|
62
60
|
webshims.register('mediaelement-core', function($, webshims, window, document, undefined, options){
|
63
61
|
hasSwf = swfmini.hasFlashPlayerVersion('10.0.3');
|
64
|
-
$('html').addClass(hasSwf ? 'swf' : 'no-swf');
|
65
62
|
var mediaelement = webshims.mediaelement;
|
66
63
|
|
67
64
|
mediaelement.parseRtmp = function(data){
|
@@ -440,6 +437,9 @@ webshims.register('mediaelement-core', function($, webshims, window, document, u
|
|
440
437
|
if(hasNative && (!data || data.isActive == 'html5') && supLoad.prop._supvalue){
|
441
438
|
supLoad.prop._supvalue.apply(this, arguments);
|
442
439
|
}
|
440
|
+
if(!loadTrackUi.loaded && $('track', this).length){
|
441
|
+
loadTrackUi();
|
442
|
+
}
|
443
443
|
$(this).triggerHandler('wsmediareload');
|
444
444
|
}
|
445
445
|
}
|
@@ -510,13 +510,7 @@ webshims.register('mediaelement-core', function($, webshims, window, document, u
|
|
510
510
|
}
|
511
511
|
};
|
512
512
|
|
513
|
-
|
514
|
-
webshims.defineProperty(TextTrack.prototype, 'shimActiveCues', {
|
515
|
-
get: function(){
|
516
|
-
return this._shimActiveCues || this.activeCues;
|
517
|
-
}
|
518
|
-
});
|
519
|
-
}
|
513
|
+
|
520
514
|
//set native implementation ready, before swf api is retested
|
521
515
|
if(hasNative){
|
522
516
|
webshims.isReady('mediaelement-core', true);
|
@@ -755,7 +755,7 @@ webshims.register('mediaelement-jaris', function($, webshims, window, document,
|
|
755
755
|
box.insertBefore(elem);
|
756
756
|
|
757
757
|
if(hasNative){
|
758
|
-
$.extend(data, {volume: $.prop(elem, 'volume'), muted: $.prop(elem, 'muted')});
|
758
|
+
$.extend(data, {volume: $.prop(elem, 'volume'), muted: $.prop(elem, 'muted'), paused: $.prop(elem, 'paused')});
|
759
759
|
}
|
760
760
|
|
761
761
|
webshims.addShadowDom(elem, box);
|
@@ -793,6 +793,9 @@ webshims.register('mediaelement-jaris', function($, webshims, window, document,
|
|
793
793
|
if(jaris.type == 'ready'){
|
794
794
|
var onReady = function(){
|
795
795
|
if(data.api){
|
796
|
+
if(!data.paused){
|
797
|
+
data.api.api_play();
|
798
|
+
}
|
796
799
|
if(bufferSrc(elem)){
|
797
800
|
data.api.api_preload();
|
798
801
|
}
|
@@ -15,10 +15,11 @@
|
|
15
15
|
_create: function(){
|
16
16
|
var i;
|
17
17
|
|
18
|
-
this.element.addClass(this.options.baseClass || 'ws-range').attr({role: 'slider'}).append('<span class="ws-range-
|
18
|
+
this.element.addClass(this.options.baseClass || 'ws-range ws-input').attr({role: 'slider'}).append('<span class="ws-range-rail ws-range-track"><span class="ws-range-min ws-range-progress" /><span class="ws-range-thumb"><span><span data-value="" data-valuetext="" /></span></span></span>');
|
19
19
|
this.trail = $('.ws-range-track', this.element);
|
20
20
|
this.range = $('.ws-range-progress', this.element);
|
21
21
|
this.thumb = $('.ws-range-thumb', this.trail);
|
22
|
+
this.thumbValue = $('span[data-value]', this.thumb);
|
22
23
|
|
23
24
|
this.updateMetrics();
|
24
25
|
|
@@ -69,8 +70,8 @@
|
|
69
70
|
|
70
71
|
|
71
72
|
if(!animate || !$.fn.animate){
|
72
|
-
this.thumb.
|
73
|
-
this.range.
|
73
|
+
this.thumb[0].style[this.dirs.left] = thumbStyle[this.dirs.left];
|
74
|
+
this.range[0].style[this.dirs.width] = rangeStyle[this.dirs.width];
|
74
75
|
} else {
|
75
76
|
if(typeof animate != 'object'){
|
76
77
|
animate = {};
|
@@ -93,20 +94,19 @@
|
|
93
94
|
_setValueMarkup: function(){
|
94
95
|
var o = this.options;
|
95
96
|
var textValue = o.textValue ? o.textValue(this.options.value) : o.options[o.value] || o.value;
|
96
|
-
|
97
|
-
|
98
|
-
|
99
|
-
|
100
|
-
|
101
|
-
|
102
|
-
|
103
|
-
});
|
97
|
+
|
98
|
+
this.element[0].setAttribute('aria-valuenow', this.options.value);
|
99
|
+
this.element[0].setAttribute('aria-valuetext', textValue);
|
100
|
+
|
101
|
+
this.thumbValue[0].setAttribute('data-value', this.options.value);
|
102
|
+
this.thumbValue[0].setAttribute('data-valuetext', textValue);
|
103
|
+
|
104
104
|
if(o.selectedOption){
|
105
105
|
$(o.selectedOption).removeClass('ws-selected-option');
|
106
106
|
o.selectedOption = null;
|
107
107
|
}
|
108
108
|
if(o.value in o.options){
|
109
|
-
o.selectedOption = $('[data-value="'+o.value+'"].ws-range-ticks').addClass('ws-selected-option');
|
109
|
+
o.selectedOption = $('[data-value="'+o.value+'"].ws-range-ticks', this.trail).addClass('ws-selected-option');
|
110
110
|
}
|
111
111
|
},
|
112
112
|
initDataList: function(){
|
@@ -542,9 +542,16 @@
|
|
542
542
|
temp = this.element[this.dirs.innerHeight]();
|
543
543
|
eS[this.dirs.marginTop] = ((elem[this.dirs.outerHeight]() - temp) / -2) + 'px';
|
544
544
|
this.range[0].style[this.dirs.marginTop] = ((this.range[this.dirs.outerHeight]() - temp) / -2 ) +'px';
|
545
|
+
|
546
|
+
this.range[0].style[this.dirs.posLeft] = outerWidth +'px';
|
547
|
+
|
545
548
|
outerWidth *= -1;
|
549
|
+
|
550
|
+
this.range[0].style[this.dirs.paddingRight] = outerWidth +'px';
|
546
551
|
this.trail[0].style[this.dirs.left] = outerWidth +'px';
|
547
552
|
this.trail[0].style[this.dirs.right] = outerWidth +'px';
|
553
|
+
|
554
|
+
|
548
555
|
}
|
549
556
|
}
|
550
557
|
},
|
@@ -553,14 +560,15 @@
|
|
553
560
|
this.vertical = (width && this.element.innerHeight() - width > 10);
|
554
561
|
|
555
562
|
this.dirs = this.vertical ?
|
556
|
-
{mouse: 'pageY', pos: 'top', min: 'max', max: 'min', left: 'top', right: 'bottom', width: 'height', innerWidth: 'innerHeight', innerHeight: 'innerWidth', outerWidth: 'outerHeight', outerHeight: 'outerWidth', marginTop: 'marginLeft', marginLeft: 'marginTop'} :
|
557
|
-
{mouse: 'pageX', pos: 'left', min: 'min', max: 'max', left: 'left', right: 'right', width: 'width', innerWidth: 'innerWidth', innerHeight: 'innerHeight', outerWidth: 'outerWidth', outerHeight: 'outerHeight', marginTop: 'marginTop', marginLeft: 'marginLeft'}
|
563
|
+
{mouse: 'pageY', pos: 'top', posLeft: 'bottom', paddingRight: 'paddingTop', min: 'max', max: 'min', left: 'top', right: 'bottom', width: 'height', innerWidth: 'innerHeight', innerHeight: 'innerWidth', outerWidth: 'outerHeight', outerHeight: 'outerWidth', marginTop: 'marginLeft', marginLeft: 'marginTop'} :
|
564
|
+
{mouse: 'pageX', pos: 'left', posLeft: 'left', paddingRight: 'paddingRight', min: 'min', max: 'max', left: 'left', right: 'right', width: 'width', innerWidth: 'innerWidth', innerHeight: 'innerHeight', outerWidth: 'outerWidth', outerHeight: 'outerHeight', marginTop: 'marginTop', marginLeft: 'marginLeft'}
|
558
565
|
;
|
559
566
|
if(!this.vertical && this.element.css('direction') == 'rtl'){
|
560
567
|
this.isRtl = true;
|
561
568
|
this.dirs.left = 'right';
|
562
569
|
this.dirs.right = 'left';
|
563
570
|
this.dirs.marginLeft = 'marginRight';
|
571
|
+
this.dirs.posLeft = 'right';
|
564
572
|
}
|
565
573
|
this.element
|
566
574
|
[this.vertical ? 'addClass' : 'removeClass']('vertical-range')
|
@@ -1,14 +1,9 @@
|
|
1
|
-
.
|
2
|
-
|
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: ' '; }
|
7
|
-
|
8
|
-
.ws-range .ws-range-thumb, .ws-inline-picker {
|
1
|
+
.ws-range .ws-range-thumb, .ws-inline-picker,
|
2
|
+
div.ws-inline-picker {
|
9
3
|
-moz-box-sizing: content-box;
|
10
4
|
box-sizing: content-box; }
|
11
|
-
.ws-range .ws-range-thumb *, .ws-inline-picker *,
|
5
|
+
.ws-range .ws-range-thumb *, .ws-inline-picker *,
|
6
|
+
div.ws-inline-picker *, .ws-range .ws-range-thumb:before, .ws-inline-picker:before, .ws-range .ws-range-thumb:after, .ws-inline-picker:after,
|
12
7
|
.ws-range .ws-range-thumb :after,
|
13
8
|
.ws-inline-picker :after,
|
14
9
|
.ws-range .ws-range-thumb :before,
|
@@ -17,36 +12,24 @@
|
|
17
12
|
box-sizing: content-box; }
|
18
13
|
|
19
14
|
/* style picker api */
|
20
|
-
|
21
|
-
|
22
|
-
|
23
|
-
|
24
|
-
|
25
|
-
|
26
|
-
|
27
|
-
.input-picker
|
28
|
-
|
29
|
-
|
30
|
-
|
31
|
-
|
32
|
-
.
|
33
|
-
|
34
|
-
|
35
|
-
|
36
|
-
|
37
|
-
|
38
|
-
display: inline-block; }
|
39
|
-
|
40
|
-
.input-picker[data-class~="show-selectnav"] .ws-picker-header > select,
|
41
|
-
.show-selectnav .input-picker .ws-picker-header > select {
|
42
|
-
display: inline-block; }
|
43
|
-
.input-picker[data-class~="show-selectnav"] .ws-picker-header > button,
|
44
|
-
.show-selectnav .input-picker .ws-picker-header > button {
|
45
|
-
width: auto; }
|
46
|
-
.input-picker[data-class~="show-selectnav"] .ws-picker-header > button > span,
|
47
|
-
.show-selectnav .input-picker .ws-picker-header > button > span {
|
48
|
-
display: none; }
|
49
|
-
|
15
|
+
/* how to use:
|
16
|
+
*
|
17
|
+
Markup (good to style one input different than other):
|
18
|
+
<!-- simply use a placeholder as class on your input elment -->
|
19
|
+
<input type="date" class="show-week" />
|
20
|
+
CSS:
|
21
|
+
//replace the placeholder with .input-picker or (.input-date-picker)
|
22
|
+
.input-picker .ws-week {
|
23
|
+
display: table-cell;
|
24
|
+
}
|
25
|
+
SASS:
|
26
|
+
//use the placeholder(s) and go crazy
|
27
|
+
.input-picker {
|
28
|
+
@extend %show-week;
|
29
|
+
//@extend show-selectnav;
|
30
|
+
}
|
31
|
+
*
|
32
|
+
*/
|
50
33
|
/* btn api */
|
51
34
|
.hide-spinbtns + .input-buttons > .step-controls,
|
52
35
|
.hide-spinbtns .input-buttons > .step-controls {
|
@@ -382,7 +365,7 @@ span.ws-input {
|
|
382
365
|
position: absolute !important;
|
383
366
|
display: block;
|
384
367
|
margin: 0;
|
385
|
-
padding: 0
|
368
|
+
padding: 0;
|
386
369
|
top: 0;
|
387
370
|
border-radius: 0.38462em;
|
388
371
|
height: 100%;
|
@@ -390,7 +373,9 @@ span.ws-input {
|
|
390
373
|
z-index: 1;
|
391
374
|
overflow: hidden;
|
392
375
|
background: #09c;
|
393
|
-
box-shadow: 0 0.11538em 0.26923em rgba(255, 255, 255, 0.2) inset;
|
376
|
+
box-shadow: 0 0.11538em 0.26923em rgba(255, 255, 255, 0.2) inset;
|
377
|
+
-moz-box-sizing: content-box;
|
378
|
+
box-sizing: content-box; }
|
394
379
|
.ws-range .ws-range-ticks {
|
395
380
|
position: absolute;
|
396
381
|
bottom: -0.76923em;
|
@@ -454,308 +439,8 @@ span.ws-input {
|
|
454
439
|
display: none; }
|
455
440
|
|
456
441
|
/* helper classes to hide show/hide specific range features features */
|
457
|
-
.
|
458
|
-
|
459
|
-
background: #ccc;
|
460
|
-
padding: 0.38462em 0.61538em;
|
461
|
-
display: inline-block;
|
462
|
-
border: 0.07692em solid transparent; }
|
463
|
-
|
464
|
-
.ws-inline-picker {
|
442
|
+
.ws-inline-picker,
|
443
|
+
div.ws-inline-picker {
|
465
444
|
position: relative;
|
445
|
+
max-width: 100%;
|
466
446
|
z-index: 99; }
|
467
|
-
|
468
|
-
.input-picker {
|
469
|
-
overflow: visible;
|
470
|
-
font-size: 13px;
|
471
|
-
outline: none;
|
472
|
-
text-align: center;
|
473
|
-
font-family: sans-serif;
|
474
|
-
width: 27.69231em;
|
475
|
-
min-width: 23.07692em;
|
476
|
-
/* Selector API: */ }
|
477
|
-
.input-picker .ws-po-outerbox {
|
478
|
-
-webkit-transform: translate(0, 30%);
|
479
|
-
transform: translate(0, 30%); }
|
480
|
-
.input-picker[data-vertical="bottom"] .ws-po-outerbox {
|
481
|
-
-webkit-transform: translate(0, -30%);
|
482
|
-
transform: translate(0, -30%); }
|
483
|
-
.input-picker.time-popover, .input-picker.datetime-local-popover {
|
484
|
-
width: 31.92308em; }
|
485
|
-
.input-picker.time-popover .ws-prev,
|
486
|
-
.input-picker.time-popover .ws-next,
|
487
|
-
.input-picker.time-popover .ws-super-prev,
|
488
|
-
.input-picker.time-popover .ws-super-next {
|
489
|
-
display: none; }
|
490
|
-
.input-picker.ws-size-2 {
|
491
|
-
width: 49.61538em; }
|
492
|
-
.input-picker.ws-size-3 {
|
493
|
-
width: 73.84615em; }
|
494
|
-
.input-picker.color-popover {
|
495
|
-
width: 590px; }
|
496
|
-
.input-picker abbr[title] {
|
497
|
-
cursor: help; }
|
498
|
-
.input-picker li,
|
499
|
-
.input-picker button {
|
500
|
-
font-size: 1em;
|
501
|
-
line-height: 1.23077em;
|
502
|
-
color: #000;
|
503
|
-
transition: all 400ms; }
|
504
|
-
.input-picker .ws-focus,
|
505
|
-
.input-picker :focus {
|
506
|
-
outline: 1px dotted #000; }
|
507
|
-
.input-picker .ws-po-box {
|
508
|
-
position: relative;
|
509
|
-
padding: 1.15385em 1.53846em;
|
510
|
-
border-radius: 0.38462em;
|
511
|
-
box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
|
512
|
-
direction: ltr; }
|
513
|
-
.input-picker .ws-picker-controls {
|
514
|
-
position: absolute;
|
515
|
-
top: 1.15385em; }
|
516
|
-
.input-picker .ws-picker-controls > button {
|
517
|
-
border: 0.07692em solid #cccccc;
|
518
|
-
border-radius: 0.38462em;
|
519
|
-
padding: 0;
|
520
|
-
width: 1.84615em;
|
521
|
-
height: 1.84615em;
|
522
|
-
background: #eee;
|
523
|
-
z-index: 1;
|
524
|
-
color: #333; }
|
525
|
-
.input-picker .ws-picker-controls > button.ws-year-btn:after, .input-picker .ws-picker-controls > button:before {
|
526
|
-
display: inline-block;
|
527
|
-
content: "";
|
528
|
-
width: 0px;
|
529
|
-
height: 0px;
|
530
|
-
border-style: solid;
|
531
|
-
margin-top: 0.29231em; }
|
532
|
-
.input-picker .ws-picker-controls > button span {
|
533
|
-
display: none; }
|
534
|
-
.input-picker .ws-picker-controls > button:hover {
|
535
|
-
border-color: #666;
|
536
|
-
color: #000; }
|
537
|
-
.input-picker .ws-picker-controls > button[disabled] {
|
538
|
-
opacity: 0.4;
|
539
|
-
border-color: #eee;
|
540
|
-
color: #ddd; }
|
541
|
-
.input-picker .prev-controls,
|
542
|
-
.input-picker .ws-po-box[dir="rtl"] .next-controls {
|
543
|
-
left: 1.53846em;
|
544
|
-
right: auto; }
|
545
|
-
.input-picker .prev-controls [class*="ws-super-"]:after,
|
546
|
-
.input-picker .prev-controls button:before,
|
547
|
-
.input-picker .ws-po-box[dir="rtl"] .next-controls [class*="ws-super-"]:after,
|
548
|
-
.input-picker .ws-po-box[dir="rtl"] .next-controls button:before {
|
549
|
-
border-width: 0.35em 0.6em 0.35em 0;
|
550
|
-
border-color: transparent #333 transparent transparent;
|
551
|
-
margin-left: -0.1em; }
|
552
|
-
.input-picker .prev-controls [class*="ws-super-"],
|
553
|
-
.input-picker .ws-po-box[dir="rtl"] .next-controls [class*="ws-super-"] {
|
554
|
-
margin-right: 0.23077em;
|
555
|
-
margin-left: 0; }
|
556
|
-
.input-picker .prev-controls [class*="ws-super-"][disabled],
|
557
|
-
.input-picker .ws-po-box[dir="rtl"] .next-controls [class*="ws-super-"][disabled] {
|
558
|
-
display: none; }
|
559
|
-
.input-picker .next-controls,
|
560
|
-
.input-picker .ws-po-box[dir="rtl"] .prev-controls {
|
561
|
-
right: 1.53846em;
|
562
|
-
left: auto; }
|
563
|
-
.input-picker .next-controls button:before,
|
564
|
-
.input-picker .ws-po-box[dir="rtl"] .prev-controls button:before {
|
565
|
-
margin-left: 0.11538em; }
|
566
|
-
.input-picker .next-controls [class*="ws-super-"]:after,
|
567
|
-
.input-picker .next-controls button:before,
|
568
|
-
.input-picker .ws-po-box[dir="rtl"] .prev-controls [class*="ws-super-"]:after,
|
569
|
-
.input-picker .ws-po-box[dir="rtl"] .prev-controls button:before {
|
570
|
-
border-width: 0.35em 0 0.35em 0.6em;
|
571
|
-
border-color: transparent transparent transparent #333;
|
572
|
-
margin-right: -0.1em; }
|
573
|
-
.input-picker .next-controls [class*="ws-super-"],
|
574
|
-
.input-picker .ws-po-box[dir="rtl"] .prev-controls [class*="ws-super-"] {
|
575
|
-
margin-left: 0.23077em;
|
576
|
-
margin-right: 0; }
|
577
|
-
.input-picker .next-controls [class*="ws-super-"][disabled],
|
578
|
-
.input-picker .ws-po-box[dir="rtl"] .prev-controls [class*="ws-super-"][disabled] {
|
579
|
-
display: none; }
|
580
|
-
.input-picker.ws-po-visible .ws-picker-controls button:after, .input-picker.ws-po-visible .ws-picker-controls button:before {
|
581
|
-
content: " "; }
|
582
|
-
.input-picker .ws-po-box[dir="rtl"] {
|
583
|
-
direction: rtl; }
|
584
|
-
.input-picker.time-popover .ws-picker-body {
|
585
|
-
padding-top: 2.76923em; }
|
586
|
-
.input-picker .ws-picker-body {
|
587
|
-
position: relative;
|
588
|
-
padding: 3.07692em 0 0;
|
589
|
-
zoom: 1;
|
590
|
-
margin: 0 -0.76923em; }
|
591
|
-
.input-picker .ws-button-row {
|
592
|
-
position: relative;
|
593
|
-
margin: 0.76923em 0 0;
|
594
|
-
border-top: 0.07692em solid #eeeeee;
|
595
|
-
padding: 0.76923em 0 0;
|
596
|
-
text-align: left;
|
597
|
-
z-index: 2; }
|
598
|
-
.input-picker .ws-button-row button {
|
599
|
-
border: 0.07692em solid #cccccc;
|
600
|
-
border-radius: 5px;
|
601
|
-
box-shadow: 1px 1px 0 #fff;
|
602
|
-
background-color: #ddd;
|
603
|
-
background-image: -webkit-linear-gradient(top, #ececec 0%, #dddddd 100%);
|
604
|
-
background-image: linear-gradient(to bottom, #ececec 0%, #dddddd 100%);
|
605
|
-
transition: border-color 200ms linear;
|
606
|
-
float: left; }
|
607
|
-
.input-picker .ws-button-row button.ws-empty {
|
608
|
-
float: right; }
|
609
|
-
.input-picker .ws-po-box[dir="rtl"] .ws-button-row button {
|
610
|
-
float: right; }
|
611
|
-
.input-picker .ws-po-box[dir="rtl"] .ws-button-row button.ws-empty {
|
612
|
-
float: left; }
|
613
|
-
.input-picker[data-currentview="setMonthList"] .ws-picker-header > select, .input-picker[data-currentview="setYearList"] .ws-picker-header > select {
|
614
|
-
max-width: 90%; }
|
615
|
-
.input-picker[data-currentview="setDayList"] .ws-picker-header > select {
|
616
|
-
max-width: 40%; }
|
617
|
-
.input-picker[data-currentview="setDayList"] .ws-picker-header > .month-select {
|
618
|
-
max-width: 50%; }
|
619
|
-
.input-picker.time-popover .ws-picker-header {
|
620
|
-
top: -2.30769em; }
|
621
|
-
.input-picker.time-popover .ws-picker-header button {
|
622
|
-
font-size: 1.15385em; }
|
623
|
-
.input-picker .ws-picker-header {
|
624
|
-
position: absolute;
|
625
|
-
top: -3.07692em;
|
626
|
-
right: 0;
|
627
|
-
left: 0;
|
628
|
-
margin: 0 2.69231em; }
|
629
|
-
.input-picker .ws-picker-header > button {
|
630
|
-
display: inline-block;
|
631
|
-
width: 100%;
|
632
|
-
margin: 0;
|
633
|
-
padding: 0.30769em 0;
|
634
|
-
font-weight: 700;
|
635
|
-
color: #000; }
|
636
|
-
.input-picker .ws-picker-header > button > .month-digit,
|
637
|
-
.input-picker .ws-picker-header > button > .monthname-short {
|
638
|
-
display: none; }
|
639
|
-
.input-picker .ws-picker-header > button:after {
|
640
|
-
content: " ";
|
641
|
-
margin: -0.1em 0.5em 0;
|
642
|
-
width: 0px;
|
643
|
-
height: 0px;
|
644
|
-
border-style: solid;
|
645
|
-
border-width: 0 0.3em 0.6em 0.3em;
|
646
|
-
border-color: transparent transparent #333 transparent;
|
647
|
-
vertical-align: middle; }
|
648
|
-
.input-picker .ws-picker-header > button:hover {
|
649
|
-
text-decoration: underline; }
|
650
|
-
.input-picker .ws-picker-header > button[disabled]:after {
|
651
|
-
display: none !important; }
|
652
|
-
.input-picker .ws-picker-header > button[disabled]:hover {
|
653
|
-
text-decoration: none; }
|
654
|
-
.input-picker .picker-grid {
|
655
|
-
position: relative;
|
656
|
-
zoom: 1;
|
657
|
-
overflow: hidden; }
|
658
|
-
.input-picker .picker-grid .monthname,
|
659
|
-
.input-picker .picker-grid .month-digit {
|
660
|
-
display: none; }
|
661
|
-
.input-picker.ws-size-1 .picker-list {
|
662
|
-
float: none;
|
663
|
-
width: auto; }
|
664
|
-
.input-picker .picker-list {
|
665
|
-
position: relative;
|
666
|
-
zoom: 1;
|
667
|
-
width: 22.30769em;
|
668
|
-
float: left;
|
669
|
-
margin: 0 10px;
|
670
|
-
background: #fff; }
|
671
|
-
.input-picker .picker-list tr {
|
672
|
-
border: 0; }
|
673
|
-
.input-picker .picker-list th,
|
674
|
-
.input-picker .picker-list td {
|
675
|
-
padding: 0.23077em 0.38462em;
|
676
|
-
text-align: center; }
|
677
|
-
.input-picker .picker-list.day-list td {
|
678
|
-
padding: 0.03846em 0.15385em; }
|
679
|
-
.input-picker .picker-list.day-list td > button {
|
680
|
-
padding: 0.42308em 0; }
|
681
|
-
.input-picker .picker-list.time-list > .ws-picker-header > button > .monthname {
|
682
|
-
display: inline; }
|
683
|
-
.input-picker .picker-list.time-list td {
|
684
|
-
padding: 0.07692em 0.38462em; }
|
685
|
-
.input-picker .picker-list.time-list td > button {
|
686
|
-
padding: 0.52692em 0; }
|
687
|
-
.input-picker .picker-list td > button {
|
688
|
-
display: block;
|
689
|
-
padding: 1.58992em 0;
|
690
|
-
width: 100%;
|
691
|
-
border-radius: 0.38462em;
|
692
|
-
color: #000;
|
693
|
-
background-color: #fff; }
|
694
|
-
.input-picker .picker-list td > button.othermonth {
|
695
|
-
color: #888; }
|
696
|
-
.input-picker .picker-list td > button:hover, .input-picker .picker-list td > button.checked-value {
|
697
|
-
color: #fff;
|
698
|
-
background: #000; }
|
699
|
-
.input-picker .picker-list td > button[disabled], .input-picker .picker-list td > button[disabled]:hover {
|
700
|
-
color: #888;
|
701
|
-
background-color: #fff; }
|
702
|
-
.input-picker .picker-list table {
|
703
|
-
width: 100%;
|
704
|
-
margin: 0;
|
705
|
-
border: 0 none;
|
706
|
-
border-collapse: collapse;
|
707
|
-
table-layout: fixed; }
|
708
|
-
.input-picker .picker-list th,
|
709
|
-
.input-picker .picker-list td.week-cell {
|
710
|
-
font-size: 1em;
|
711
|
-
line-height: 1.23077em;
|
712
|
-
padding-bottom: 0.23077em;
|
713
|
-
text-transform: uppercase;
|
714
|
-
font-weight: 700; }
|
715
|
-
.input-picker .ws-options {
|
716
|
-
margin: 0.76923em 0 0;
|
717
|
-
border-top: 0.07692em solid #eeeeee;
|
718
|
-
padding: 0.76923em 0 0;
|
719
|
-
text-align: left; }
|
720
|
-
.input-picker .ws-options h5 {
|
721
|
-
margin: 0 0 0.38462em;
|
722
|
-
padding: 0;
|
723
|
-
font-size: 1.07692em;
|
724
|
-
font-weight: bold; }
|
725
|
-
.input-picker .ws-options ul,
|
726
|
-
.input-picker .ws-options li {
|
727
|
-
padding: 0;
|
728
|
-
margin: 0;
|
729
|
-
list-style: none; }
|
730
|
-
.input-picker .ws-options button {
|
731
|
-
display: block;
|
732
|
-
padding: 0.30769em;
|
733
|
-
width: 100%;
|
734
|
-
text-align: left;
|
735
|
-
border-radius: 0.30769em; }
|
736
|
-
.input-picker .ws-options button.ws-focus, .input-picker .ws-options button:focus, .input-picker .ws-options button:hover {
|
737
|
-
color: #fff;
|
738
|
-
background: #000; }
|
739
|
-
.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 {
|
740
|
-
color: #888;
|
741
|
-
background: #fff;
|
742
|
-
text-decoration: none; }
|
743
|
-
.input-picker .ws-options button .ws-value {
|
744
|
-
float: left; }
|
745
|
-
.input-picker .ws-options button .ws-label {
|
746
|
-
float: right;
|
747
|
-
font-size: 96%; }
|
748
|
-
.input-picker .ws-week,
|
749
|
-
.input-picker .ws-year-btn {
|
750
|
-
display: none; }
|
751
|
-
|
752
|
-
.ws-picker-controls > button {
|
753
|
-
display: inline-block; }
|
754
|
-
|
755
|
-
.ws-picker-header > button:after {
|
756
|
-
display: none; }
|
757
|
-
|
758
|
-
.ws-picker-header select {
|
759
|
-
display: none; }
|
760
|
-
|
761
|
-
/* helper classes to hide show/hide specific picker features */
|