will_pickdate 0.1.6 → 0.1.7

Sign up to get free protection for your applications and to get access to all the features.
@@ -1,3 +1,4 @@
1
+ //= require jquery
1
2
  //= require jquery.mousewheel
2
3
 
3
4
  (function($) {
@@ -0,0 +1,289 @@
1
+ /* default calendar look and feel*/
2
+ .wpd {
3
+ position: absolute;
4
+ width: 208px;
5
+ padding: 5px;
6
+ height: 221px;
7
+ background: #efefef;
8
+ -webkit-box-shadow: 0 0 10px #999;
9
+ -moz-box-shadow: 0 0 10px #999;
10
+ }
11
+
12
+ .wpd .header {
13
+ position: relative;
14
+ margin: -5px -5px 3px -5px;
15
+ }
16
+
17
+
18
+ .wpd .header .next,
19
+ .wpd .header .previous,
20
+ .wpd .header .title{
21
+ display: block;
22
+ white-space: nowrap;
23
+ background: #efefef;
24
+ text-decoration: none;
25
+ text-shadow: 0 1px 0 rgba(255,255,255,.8);
26
+ height: 22px;
27
+ -moz-box-shadow: 0 0 1px 1px rgba(0,0,0,.1) inset, 0 1px 0 rgba(0,0,0,.3);
28
+ -webkit-box-shadow: 0 0 1px 1px rgba(0,0,0,.1) inset, 0 1px 0 rgba(0,0,0,.3);
29
+ box-shadow: 0 0 1px 1px rgba(0,0,0,.1) inset, 0 1px 0 rgba(0,0,0,.3);
30
+ }
31
+
32
+
33
+ .wpd .header .title {
34
+ text-align: center;
35
+ margin: 0px 33px;
36
+ padding: 3px 0 2px;
37
+
38
+
39
+ }
40
+
41
+ .wpd .header .next{
42
+ padding: 1px 5px 1px 4px;
43
+ }
44
+
45
+ .wpd .header .previous{
46
+ padding: 1px 3px 1px 6px;
47
+ }
48
+
49
+
50
+ .wpd .header .disabled,
51
+ .wpd .header .title.disabled:hover,
52
+ .wpd .header .previous.disabled:hover,
53
+ .wpd .header .next.disabled:hover{
54
+ color: #233610;
55
+ background: #efefef;
56
+ cursor: default;
57
+ text-shadow: none;
58
+ box-shadow: 0 0 1px 1px rgba(0,0,0,.1) inset, 0 1px 0 rgba(0,0,0,.3);
59
+ }
60
+
61
+ .wpd .header .next:hover,
62
+ .wpd .header .previous:hover,
63
+ .wpd .header .title:hover{
64
+ background-color: #ddd;
65
+ }
66
+
67
+
68
+ .wpd .header .next:active,
69
+ .wpd .header .previous:active,
70
+ .wpd .header .title:active
71
+ {
72
+ -moz-box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;
73
+ -webkit-box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;
74
+ box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;
75
+ }
76
+
77
+ .wpd .header .title:focus
78
+ {
79
+ outline: 0;
80
+ background: #fafafa;
81
+ }
82
+
83
+ .wpd .header .titleText {
84
+ font-weight: bold;
85
+ font-size: 16px;
86
+ }
87
+ .wpd .header .next,
88
+ .wpd .header .previous,
89
+ .wpd .header .closeButton {
90
+ position: absolute;
91
+ width: 24px;
92
+ text-align: center;
93
+ padding-bottom:4px;
94
+ top: 0px;
95
+ cursor: pointer;
96
+ font-weight: bold;
97
+ font-size: 18px;
98
+ }
99
+ .wpd .header .previous {
100
+ left: 0px;
101
+ }
102
+ .wpd .header .next {
103
+ right: 0px;
104
+ }
105
+ .wpd .header .closeButton {
106
+ display: none;
107
+ right: 5px;
108
+ }
109
+
110
+ .wpd .header .upArrow{
111
+ font-size: 85%;
112
+ vertical-align: 2px;
113
+ padding-left: 5px;
114
+
115
+ }
116
+
117
+ .wpd .body {
118
+ position: relative;
119
+ top: 0px;
120
+ left: 0px;
121
+ width: 208px;
122
+ height: 193px;
123
+ overflow: hidden;
124
+ }
125
+
126
+ .wpd .time {
127
+ width: 100%;
128
+ height: 100%;
129
+ }
130
+
131
+ .wpd .time .hour,
132
+ .wpd .time .separator,
133
+ .wpd .time .minutes,
134
+ .wpd .time .ampm {
135
+ border: 1px solid #ccc;
136
+ background: #fff;
137
+ width: 50px;
138
+ font-size: 32px;
139
+ position: absolute;
140
+ top: 50px;
141
+ text-align: center;
142
+ padding: 2px;
143
+ }
144
+
145
+ .wpd .time .hour,
146
+ .wpd .time .minutes,
147
+ .wpd .time .ampm {
148
+ -moz-border-radius: 10px;
149
+ -khtml-border-radius: 10px;
150
+ -webkit-border-radius: 10px;
151
+ border-radius: 10px;
152
+ }
153
+
154
+ .wpd .time .hour {
155
+ left: 10px;
156
+ }
157
+ .wpd .time .separator {
158
+ background: transparent;
159
+ border: 0;
160
+ width: 10px;
161
+ left: 71px;
162
+ top: 60px;
163
+ }
164
+
165
+ .wpd .time .minutes {
166
+ left: 90px;
167
+ }
168
+
169
+ .wpd .time .ampm {
170
+ left: 150px;
171
+ }
172
+
173
+ .wpd .time .ok {
174
+ position: absolute;
175
+ top: 105px;
176
+ width: 136px;
177
+ left: 30px;
178
+ font-size: 20px;
179
+ }
180
+
181
+ .wpd .days .day {
182
+ float: left;
183
+ cursor: pointer;
184
+ text-align: center;
185
+ padding-top: 4px;
186
+ width: 27px;
187
+ overflow: hidden;
188
+ height: 21px;
189
+ margin: 0 3px 3px 0;
190
+ font-weight: bold;
191
+ }
192
+
193
+ .wpd .days .day0 {
194
+ margin-right: 0;
195
+ }
196
+
197
+ .wpd .days .week5 .day {
198
+ margin-bottom: 0;
199
+ }
200
+
201
+ .wpd .days .title {
202
+ font-weight: 200;
203
+ cursor: default;
204
+ }
205
+
206
+ .wpd .days .otherMonth {
207
+ font-weight: normal;
208
+ }
209
+
210
+ .wpd .months .month {
211
+ float: left;
212
+ cursor: pointer;
213
+ text-align: center;
214
+ overflow: hidden;
215
+ width: 69px;
216
+ height: 31px;
217
+ padding-top: 15px;
218
+ margin: 0 3px 3px 0;
219
+ font-size: 16px;
220
+ }
221
+
222
+ .wpd .months .month3,
223
+ .wpd .months .month6,
224
+ .wpd .months .month9,
225
+ .wpd .months .month12 {
226
+ margin-right: 0;
227
+ width: 64px;
228
+ }
229
+
230
+ .wpd .months .month10,
231
+ .wpd .months .month11,
232
+ .wpd .months .month12 {
233
+ margin-bottom: 0;
234
+ }
235
+
236
+ .wpd .years .year {
237
+ float: left;
238
+ cursor: pointer;
239
+ text-align: center;
240
+ padding-top: 11px;
241
+ width: 50px;
242
+ overflow: hidden;
243
+ height: 25px;
244
+ margin: 0 3px 3px 0;
245
+ font-size: 16px;
246
+ }
247
+
248
+ .wpd .years .year3,
249
+ .wpd .years .year7,
250
+ .wpd .years .year11,
251
+ .wpd .years .year15,
252
+ .wpd .years .year19 {
253
+ margin-right: 0;
254
+ width: 47px;
255
+ }
256
+
257
+ .wpd .years .year16,
258
+ .wpd .years .year17,
259
+ .wpd .years .year18,
260
+ .wpd .years .year19 {
261
+ margin-bottom: 0;
262
+ height: 26px;
263
+ }
264
+
265
+ .wpd .selected {
266
+ background: #000 !important;
267
+ color: #fff !important;
268
+ -moz-border-radius: 10px;
269
+ -khtml-border-radius: 10px;
270
+ -webkit-border-radius: 10px;
271
+ border-radius: 10px;
272
+ }
273
+
274
+ .wpd .unavailable {
275
+ background: #edd !important;
276
+ color: #b88 !important;
277
+ cursor: default !important;
278
+ }
279
+
280
+ .wpd .days .week .day:hover,
281
+ .wpd .months .month:hover,
282
+ .wpd .years .year:hover {
283
+ background: #fff !important;
284
+ color: #000 !important;
285
+ -moz-border-radius: 10px;
286
+ -khtml-border-radius: 10px;
287
+ -webkit-border-radius: 10px;
288
+ border-radius: 10px;
289
+ }
@@ -1,3 +1,3 @@
1
1
  module WillPickdate
2
- VERSION = "0.1.6"
2
+ VERSION = "0.1.7"
3
3
  end
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: will_pickdate
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.1.6
4
+ version: 0.1.7
5
5
  prerelease:
6
6
  platform: ruby
7
7
  authors:
@@ -108,6 +108,7 @@ files:
108
108
  - app/assets/javascripts/index.js
109
109
  - app/assets/javascripts/jquery.mousewheel.js
110
110
  - app/assets/javascripts/will_pickdate.js
111
+ - app/assets/stylesheets/index.css
111
112
  - lib/will_pickdate.rb
112
113
  - lib/will_pickdate/pickdate_builder.rb
113
114
  - lib/will_pickdate/version.rb