mobiscroll-rails 2.3.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- data/MIT-LICENSE +20 -0
- data/README.md +43 -0
- data/lib/mobiscroll-rails.rb +9 -0
- data/lib/mobiscroll-rails/version.rb +5 -0
- data/vendor/assets/javascripts/mobiscroll.android-ics.js +16 -0
- data/vendor/assets/javascripts/mobiscroll.android.js +12 -0
- data/vendor/assets/javascripts/mobiscroll.core.js +966 -0
- data/vendor/assets/javascripts/mobiscroll.datetime.js +656 -0
- data/vendor/assets/javascripts/mobiscroll.ios.js +14 -0
- data/vendor/assets/javascripts/mobiscroll.jqm.js +30 -0
- data/vendor/assets/javascripts/mobiscroll.js +18 -0
- data/vendor/assets/javascripts/mobiscroll.list.js +377 -0
- data/vendor/assets/javascripts/mobiscroll.select.js +257 -0
- data/vendor/assets/javascripts/mobiscroll.wp.js +30 -0
- data/vendor/assets/javascripts/mobiscroll.zepto.js +72 -0
- data/vendor/assets/stylesheets/mobiscroll.android-ics.css +173 -0
- data/vendor/assets/stylesheets/mobiscroll.android.css +90 -0
- data/vendor/assets/stylesheets/mobiscroll.core.css +349 -0
- data/vendor/assets/stylesheets/mobiscroll.css +13 -0
- data/vendor/assets/stylesheets/mobiscroll.ios.css +215 -0
- data/vendor/assets/stylesheets/mobiscroll.jqm.css +249 -0
- data/vendor/assets/stylesheets/mobiscroll.sense-ui.css +62 -0
- data/vendor/assets/stylesheets/mobiscroll.wp.css +249 -0
- data/vendor/assets/stylesheets/wp_icons.png +0 -0
- data/vendor/assets/stylesheets/wp_icons_light.png +0 -0
- metadata +82 -0
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
(function ($) {
|
|
2
|
+
|
|
3
|
+
$.mobiscroll.themes.wp = {
|
|
4
|
+
defaults: {
|
|
5
|
+
width: 70,
|
|
6
|
+
height: 76,
|
|
7
|
+
dateOrder: 'mmMMddDDyy'
|
|
8
|
+
},
|
|
9
|
+
init: function(elm, inst) {
|
|
10
|
+
var click,
|
|
11
|
+
active;
|
|
12
|
+
|
|
13
|
+
$('.dwwl', elm).bind('touchstart mousedown DOMMouseScroll mousewheel', function() {
|
|
14
|
+
click = true;
|
|
15
|
+
active = $(this).hasClass('wpa');
|
|
16
|
+
$('.dwwl', elm).removeClass('wpa');
|
|
17
|
+
$(this).addClass('wpa');
|
|
18
|
+
}).bind('touchmove mousemove', function() {
|
|
19
|
+
click = false;
|
|
20
|
+
}).bind('touchend mouseup', function() {
|
|
21
|
+
if (click && active) {
|
|
22
|
+
$(this).removeClass('wpa');
|
|
23
|
+
}
|
|
24
|
+
});
|
|
25
|
+
}
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
$.mobiscroll.themes['wp light'] = $.mobiscroll.themes.wp;
|
|
29
|
+
|
|
30
|
+
})(jQuery);
|
|
@@ -0,0 +1,72 @@
|
|
|
1
|
+
var jQuery = Zepto;
|
|
2
|
+
|
|
3
|
+
(function ($) {
|
|
4
|
+
|
|
5
|
+
['width', 'height'].forEach(function(dimension) {
|
|
6
|
+
var offset, Dimension = dimension.replace(/./, function(m) { return m[0].toUpperCase() });
|
|
7
|
+
$.fn['outer' + Dimension] = function(margin) {
|
|
8
|
+
var elem = this;
|
|
9
|
+
if (elem) {
|
|
10
|
+
var size = elem[dimension]();
|
|
11
|
+
var sides = {'width': ['left', 'right'], 'height': ['top', 'bottom']};
|
|
12
|
+
sides[dimension].forEach(function(side) {
|
|
13
|
+
if (margin) size += parseInt(elem.css('margin-' + side), 10);
|
|
14
|
+
});
|
|
15
|
+
return size;
|
|
16
|
+
}
|
|
17
|
+
else {
|
|
18
|
+
return null;
|
|
19
|
+
}
|
|
20
|
+
};
|
|
21
|
+
});
|
|
22
|
+
|
|
23
|
+
["Left", "Top"].forEach(function(name, i) {
|
|
24
|
+
var method = "scroll" + name;
|
|
25
|
+
|
|
26
|
+
function isWindow( obj ) {
|
|
27
|
+
return obj && typeof obj === "object" && "setInterval" in obj;
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
function getWindow( elem ) {
|
|
31
|
+
return isWindow( elem ) ? elem : elem.nodeType === 9 ? elem.defaultView || elem.parentWindow : false;
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
$.fn[method] = function( val ) {
|
|
35
|
+
var elem, win;
|
|
36
|
+
if (val === undefined) {
|
|
37
|
+
elem = this[0];
|
|
38
|
+
if (!elem) {
|
|
39
|
+
return null;
|
|
40
|
+
}
|
|
41
|
+
win = getWindow(elem);
|
|
42
|
+
// Return the scroll offset
|
|
43
|
+
return win ? ("pageXOffset" in win) ? win[i ? "pageYOffset" : "pageXOffset"] :
|
|
44
|
+
win.document.documentElement[method] ||
|
|
45
|
+
win.document.body[method] :
|
|
46
|
+
elem[method];
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
// Set the scroll offset
|
|
50
|
+
this.each(function() {
|
|
51
|
+
win = getWindow(this);
|
|
52
|
+
if (win) {
|
|
53
|
+
var xCoord = !i ? val : $(win).scrollLeft();
|
|
54
|
+
var yCoord = i ? val : $(win).scrollTop();
|
|
55
|
+
win.scrollTo(xCoord, yCoord);
|
|
56
|
+
}
|
|
57
|
+
else {
|
|
58
|
+
this[method] = val;
|
|
59
|
+
}
|
|
60
|
+
});
|
|
61
|
+
}
|
|
62
|
+
});
|
|
63
|
+
|
|
64
|
+
$.fn.fadeIn = function () {
|
|
65
|
+
return this.show();
|
|
66
|
+
}
|
|
67
|
+
|
|
68
|
+
$.fn.fadeOut = function () {
|
|
69
|
+
return this.hide();
|
|
70
|
+
}
|
|
71
|
+
|
|
72
|
+
})(jQuery);
|
|
@@ -0,0 +1,173 @@
|
|
|
1
|
+
/* Android ICS skin */
|
|
2
|
+
.android-ics .dw {
|
|
3
|
+
padding: 0;
|
|
4
|
+
color: #31b6e7;
|
|
5
|
+
background: #292829;
|
|
6
|
+
border-top: 1px solid #4a494a;
|
|
7
|
+
}
|
|
8
|
+
.android-ics .dw .dwwc,
|
|
9
|
+
.android-ics .dw .dwwl,
|
|
10
|
+
.android-ics .dw .dww,
|
|
11
|
+
.android-ics .dw .dwb {
|
|
12
|
+
background: none;
|
|
13
|
+
}
|
|
14
|
+
.android-ics .dwwr
|
|
15
|
+
{
|
|
16
|
+
padding: 0;
|
|
17
|
+
}
|
|
18
|
+
.android-ics .dwc {
|
|
19
|
+
margin: 0;
|
|
20
|
+
padding: 30px 10px 1px 10px;
|
|
21
|
+
}
|
|
22
|
+
.android-ics .dwhl {
|
|
23
|
+
padding: 1px 10px;
|
|
24
|
+
}
|
|
25
|
+
.android-ics .dwv {
|
|
26
|
+
height: 36px;
|
|
27
|
+
line-height: 36px;
|
|
28
|
+
padding: 0;
|
|
29
|
+
border-bottom: 2px solid #31b6e7;
|
|
30
|
+
font-size: 18px;
|
|
31
|
+
}
|
|
32
|
+
.android-ics .dwwl {
|
|
33
|
+
margin: 0 2px;
|
|
34
|
+
}
|
|
35
|
+
.android-ics .dww {
|
|
36
|
+
border: 0;
|
|
37
|
+
}
|
|
38
|
+
.android-ics .dw .dwpm .dww {
|
|
39
|
+
border: 0;
|
|
40
|
+
background: none;
|
|
41
|
+
}
|
|
42
|
+
.android-ics .dww li {
|
|
43
|
+
color: #fff;
|
|
44
|
+
font-size: 18px;
|
|
45
|
+
text-shadow: none;
|
|
46
|
+
}
|
|
47
|
+
.android-ics .dww li.dw-hl {
|
|
48
|
+
background: #31b6e7;
|
|
49
|
+
background: rgba(49,182,231,.5);
|
|
50
|
+
}
|
|
51
|
+
.android-ics .dwwo {
|
|
52
|
+
background: linear-gradient(#282828 0%,rgba(40,40,40,0) 52%, rgba(40,40,40,0) 48%, #282828 100%);
|
|
53
|
+
background: -webkit-gradient(linear,left bottom,left top,from(#282828),color-stop(0.52, rgba(40,40,40,0)),color-stop(0.48, rgba(40,40,40,0)),to(#282828));
|
|
54
|
+
background: -moz-linear-gradient(#282828 0%,rgba(40,40,40,0) 52%, rgba(40,40,40,0) 48%, #282828 100%);
|
|
55
|
+
background: -o-linear-gradient(#282828 0%,rgba(40,40,40,0) 52%, rgba(40,40,40,0) 48%, #282828 100%);
|
|
56
|
+
}
|
|
57
|
+
.android-ics .dw .dwwb {
|
|
58
|
+
background: #292829;
|
|
59
|
+
box-shadow: none;
|
|
60
|
+
-webkit-box-shadow: none;
|
|
61
|
+
}
|
|
62
|
+
.android-ics .dwwb span {
|
|
63
|
+
display: none;
|
|
64
|
+
}
|
|
65
|
+
.android-ics .dwwb:after {
|
|
66
|
+
position: absolute;
|
|
67
|
+
top: 50%;
|
|
68
|
+
left: 50%;
|
|
69
|
+
margin-top: -8px;
|
|
70
|
+
margin-left: -8px;
|
|
71
|
+
color: #7e7e7e;
|
|
72
|
+
width: 0;
|
|
73
|
+
height: 0;
|
|
74
|
+
border-width: 8px;
|
|
75
|
+
border-style: solid;
|
|
76
|
+
content: '';
|
|
77
|
+
}
|
|
78
|
+
.android-ics .dwwbm {
|
|
79
|
+
top: 0;
|
|
80
|
+
bottom: auto;
|
|
81
|
+
}
|
|
82
|
+
.android-ics .dwwbp {
|
|
83
|
+
bottom: 0;
|
|
84
|
+
top: auto;
|
|
85
|
+
}
|
|
86
|
+
.android-ics .dwwbm:after {
|
|
87
|
+
border-color: transparent transparent #7e7e7e transparent;
|
|
88
|
+
}
|
|
89
|
+
.android-ics .dwwbp:after {
|
|
90
|
+
border-color: #7e7e7e transparent transparent transparent;
|
|
91
|
+
}
|
|
92
|
+
.android-ics .dw .dwwl .dwb-a {
|
|
93
|
+
background: #292829;
|
|
94
|
+
}
|
|
95
|
+
.android-ics .dwwbm.dwb-a:after {
|
|
96
|
+
border-color: transparent transparent #319abd transparent;
|
|
97
|
+
}
|
|
98
|
+
.android-ics .dwwbp.dwb-a:after {
|
|
99
|
+
border-color: #319abd transparent transparent transparent;
|
|
100
|
+
}
|
|
101
|
+
.android-ics .dw .dwwol {
|
|
102
|
+
width: 60%;
|
|
103
|
+
left: 20%;
|
|
104
|
+
height: 36px;
|
|
105
|
+
border-top: 2px solid #31b6e7;
|
|
106
|
+
border-bottom: 2px solid #31b6e7;
|
|
107
|
+
margin-top: -20px;
|
|
108
|
+
display: block;
|
|
109
|
+
}
|
|
110
|
+
.android-ics .dwbc {
|
|
111
|
+
border-top: 1px solid #424542;
|
|
112
|
+
padding: 0;
|
|
113
|
+
}
|
|
114
|
+
.android-ics .dw .dwb {
|
|
115
|
+
height: 36px;
|
|
116
|
+
line-height: 36px;
|
|
117
|
+
padding: 0;
|
|
118
|
+
margin: 0;
|
|
119
|
+
font-weight: normal;
|
|
120
|
+
text-shadow: none;
|
|
121
|
+
box-shadow: none;
|
|
122
|
+
border-radius: 0;
|
|
123
|
+
-webkit-border-radius: 0;
|
|
124
|
+
-webkit-box-shadow: none;
|
|
125
|
+
}
|
|
126
|
+
.android-ics .dw .dwb-a {
|
|
127
|
+
background: #29799c;
|
|
128
|
+
}
|
|
129
|
+
.android-ics .dwb-s .dwb, .android-ics .dwb-n .dwb {
|
|
130
|
+
border-right: 1px solid #424542;
|
|
131
|
+
}
|
|
132
|
+
.android-ics.light .dw {
|
|
133
|
+
background: #f5f5f5;
|
|
134
|
+
}
|
|
135
|
+
.android-ics.light .dww li {
|
|
136
|
+
color: #000;
|
|
137
|
+
}
|
|
138
|
+
.android-ics.light .dwwo {
|
|
139
|
+
background: linear-gradient(#f5f5f5 0%,rgba(245,245,245,0) 52%, rgba(245,245,245,0) 48%, #f5f5f5 100%);
|
|
140
|
+
background: -webkit-gradient(linear,left bottom,left top,from(#f5f5f5),color-stop(0.52, rgba(245,245,245,0)),color-stop(0.48, rgba(245,245,245,0)),to(#f5f5f5));
|
|
141
|
+
background: -moz-linear-gradient(#f5f5f5 0%,rgba(245,245,245,0) 52%, rgba(245,245,245,0) 48%, #f5f5f5 100%);
|
|
142
|
+
background: -o-linear-gradient(#f5f5f5 0%,rgba(245,245,245,0) 52%, rgba(245,245,245,0) 48%, #f5f5f5 100%);
|
|
143
|
+
}
|
|
144
|
+
.android-ics.light .dw .dwwb {
|
|
145
|
+
background: #f5f5f5;
|
|
146
|
+
color: #f5f5f5;
|
|
147
|
+
}
|
|
148
|
+
.android-ics.light .dwbc {
|
|
149
|
+
border-top: 1px solid #dbdbdb;
|
|
150
|
+
}
|
|
151
|
+
.android-ics.light .dwb {
|
|
152
|
+
color: #000;
|
|
153
|
+
}
|
|
154
|
+
.android-ics.light .dwb-a {
|
|
155
|
+
color: #fff;
|
|
156
|
+
}
|
|
157
|
+
.android-ics.light .dwb-s .dwb, .android-ics.light .dwb-n .dwb {
|
|
158
|
+
border-right: 1px solid #dbdbdb;
|
|
159
|
+
}
|
|
160
|
+
/* Bubble positioning */
|
|
161
|
+
.android-ics .dw-bubble-bottom .dw-arr {
|
|
162
|
+
border-color: transparent transparent #292829 transparent;
|
|
163
|
+
}
|
|
164
|
+
.android-ics .dw-bubble-top .dw-arr {
|
|
165
|
+
border-color: #292829 transparent transparent transparent;
|
|
166
|
+
}
|
|
167
|
+
/* Bubble positioning */
|
|
168
|
+
.android-ics.light .dw-bubble-bottom .dw-arr {
|
|
169
|
+
border-color: transparent transparent #f5f5f5 transparent;
|
|
170
|
+
}
|
|
171
|
+
.android-ics.light .dw-bubble-top .dw-arr {
|
|
172
|
+
border-color: #f5f5f5 transparent transparent transparent;
|
|
173
|
+
}
|
|
@@ -0,0 +1,90 @@
|
|
|
1
|
+
/* Android Skin */
|
|
2
|
+
.android .dw {
|
|
3
|
+
padding: 0;
|
|
4
|
+
background: #000;
|
|
5
|
+
border: 2px solid #555;
|
|
6
|
+
color: #fff;
|
|
7
|
+
}
|
|
8
|
+
.android .dwv {
|
|
9
|
+
padding: 10px;
|
|
10
|
+
border-bottom: 1px solid #333;
|
|
11
|
+
}
|
|
12
|
+
.android .dwwr {
|
|
13
|
+
padding: 0;
|
|
14
|
+
}
|
|
15
|
+
.android .dww {
|
|
16
|
+
top: 0;
|
|
17
|
+
}
|
|
18
|
+
.android .dwwc {
|
|
19
|
+
background: #000;
|
|
20
|
+
}
|
|
21
|
+
.android .dwc {
|
|
22
|
+
padding-top: 8px;
|
|
23
|
+
}
|
|
24
|
+
.android .dw .dwpm .dwwl {
|
|
25
|
+
margin: 4px 1px;
|
|
26
|
+
border: 1px solid #9C9C9C;
|
|
27
|
+
}
|
|
28
|
+
.android .dw .dwpm .dww {
|
|
29
|
+
border: 0;
|
|
30
|
+
background: #fff;
|
|
31
|
+
}
|
|
32
|
+
.android .dw .dwpm .dww {
|
|
33
|
+
margin: 0;
|
|
34
|
+
}
|
|
35
|
+
.android .dw .dwpm .dwwl {
|
|
36
|
+
margin: 4px 2px;
|
|
37
|
+
border: 0;
|
|
38
|
+
}
|
|
39
|
+
.android .dwpm .dww li {
|
|
40
|
+
color: #000;
|
|
41
|
+
text-shadow: none;
|
|
42
|
+
}
|
|
43
|
+
.android .dwl {
|
|
44
|
+
display: none;
|
|
45
|
+
}
|
|
46
|
+
.android .dwbc {
|
|
47
|
+
padding: 5px 1px;
|
|
48
|
+
background: #9c9c9c;
|
|
49
|
+
}
|
|
50
|
+
.android .dw .dwb {
|
|
51
|
+
margin: 0 5px;
|
|
52
|
+
background: #ccc;
|
|
53
|
+
background: linear-gradient(#eee,#ccc);
|
|
54
|
+
background: -webkit-gradient(linear,left bottom,left top,from(#ccc),to(#eee));
|
|
55
|
+
background: -moz-linear-gradient(#eee,#ccc);
|
|
56
|
+
background: -o-linear-gradient(#eee,#ccc);
|
|
57
|
+
color: #000;
|
|
58
|
+
font-weight: normal;
|
|
59
|
+
text-shadow: none;
|
|
60
|
+
border-radius: 0;
|
|
61
|
+
-moz-border-radius: 0;
|
|
62
|
+
-webkit-border-radius: 0;
|
|
63
|
+
}
|
|
64
|
+
.android .dw .dwb-a, .android .dw .dwwl .dwb-a {
|
|
65
|
+
background: #ffb25a;
|
|
66
|
+
background: linear-gradient(#ffb25a,#ef6100);
|
|
67
|
+
background: -webkit-gradient(linear,left bottom,left top,from(#ef6100),to(#ffb25a));
|
|
68
|
+
background: -moz-linear-gradient(#ffb25a,#ef6100);
|
|
69
|
+
background: -o-linear-gradient(#ffb25a,#ef6100);
|
|
70
|
+
}
|
|
71
|
+
/* Bubble positioning */
|
|
72
|
+
.android .dw-bubble-bottom .dw-arr
|
|
73
|
+
{
|
|
74
|
+
border-color: transparent transparent #000 transparent;
|
|
75
|
+
}
|
|
76
|
+
.android .dw-bubble-top .dw-arr
|
|
77
|
+
{
|
|
78
|
+
border-color: #9c9c9c transparent transparent transparent;
|
|
79
|
+
}
|
|
80
|
+
/* Docked */
|
|
81
|
+
.android.dw-top .dw {
|
|
82
|
+
border-right: 0;
|
|
83
|
+
border-top: 0;
|
|
84
|
+
border-left: 0;
|
|
85
|
+
}
|
|
86
|
+
.android.dw-bottom .dw {
|
|
87
|
+
border-bottom: 0;
|
|
88
|
+
border-right: 0;
|
|
89
|
+
border-left: 0;
|
|
90
|
+
}
|
|
@@ -0,0 +1,349 @@
|
|
|
1
|
+
/* Datewheel overlay */
|
|
2
|
+
.dw {
|
|
3
|
+
position: absolute;
|
|
4
|
+
top: 5%;
|
|
5
|
+
left: 0;
|
|
6
|
+
z-index: 1001;
|
|
7
|
+
color: #000;
|
|
8
|
+
font-family: arial, verdana, sans-serif;
|
|
9
|
+
font-size: 12px;
|
|
10
|
+
text-shadow: none;
|
|
11
|
+
box-sizing: border-box;
|
|
12
|
+
-webkit-box-sizing: border-box;
|
|
13
|
+
-moz-box-sizing: border-box;
|
|
14
|
+
-webkit-user-select: none;
|
|
15
|
+
-moz-user-select: none;
|
|
16
|
+
-ms-user-select: none;
|
|
17
|
+
-ms-touch-action: none;
|
|
18
|
+
}
|
|
19
|
+
.dwi {
|
|
20
|
+
position: static;
|
|
21
|
+
margin: 5px;
|
|
22
|
+
display: inline-block;
|
|
23
|
+
}
|
|
24
|
+
.dwwr {
|
|
25
|
+
min-width: 170px;
|
|
26
|
+
zoom: 1;
|
|
27
|
+
padding: 0 10px;
|
|
28
|
+
text-align: center;
|
|
29
|
+
}
|
|
30
|
+
/* Datewheel overlay background */
|
|
31
|
+
.dwo {
|
|
32
|
+
width: 100%;
|
|
33
|
+
background: #000;
|
|
34
|
+
position: absolute;
|
|
35
|
+
top: 0;
|
|
36
|
+
left: 0;
|
|
37
|
+
z-index: 1000;
|
|
38
|
+
opacity: .7;
|
|
39
|
+
filter: Alpha(Opacity=70);
|
|
40
|
+
}
|
|
41
|
+
/* Bubble positionings */
|
|
42
|
+
.dw-bubble-bottom {
|
|
43
|
+
margin-top: 18px;
|
|
44
|
+
}
|
|
45
|
+
.dw-bubble-top {
|
|
46
|
+
margin-top: -18px;
|
|
47
|
+
}
|
|
48
|
+
.dw-bubble .dw-arrw {
|
|
49
|
+
position: absolute;
|
|
50
|
+
left: 0;
|
|
51
|
+
width: 100%;
|
|
52
|
+
}
|
|
53
|
+
.dw-bubble-top .dw-arrw {
|
|
54
|
+
bottom: -36px;
|
|
55
|
+
}
|
|
56
|
+
.dw-bubble-bottom .dw-arrw {
|
|
57
|
+
top: -36px;
|
|
58
|
+
}
|
|
59
|
+
.dw-bubble .dw-arrw-i {
|
|
60
|
+
margin: 0 30px;
|
|
61
|
+
position: relative;
|
|
62
|
+
height: 36px;
|
|
63
|
+
}
|
|
64
|
+
.dw-bubble .dw-arr {
|
|
65
|
+
display: block;
|
|
66
|
+
}
|
|
67
|
+
.dw-arr {
|
|
68
|
+
display: none;
|
|
69
|
+
position: absolute;
|
|
70
|
+
left: 0;
|
|
71
|
+
width: 0;
|
|
72
|
+
height: 0;
|
|
73
|
+
border-width: 18px 18px;
|
|
74
|
+
border-style: solid;
|
|
75
|
+
margin-left: -18px;
|
|
76
|
+
}
|
|
77
|
+
.dw-bubble-bottom .dw-arr {
|
|
78
|
+
top: 0;
|
|
79
|
+
border-color: transparent transparent #fff transparent;
|
|
80
|
+
}
|
|
81
|
+
.dw-bubble-top .dw-arr {
|
|
82
|
+
bottom: 0;
|
|
83
|
+
border-color: #fff transparent transparent transparent;
|
|
84
|
+
}
|
|
85
|
+
/* Datewheel wheel container wrapper */
|
|
86
|
+
.dwc {
|
|
87
|
+
float: none;
|
|
88
|
+
margin: 0 2px 5px 2px;
|
|
89
|
+
padding-top: 30px;
|
|
90
|
+
display: inline-block;
|
|
91
|
+
}
|
|
92
|
+
.dwcc {
|
|
93
|
+
clear: both;
|
|
94
|
+
}
|
|
95
|
+
/* Datewheel label */
|
|
96
|
+
.dwl {
|
|
97
|
+
text-align: center;
|
|
98
|
+
line-height: 30px;
|
|
99
|
+
height: 30px;
|
|
100
|
+
white-space: nowrap;
|
|
101
|
+
position: absolute;
|
|
102
|
+
top: -30px;
|
|
103
|
+
width: 100%;
|
|
104
|
+
}
|
|
105
|
+
/* Datewheel value */
|
|
106
|
+
.dwv {
|
|
107
|
+
padding: 10px 0;
|
|
108
|
+
border-bottom: 1px solid #000;
|
|
109
|
+
}
|
|
110
|
+
/* Datewheel wheel container */
|
|
111
|
+
.dwrc {
|
|
112
|
+
-webkit-border-radius: 3px;
|
|
113
|
+
border-radius: 3px;
|
|
114
|
+
}
|
|
115
|
+
.dwwc {
|
|
116
|
+
margin: 0;
|
|
117
|
+
padding: 0 2px;
|
|
118
|
+
position: relative;
|
|
119
|
+
background: #000;
|
|
120
|
+
zoom: 1;
|
|
121
|
+
}
|
|
122
|
+
/* Datewheel wheels */
|
|
123
|
+
.dwwl {
|
|
124
|
+
margin: 4px 2px;
|
|
125
|
+
position: relative;
|
|
126
|
+
background: #888;
|
|
127
|
+
background: linear-gradient(#000 0%,#333 35%, #888 50%,#333 65%,#000 100%);
|
|
128
|
+
background: -webkit-gradient(linear,left bottom,left top,from(#000),color-stop(0.35, #333),color-stop(0.50, #888),color-stop(0.65, #333),to(#000));
|
|
129
|
+
background: -moz-linear-gradient(#000 0%,#333 35%, #888 50%,#333 65%,#000 100%);
|
|
130
|
+
background: -o-linear-gradient(#000 0%,#333 35%, #888 50%,#333 65%,#000 100%);
|
|
131
|
+
z-index: 5;
|
|
132
|
+
}
|
|
133
|
+
.dww {
|
|
134
|
+
margin: 0 2px;
|
|
135
|
+
overflow: hidden;
|
|
136
|
+
position: relative;
|
|
137
|
+
}
|
|
138
|
+
.dwsc .dww {
|
|
139
|
+
color: #fff;
|
|
140
|
+
background: #444;
|
|
141
|
+
background: linear-gradient(#000 0%,#444 45%, #444 55%, #000 100%);
|
|
142
|
+
background: -webkit-gradient(linear,left bottom,left top,from(#000),color-stop(0.45, #444),color-stop(0.55, #444),to(#000));
|
|
143
|
+
background: -moz-linear-gradient(#000 0%,#444 45%, #444 55%, #000 100%);
|
|
144
|
+
background: -o-linear-gradient(#000 0%,#444 45%, #444 55%, #000 100%);
|
|
145
|
+
}
|
|
146
|
+
.dww ul {
|
|
147
|
+
list-style: none;
|
|
148
|
+
margin: 0;
|
|
149
|
+
padding: 0;
|
|
150
|
+
position: relative;
|
|
151
|
+
z-index: 2;
|
|
152
|
+
}
|
|
153
|
+
.dww li {
|
|
154
|
+
list-style: none;
|
|
155
|
+
margin: 0;
|
|
156
|
+
padding: 0 5px;
|
|
157
|
+
display: block;
|
|
158
|
+
text-align: center;
|
|
159
|
+
line-height: 40px;
|
|
160
|
+
font-size: 26px;
|
|
161
|
+
white-space: nowrap;
|
|
162
|
+
text-shadow: 0 1px 1px #000;
|
|
163
|
+
vertical-align: bottom;
|
|
164
|
+
opacity: .3;
|
|
165
|
+
filter: Alpha(Opacity=30);
|
|
166
|
+
}
|
|
167
|
+
/* Higlighted */
|
|
168
|
+
.dww li.dw-hl {
|
|
169
|
+
background: #fff;
|
|
170
|
+
background: rgba(255,255,255,.3);
|
|
171
|
+
}
|
|
172
|
+
/* Valid entry */
|
|
173
|
+
.dww li.dw-v {
|
|
174
|
+
opacity: 1;
|
|
175
|
+
filter: Alpha(Opacity=100);
|
|
176
|
+
}
|
|
177
|
+
/* Hidden entry */
|
|
178
|
+
.dww li.dw-h {
|
|
179
|
+
visibility: hidden;
|
|
180
|
+
}
|
|
181
|
+
.dw-i {
|
|
182
|
+
position: relative;
|
|
183
|
+
height: 100%;
|
|
184
|
+
}
|
|
185
|
+
/* Wheel +/- buttons */
|
|
186
|
+
.dwwb {
|
|
187
|
+
position: absolute;
|
|
188
|
+
z-index: 4;
|
|
189
|
+
left: 0;
|
|
190
|
+
cursor: pointer;
|
|
191
|
+
width: 100%;
|
|
192
|
+
height: 40px;
|
|
193
|
+
text-align: center;
|
|
194
|
+
opacity: 1;
|
|
195
|
+
transition: opacity .2s linear;
|
|
196
|
+
-webkit-transition: opacity .2s linear;
|
|
197
|
+
}
|
|
198
|
+
.dwa .dwwb {
|
|
199
|
+
opacity: 0;
|
|
200
|
+
}
|
|
201
|
+
.dwwbp {
|
|
202
|
+
top: 0;
|
|
203
|
+
-webkit-border-radius: 3px 3px 0 0;
|
|
204
|
+
border-radius: 3px 3px 0 0;
|
|
205
|
+
font-size: 40px;
|
|
206
|
+
}
|
|
207
|
+
.dwwbm {
|
|
208
|
+
bottom: 0;
|
|
209
|
+
-webkit-border-radius: 0 0 3px 3px;
|
|
210
|
+
border-radius: 0 0 3px 3px;
|
|
211
|
+
font-size: 32px;
|
|
212
|
+
font-weight: bold;
|
|
213
|
+
}
|
|
214
|
+
.dwpm .dwwc {
|
|
215
|
+
background: transparent;
|
|
216
|
+
}
|
|
217
|
+
.dwpm .dww {
|
|
218
|
+
margin: -1px;
|
|
219
|
+
}
|
|
220
|
+
.dwpm .dww li {
|
|
221
|
+
text-shadow: none;
|
|
222
|
+
}
|
|
223
|
+
.dwpm .dwwol {
|
|
224
|
+
display: none;
|
|
225
|
+
}
|
|
226
|
+
/* Datewheel wheel overlay */
|
|
227
|
+
.dwwo {
|
|
228
|
+
position: absolute;
|
|
229
|
+
z-index: 3;
|
|
230
|
+
top: 0;
|
|
231
|
+
left: 0;
|
|
232
|
+
width: 100%;
|
|
233
|
+
height: 100%;
|
|
234
|
+
background: linear-gradient(#000 0%,rgba(44,44,44,0) 52%, rgba(44,44,44,0) 48%, #000 100%);
|
|
235
|
+
background: -webkit-gradient(linear,left bottom,left top,from(#000),color-stop(0.52, rgba(44,44,44,0)),color-stop(0.48, rgba(44,44,44,0)),to(#000));
|
|
236
|
+
background: -moz-linear-gradient(#000 0%,rgba(44,44,44,0) 52%, rgba(44,44,44,0) 48%, #000 100%);
|
|
237
|
+
background: -o-linear-gradient(#000 0%,rgba(44,44,44,0) 52%, rgba(44,44,44,0) 48%, #000 100%);
|
|
238
|
+
}
|
|
239
|
+
/* Background line */
|
|
240
|
+
.dwwol {
|
|
241
|
+
position: absolute;
|
|
242
|
+
z-index: 1;
|
|
243
|
+
top: 50%;
|
|
244
|
+
left: 0;
|
|
245
|
+
width: 100%;
|
|
246
|
+
height: 0;
|
|
247
|
+
margin-top: -1px;
|
|
248
|
+
border-top: 1px solid #333;
|
|
249
|
+
border-bottom: 1px solid #555;
|
|
250
|
+
}
|
|
251
|
+
/* Datewheel button */
|
|
252
|
+
.dwbg .dwb {
|
|
253
|
+
cursor: pointer;
|
|
254
|
+
overflow: hidden;
|
|
255
|
+
display: block;
|
|
256
|
+
height: 40px;
|
|
257
|
+
line-height: 40px;
|
|
258
|
+
padding: 0 15px;
|
|
259
|
+
margin: 0 2px;
|
|
260
|
+
font-size: 14px;
|
|
261
|
+
font-weight: bold;
|
|
262
|
+
text-decoration: none;
|
|
263
|
+
text-shadow: 0 -1px 1px #000;
|
|
264
|
+
border-radius: 5px;
|
|
265
|
+
box-shadow: 0 1px 3px rgba(0,0,0,0.5);
|
|
266
|
+
color: #fff;
|
|
267
|
+
background: #000;
|
|
268
|
+
background: linear-gradient(#6e6e6e 50%,#000 50%);
|
|
269
|
+
background: -webkit-gradient(linear,left bottom,left top,color-stop(0.5, #000),color-stop(0.5, #6e6e6e));
|
|
270
|
+
background: -moz-linear-gradient(#6e6e6e 50%,#000 50%);
|
|
271
|
+
background: -o-linear-gradient(#6e6e6e 50%,#000 50%);
|
|
272
|
+
white-space: nowrap;
|
|
273
|
+
text-overflow: ellipsis;
|
|
274
|
+
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
|
|
275
|
+
-webkit-border-radius: 5px;
|
|
276
|
+
}
|
|
277
|
+
/* Datewheel button container */
|
|
278
|
+
.dwbc {
|
|
279
|
+
padding: 5px 0;
|
|
280
|
+
text-align: center;
|
|
281
|
+
clear: both;
|
|
282
|
+
}
|
|
283
|
+
.dwbc:after {
|
|
284
|
+
content: '';
|
|
285
|
+
display: block;
|
|
286
|
+
clear: both;
|
|
287
|
+
}
|
|
288
|
+
/* Datewheel button wrapper */
|
|
289
|
+
.dwbw {
|
|
290
|
+
display: inline-block;
|
|
291
|
+
float: left;
|
|
292
|
+
width: 50%;
|
|
293
|
+
position: relative;
|
|
294
|
+
z-index: 5;
|
|
295
|
+
}
|
|
296
|
+
.dwbc-p .dwbw {
|
|
297
|
+
width: 33%;
|
|
298
|
+
}
|
|
299
|
+
/* Hidden label */
|
|
300
|
+
.dwhl {
|
|
301
|
+
padding-top: 10px;
|
|
302
|
+
}
|
|
303
|
+
.dwhl .dwl {
|
|
304
|
+
display: none;
|
|
305
|
+
}
|
|
306
|
+
/* Backgrounds */
|
|
307
|
+
.dwbg {
|
|
308
|
+
background: #fff;
|
|
309
|
+
border-radius: 3px;
|
|
310
|
+
-webkit-border-radius: 3px;
|
|
311
|
+
}
|
|
312
|
+
.dwbg .dwpm .dww {
|
|
313
|
+
color: #000;
|
|
314
|
+
background: #fff;
|
|
315
|
+
border: 1px solid #AAA;
|
|
316
|
+
}
|
|
317
|
+
.dwbg .dwwb {
|
|
318
|
+
background: #ccc;
|
|
319
|
+
color: #888;
|
|
320
|
+
text-shadow: 0 -1px 1px #333;
|
|
321
|
+
box-shadow: 0 0 5px #333;
|
|
322
|
+
-webkit-box-shadow: 0 0 5px #333;
|
|
323
|
+
}
|
|
324
|
+
.dwbg .dwwbp {
|
|
325
|
+
background: linear-gradient(#f7f7f7,#bdbdbd);
|
|
326
|
+
background: -webkit-gradient(linear,left bottom,left top,from(#bdbdbd),to(#f7f7f7));
|
|
327
|
+
background: -moz-linear-gradient(#f7f7f7,#bdbdbd);
|
|
328
|
+
background: -o-linear-gradient(#f7f7f7,#bdbdbd);
|
|
329
|
+
}
|
|
330
|
+
.dwbg .dwwbm {
|
|
331
|
+
background: linear-gradient(#bdbdbd,#f7f7f7);
|
|
332
|
+
background: -webkit-gradient(linear,left bottom,left top,from(#f7f7f7),to(#bdbdbd));
|
|
333
|
+
background: -moz-linear-gradient(#bdbdbd,#f7f7f7);
|
|
334
|
+
background: -o-linear-gradient(#bdbdbd,#f7f7f7);
|
|
335
|
+
}
|
|
336
|
+
.dwbg .dwb-a {
|
|
337
|
+
background: #3c7500;
|
|
338
|
+
background: linear-gradient(#94c840 50%,#3c7500 50%);
|
|
339
|
+
background: -webkit-gradient(linear,left bottom,left top,color-stop(0.5, #3c7500),color-stop(0.5, #94c840));
|
|
340
|
+
background: -moz-linear-gradient(#94c840 50%,#3c7500 50%);
|
|
341
|
+
background: -o-linear-gradient(#94c840 50%,#3c7500 50%);
|
|
342
|
+
}
|
|
343
|
+
.dwbg .dwwl .dwb-a {
|
|
344
|
+
background: #3c7500;
|
|
345
|
+
background: linear-gradient(#94c840,#3c7500);
|
|
346
|
+
background: -webkit-gradient(linear,left bottom,left top,from(#3c7500),to(#94c840));
|
|
347
|
+
background: -moz-linear-gradient(#94c840,#3c7500);
|
|
348
|
+
background: -o-linear-gradient(#94c840,#3c7500);
|
|
349
|
+
}
|