xdan-datetimepicker-rails 2.4.1 → 2.4.2

Sign up to get free protection for your applications and to get access to all the features.
Files changed (5) hide show
  1. checksums.yaml +4 -4
  2. data/app/assets/javascripts/jquery.xdan.datetimepicker.js +223 -95
  3. data/app/assets/stylesheets/jquery.xdan.datetimepicker.css +366 -239
  4. data/lib/xdan-datetimepicker-rails/version.rb +1 -1
  5. metadata +3 -3
data/app/assets/stylesheets/jquery.xdan.datetimepicker.css CHANGED
@@ -1,12 +1,12 @@
1
- .xdsoft_datetimepicker{
1
+ .xdsoft_datetimepicker {
2
2
  box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.506);
3
- background: #FFFFFF;
4
- border-bottom: 1px solid #BBBBBB;
5
- border-left: 1px solid #CCCCCC;
6
- border-right: 1px solid #CCCCCC;
7
- border-top: 1px solid #CCCCCC;
8
- color: #333333;
9
- font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
3
+ background: #fff;
4
+ border-bottom: 1px solid #bbb;
5
+ border-left: 1px solid #ccc;
6
+ border-right: 1px solid #ccc;
7
+ border-top: 1px solid #ccc;
8
+ color: #333;
9
+ font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
10
10
  padding: 8px;
11
11
  padding-left: 0;
12
12
  padding-top: 2px;
@@ -14,24 +14,25 @@
14
14
  z-index: 9999;
15
15
  -moz-box-sizing: border-box;
16
16
  box-sizing: border-box;
17
- display:none;
17
+ display: none;
18
18
  }
19
19
 
20
20
  .xdsoft_datetimepicker iframe {
21
- position: absolute;
22
- left: 0;
23
- top: 0;
24
- width: 75px;
25
- height: 210px;
26
- background: transparent;
27
- border:none;
21
+ position: absolute;
22
+ left: 0;
23
+ top: 0;
24
+ width: 75px;
25
+ height: 210px;
26
+ background: transparent;
27
+ border: none;
28
28
  }
29
+
29
30
  /*For IE8 or lower*/
30
31
  .xdsoft_datetimepicker button {
31
- border:none !important;
32
+ border: none !important;
32
33
  }
33
34
 
34
- .xdsoft_noselect{
35
+ .xdsoft_noselect {
35
36
  -webkit-touch-callout: none;
36
37
  -webkit-user-select: none;
37
38
  -khtml-user-select: none;
@@ -40,379 +41,505 @@
40
41
  -o-user-select: none;
41
42
  user-select: none;
42
43
  }
43
- .xdsoft_noselect::selection { background: transparent; }
44
- .xdsoft_noselect::-moz-selection { background: transparent; }
45
- .xdsoft_datetimepicker.xdsoft_inline{
44
+
45
+ .xdsoft_noselect::selection { background: transparent }
46
+ .xdsoft_noselect::-moz-selection { background: transparent }
47
+
48
+ .xdsoft_datetimepicker.xdsoft_inline {
46
49
  display: inline-block;
47
50
  position: static;
48
51
  box-shadow: none;
49
52
  }
50
- .xdsoft_datetimepicker *{
53
+
54
+ .xdsoft_datetimepicker * {
51
55
  -moz-box-sizing: border-box;
52
56
  box-sizing: border-box;
53
57
  padding: 0;
54
58
  margin: 0;
55
59
  }
56
- .xdsoft_datetimepicker .xdsoft_datepicker, .xdsoft_datetimepicker .xdsoft_timepicker{
57
- display:none;
60
+
61
+ .xdsoft_datetimepicker .xdsoft_datepicker, .xdsoft_datetimepicker .xdsoft_timepicker {
62
+ display: none;
58
63
  }
59
- .xdsoft_datetimepicker .xdsoft_datepicker.active, .xdsoft_datetimepicker .xdsoft_timepicker.active{
60
- display:block;
64
+
65
+ .xdsoft_datetimepicker .xdsoft_datepicker.active, .xdsoft_datetimepicker .xdsoft_timepicker.active {
66
+ display: block;
61
67
  }
62
- .xdsoft_datetimepicker .xdsoft_datepicker{
68
+
69
+ .xdsoft_datetimepicker .xdsoft_datepicker {
63
70
  width: 224px;
64
- float:left;
65
- margin-left:8px;
71
+ float: left;
72
+ margin-left: 8px;
66
73
  }
67
- .xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_datepicker{
74
+
75
+ .xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_datepicker {
68
76
  width: 256px;
69
77
  }
70
- .xdsoft_datetimepicker .xdsoft_timepicker{
78
+
79
+ .xdsoft_datetimepicker .xdsoft_timepicker {
71
80
  width: 58px;
72
- float:left;
73
- text-align:center;
74
- margin-left:8px;
81
+ float: left;
82
+ text-align: center;
83
+ margin-left: 8px;
75
84
  margin-top: 0;
76
85
  }
77
- .xdsoft_datetimepicker .xdsoft_datepicker.active+.xdsoft_timepicker{
78
- margin-top:8px;
79
- margin-bottom:3px
86
+
87
+ .xdsoft_datetimepicker .xdsoft_datepicker.active+.xdsoft_timepicker {
88
+ margin-top: 8px;
89
+ margin-bottom: 3px
80
90
  }
81
- .xdsoft_datetimepicker .xdsoft_mounthpicker{
91
+
92
+ .xdsoft_datetimepicker .xdsoft_mounthpicker {
82
93
  position: relative;
83
94
  text-align: center;
84
95
  }
85
96
 
86
97
  .xdsoft_datetimepicker .xdsoft_label i,
87
- .xdsoft_datetimepicker .xdsoft_prev,
88
- .xdsoft_datetimepicker .xdsoft_next,
89
- .xdsoft_datetimepicker .xdsoft_today_button{
98
+ .xdsoft_datetimepicker .xdsoft_prev,
99
+ .xdsoft_datetimepicker .xdsoft_next,
100
+ .xdsoft_datetimepicker .xdsoft_today_button {
90
101
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0NBRjI1NjM0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0NBRjI1NjQ0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDQ0FGMjU2MTQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDQ0FGMjU2MjQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoNEP54AAAIOSURBVHja7Jq9TsMwEMcxrZD4WpBYeKUCe+kTMCACHZh4BFfHO/AAIHZGFhYkBBsSEqxsLCAgXKhbXYOTxh9pfJVP+qutnZ5s/5Lz2Y5I03QhWji2GIcgAokWgfCxNvcOCCGKqiSqhUp0laHOne05vdEyGMfkdxJDVjgwDlEQgYQBgx+ULJaWSXXS6r/ER5FBVR8VfGftTKcITNs+a1XpcFoExREIDF14AVIFxgQUS+h520cdud6wNkC0UBw6BCO/HoCYwBhD8QCkQ/x1mwDyD4plh4D6DDV0TAGyo4HcawLIBBSLDkHeH0Mg2yVP3l4TQMZQDDsEOl/MgHQqhMNuE0D+oBh0CIr8MAKyazBH9WyBuKxDWgbXfjNf32TZ1KWm/Ap1oSk/R53UtQ5xTh3LUlMmT8gt6g51Q9p+SobxgJQ/qmsfZhWywGFSl0yBjCLJCMgXail3b7+rumdVJ2YRss4cN+r6qAHDkPWjPjdJCF4n9RmAD/V9A/Wp4NQassDjwlB6XBiCxcJQWmZZb8THFilfy/lfrTvLghq2TqTHrRMTKNJ0sIhdo15RT+RpyWwFdY96UZ/LdQKBGjcXpcc1AlSFEfLmouD+1knuxBDUVrvOBmoOC/rEcN7OQxKVeJTCiAdUzUJhA2Oez9QTkp72OTVcxDcXY8iKNkxGAJXmJCOQwOa6dhyXsOa6XwEGAKdeb5ET3rQdAAAAAElFTkSuQmCC);
91
102
  }
92
103
 
93
- .xdsoft_datetimepicker .xdsoft_label i{
94
- opacity:0.5;
95
- background-position:-92px -19px;
104
+ .xdsoft_datetimepicker .xdsoft_label i {
105
+ opacity: 0.5;
106
+ background-position: -92px -19px;
96
107
  display: inline-block;
97
108
  width: 9px;
98
109
  height: 20px;
99
110
  vertical-align: middle;
100
111
  }
101
112
 
102
- .xdsoft_datetimepicker .xdsoft_prev{
103
- float: left;
104
- background-position:-20px 0;
113
+ .xdsoft_datetimepicker .xdsoft_prev {
114
+ float: left;
115
+ background-position: -20px 0;
105
116
  }
106
- .xdsoft_datetimepicker .xdsoft_today_button{
107
- float: left;
108
- background-position:-70px 0;
109
- margin-left:5px;
117
+ .xdsoft_datetimepicker .xdsoft_today_button {
118
+ float: left;
119
+ background-position: -70px 0;
120
+ margin-left: 5px;
110
121
  }
111
122
 
112
- .xdsoft_datetimepicker .xdsoft_next{
113
- float: right;
123
+ .xdsoft_datetimepicker .xdsoft_next {
124
+ float: right;
114
125
  background-position: 0 0;
115
126
  }
116
127
 
117
- .xdsoft_datetimepicker .xdsoft_next,
118
- .xdsoft_datetimepicker .xdsoft_prev ,
119
- .xdsoft_datetimepicker .xdsoft_today_button{
128
+ .xdsoft_datetimepicker .xdsoft_next,
129
+ .xdsoft_datetimepicker .xdsoft_prev ,
130
+ .xdsoft_datetimepicker .xdsoft_today_button {
120
131
  background-color: transparent;
121
132
  background-repeat: no-repeat;
122
- border: 0 none currentColor;
133
+ border: 0 none;
123
134
  cursor: pointer;
124
135
  display: block;
125
136
  height: 30px;
126
137
  opacity: 0.5;
127
138
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
128
- outline: medium none currentColor;
139
+ outline: medium none;
129
140
  overflow: hidden;
130
141
  padding: 0;
131
142
  position: relative;
132
143
  text-indent: 100%;
133
144
  white-space: nowrap;
134
145
  width: 20px;
146
+ min-width: 0;
135
147
  }
136
- .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev,
137
- .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next{
138
- float:none;
139
- background-position:-40px -15px;
148
+
149
+ .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev,
150
+ .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next {
151
+ float: none;
152
+ background-position: -40px -15px;
140
153
  height: 15px;
141
154
  width: 30px;
142
155
  display: block;
143
- margin-left:14px;
144
- margin-top:7px;
156
+ margin-left: 14px;
157
+ margin-top: 7px;
145
158
  }
146
- .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev{
147
- background-position:-40px 0;
148
- margin-bottom:7px;
159
+
160
+ .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev {
161
+ background-position: -40px 0;
162
+ margin-bottom: 7px;
149
163
  margin-top: 0;
150
164
  }
151
- .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box{
152
- height:151px;
153
- overflow:hidden;
154
- border-bottom:1px solid #DDDDDD;
165
+
166
+ .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box {
167
+ height: 151px;
168
+ overflow: hidden;
169
+ border-bottom: 1px solid #ddd;
155
170
  }
156
- .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div{
157
- background: #F5F5F5;
158
- border-top:1px solid #DDDDDD;
159
- color: #666666;
171
+
172
+ .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div {
173
+ background: #f5f5f5;
174
+ border-top: 1px solid #ddd;
175
+ color: #666;
160
176
  font-size: 12px;
161
177
  text-align: center;
162
- border-collapse:collapse;
163
- cursor:pointer;
178
+ border-collapse: collapse;
179
+ cursor: pointer;
164
180
  border-bottom-width: 0;
165
- height:25px;
166
- line-height:25px;
181
+ height: 25px;
182
+ line-height: 25px;
167
183
  }
168
184
 
169
- .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div > div:first-child{
170
- border-top-width: 0;
185
+ .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div > div:first-child {
186
+ border-top-width: 0;
171
187
  }
172
- .xdsoft_datetimepicker .xdsoft_today_button:hover,
173
- .xdsoft_datetimepicker .xdsoft_next:hover,
174
- .xdsoft_datetimepicker .xdsoft_prev:hover {
175
- opacity: 1;
176
- -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
188
+
189
+ .xdsoft_datetimepicker .xdsoft_today_button:hover,
190
+ .xdsoft_datetimepicker .xdsoft_next:hover,
191
+ .xdsoft_datetimepicker .xdsoft_prev:hover {
192
+ opacity: 1;
193
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
177
194
  }
178
- .xdsoft_datetimepicker .xdsoft_label{
195
+
196
+ .xdsoft_datetimepicker .xdsoft_label {
179
197
  display: inline;
180
- position: relative;
181
- z-index: 9999;
182
- margin: 0;
183
- padding: 5px 3px;
184
- font-size: 14px;
185
- line-height: 20px;
186
- font-weight: bold;
187
- background-color: #fff;
188
- float:left;
189
- width:182px;
190
- text-align:center;
191
- cursor:pointer;
192
- }
193
- .xdsoft_datetimepicker .xdsoft_label:hover>span{
194
- text-decoration:underline;
195
- }
196
- .xdsoft_datetimepicker .xdsoft_label:hover i{
197
- opacity:1.0;
198
- }
199
- .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select{
200
- border:1px solid #ccc;
201
- position:absolute;
198
+ position: relative;
199
+ z-index: 9999;
200
+ margin: 0;
201
+ padding: 5px 3px;
202
+ font-size: 14px;
203
+ line-height: 20px;
204
+ font-weight: bold;
205
+ background-color: #fff;
206
+ float: left;
207
+ width: 182px;
208
+ text-align: center;
209
+ cursor: pointer;
210
+ }
211
+
212
+ .xdsoft_datetimepicker .xdsoft_label:hover>span {
213
+ text-decoration: underline;
214
+ }
215
+
216
+ .xdsoft_datetimepicker .xdsoft_label:hover i {
217
+ opacity: 1.0;
218
+ }
219
+
220
+ .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select {
221
+ border: 1px solid #ccc;
222
+ position: absolute;
202
223
  right: 0;
203
- top:30px;
204
- z-index:101;
205
- display:none;
206
- background:#fff;
207
- max-height:160px;
208
- overflow-y:hidden;
209
- }
210
- .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_monthselect{right:-7px;}
211
- .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_yearselect{right:2px;}
212
- .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover{
224
+ top: 30px;
225
+ z-index: 101;
226
+ display: none;
227
+ background: #fff;
228
+ max-height: 160px;
229
+ overflow-y: hidden;
230
+ }
231
+
232
+ .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_monthselect{ right: -7px }
233
+ .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_yearselect{ right: 2px }
234
+ .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover {
213
235
  color: #fff;
214
- background: #ff8000;
236
+ background: #ff8000;
215
237
  }
216
- .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option{
217
- padding:2px 10px 2px 5px;
218
- text-decoration:none !important;
238
+
239
+ .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option {
240
+ padding: 2px 10px 2px 5px;
241
+ text-decoration: none !important;
219
242
  }
220
- .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current{
221
- background: #33AAFF;
222
- box-shadow: #178FE5 0 1px 3px 0 inset;
223
- color:#fff;
243
+
244
+ .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current {
245
+ background: #33aaff;
246
+ box-shadow: #178fe5 0 1px 3px 0 inset;
247
+ color: #fff;
224
248
  font-weight: 700;
225
249
  }
226
- .xdsoft_datetimepicker .xdsoft_month{
227
- width:100px;
228
- text-align:right;
250
+
251
+ .xdsoft_datetimepicker .xdsoft_month {
252
+ width: 100px;
253
+ text-align: right;
229
254
  }
230
- .xdsoft_datetimepicker .xdsoft_calendar{
231
- clear:both;
255
+
256
+ .xdsoft_datetimepicker .xdsoft_calendar {
257
+ clear: both;
232
258
  }
233
- .xdsoft_datetimepicker .xdsoft_year{
259
+
260
+ .xdsoft_datetimepicker .xdsoft_year{
234
261
  width: 48px;
235
262
  margin-left: 5px;
236
263
  }
237
- .xdsoft_datetimepicker .xdsoft_calendar table{
238
- border-collapse:collapse;
239
- width:100%;
240
-
264
+
265
+ .xdsoft_datetimepicker .xdsoft_calendar table {
266
+ border-collapse: collapse;
267
+ width: 100%;
268
+
241
269
  }
242
- .xdsoft_datetimepicker .xdsoft_calendar td > div{
243
- padding-right:5px;
270
+
271
+ .xdsoft_datetimepicker .xdsoft_calendar td > div {
272
+ padding-right: 5px;
244
273
  }
245
- .xdsoft_datetimepicker .xdsoft_calendar th{
274
+
275
+ .xdsoft_datetimepicker .xdsoft_calendar th {
246
276
  height: 25px;
247
277
  }
248
- .xdsoft_datetimepicker .xdsoft_calendar td,.xdsoft_datetimepicker .xdsoft_calendar th{
249
- width:14.2857142%;
250
- background: #F5F5F5;
251
- border:1px solid #DDDDDD;
252
- color: #666666;
278
+
279
+ .xdsoft_datetimepicker .xdsoft_calendar td,.xdsoft_datetimepicker .xdsoft_calendar th {
280
+ width: 14.2857142%;
281
+ background: #f5f5f5;
282
+ border: 1px solid #ddd;
283
+ color: #666;
253
284
  font-size: 12px;
254
285
  text-align: right;
255
286
  vertical-align: middle;
256
287
  padding: 0;
257
- border-collapse:collapse;
258
- cursor:pointer;
288
+ border-collapse: collapse;
289
+ cursor: pointer;
259
290
  height: 25px;
260
291
  }
261
- .xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar td,.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar th{
262
- width:12.5%;
292
+ .xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar td,.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar th {
293
+ width: 12.5%;
263
294
  }
264
- .xdsoft_datetimepicker .xdsoft_calendar th{
265
- background: #F1F1F1;
295
+
296
+ .xdsoft_datetimepicker .xdsoft_calendar th {
297
+ background: #f1f1f1;
298
+ }
299
+
300
+ .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {
301
+ color: #33aaff;
302
+ }
303
+
304
+ .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_default {
305
+ background: #ffe9d2;
306
+ box-shadow: #ffb871 0 1px 4px 0 inset;
307
+ color: #000;
266
308
  }
267
- .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today{
268
- color:#33AAFF;
309
+ .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_mint {
310
+ background: #c1ffc9;
311
+ box-shadow: #00dd1c 0 1px 4px 0 inset;
312
+ color: #000;
269
313
  }
270
- .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
271
- .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
272
- .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_current{
273
- background: #33AAFF;
274
- box-shadow: #178FE5 0 1px 3px 0 inset;
275
- color:#fff;
314
+
315
+ .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
316
+ .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
317
+ .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_current {
318
+ background: #33aaff;
319
+ box-shadow: #178fe5 0 1px 3px 0 inset;
320
+ color: #fff;
276
321
  font-weight: 700;
277
322
  }
278
- .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month,
279
- .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled,
280
- .xdsoft_datetimepicker .xdsoft_time_box >div >div.xdsoft_disabled{
281
- opacity:0.5;
323
+
324
+ .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month,
325
+ .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled,
326
+ .xdsoft_datetimepicker .xdsoft_time_box >div >div.xdsoft_disabled {
327
+ opacity: 0.5;
282
328
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
329
+ cursor: default;
283
330
  }
284
- .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month.xdsoft_disabled{
285
- opacity:0.2;
331
+
332
+ .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month.xdsoft_disabled {
333
+ opacity: 0.2;
286
334
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
287
335
  }
288
- .xdsoft_datetimepicker .xdsoft_calendar td:hover,
289
- .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div:hover{
336
+
337
+ .xdsoft_datetimepicker .xdsoft_calendar td:hover,
338
+ .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div:hover {
339
+ color: #fff !important;
340
+ background: #ff8000 !important;
341
+ box-shadow: none !important;
342
+ }
343
+
344
+ .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_disabled:hover,
345
+ .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current.xdsoft_disabled:hover {
346
+ background: #33aaff !important;
347
+ box-shadow: #178fe5 0 1px 3px 0 inset !important;
290
348
  color: #fff !important;
291
- background: #ff8000 !important;
292
- box-shadow: none !important;
293
349
  }
294
- .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled:hover,
295
- .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_disabled:hover{
350
+
351
+ .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled:hover,
352
+ .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_disabled:hover {
296
353
  color: inherit !important;
297
- background: inherit !important;
298
- box-shadow: inherit !important;
354
+ background: inherit !important;
355
+ box-shadow: inherit !important;
299
356
  }
300
- .xdsoft_datetimepicker .xdsoft_calendar th{
357
+
358
+ .xdsoft_datetimepicker .xdsoft_calendar th {
301
359
  font-weight: 700;
302
360
  text-align: center;
303
361
  color: #999;
304
- cursor:default;
362
+ cursor: default;
305
363
  }
306
- .xdsoft_datetimepicker .xdsoft_copyright{ color:#ccc !important; font-size:10px;clear:both;float:none;margin-left:8px;}
307
- .xdsoft_datetimepicker .xdsoft_copyright a{ color:#eee !important;}
308
- .xdsoft_datetimepicker .xdsoft_copyright a:hover{ color:#aaa !important;}
309
364
 
365
+ .xdsoft_datetimepicker .xdsoft_copyright {
366
+ color: #ccc !important;
367
+ font-size: 10px;
368
+ clear: both;
369
+ float: none;
370
+ margin-left: 8px;
371
+ }
372
+
373
+ .xdsoft_datetimepicker .xdsoft_copyright a { color: #eee !important }
374
+ .xdsoft_datetimepicker .xdsoft_copyright a:hover { color: #aaa !important }
310
375
 
311
- .xdsoft_time_box{
312
- position:relative;
313
- border:1px solid #ccc;
376
+ .xdsoft_time_box {
377
+ position: relative;
378
+ border: 1px solid #ccc;
314
379
  }
315
- .xdsoft_scrollbar >.xdsoft_scroller{
316
- background:#ccc !important;
317
- height:20px;
318
- border-radius:3px;
380
+ .xdsoft_scrollbar >.xdsoft_scroller {
381
+ background: #ccc !important;
382
+ height: 20px;
383
+ border-radius: 3px;
319
384
  }
320
- .xdsoft_scrollbar{
321
- position:absolute;
322
- width:7px;
385
+ .xdsoft_scrollbar {
386
+ position: absolute;
387
+ width: 7px;
323
388
  right: 0;
324
389
  top: 0;
325
390
  bottom: 0;
326
- cursor:pointer;
391
+ cursor: pointer;
327
392
  }
328
- .xdsoft_scroller_box{
329
- position:relative;
393
+ .xdsoft_scroller_box {
394
+ position: relative;
330
395
  }
331
396
 
332
-
333
- .xdsoft_datetimepicker.xdsoft_dark{
397
+ .xdsoft_datetimepicker.xdsoft_dark {
334
398
  box-shadow: 0 5px 15px -5px rgba(255, 255, 255, 0.506);
335
- background: #000000;
336
- border-bottom: 1px solid #444444;
337
- border-left: 1px solid #333333;
338
- border-right: 1px solid #333333;
339
- border-top: 1px solid #333333;
340
- color: #cccccc;
399
+ background: #000;
400
+ border-bottom: 1px solid #444;
401
+ border-left: 1px solid #333;
402
+ border-right: 1px solid #333;
403
+ border-top: 1px solid #333;
404
+ color: #ccc;
341
405
  }
342
406
 
343
- .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box{
344
- border-bottom:1px solid #222222;
407
+ .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box {
408
+ border-bottom: 1px solid #222;
345
409
  }
346
- .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box >div >div{
410
+ .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box >div >div {
347
411
  background: #0a0a0a;
348
- border-top:1px solid #222222;
349
- color: #999999;
412
+ border-top: 1px solid #222;
413
+ color: #999;
350
414
  }
351
415
 
352
- .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label{
353
- background-color: #000;
416
+ .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label {
417
+ background-color: #000;
354
418
  }
355
- .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select{
356
- border:1px solid #333;
357
- background:#000;
419
+ .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select {
420
+ border: 1px solid #333;
421
+ background: #000;
358
422
  }
359
423
 
360
- .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover{
424
+ .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover {
361
425
  color: #000;
362
- background: #007fff;
426
+ background: #007fff;
363
427
  }
364
428
 
365
- .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current{
429
+ .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current {
366
430
  background: #cc5500;
367
431
  box-shadow: #b03e00 0 1px 3px 0 inset;
368
- color:#000;
432
+ color: #000;
369
433
  }
370
434
 
371
- .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label i,
372
- .xdsoft_datetimepicker.xdsoft_dark .xdsoft_prev,
373
- .xdsoft_datetimepicker.xdsoft_dark .xdsoft_next,
374
- .xdsoft_datetimepicker.xdsoft_dark .xdsoft_today_button{
435
+ .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label i,
436
+ .xdsoft_datetimepicker.xdsoft_dark .xdsoft_prev,
437
+ .xdsoft_datetimepicker.xdsoft_dark .xdsoft_next,
438
+ .xdsoft_datetimepicker.xdsoft_dark .xdsoft_today_button {
375
439
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUExQUUzOTA0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUExQUUzOTE0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBQTFBRTM4RTQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBQTFBRTM4RjQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pp0VxGEAAAIASURBVHja7JrNSgMxEMebtgh+3MSLr1T1Xn2CHoSKB08+QmR8Bx9A8e7RixdB9CKCoNdexIugxFlJa7rNZneTbLIpM/CnNLsdMvNjM8l0mRCiQ9Ye61IKCAgZAUnH+mU3MMZaHYChBnJUDzWOFZdVfc5+ZFLbrWDeXPwbxIqrLLfaeS0hEBVGIRQCEiZoHQwtlGSByCCdYBl8g8egTTAWoKQMRBRBcZxYlhzhKegqMOageErsCHVkk3hXIFooDgHB1KkHIHVgzKB4ADJQ/A1jAFmAYhkQqA5TOBtocrKrgXwQA8gcFIuAIO8sQSA7hidvPwaQGZSaAYHOUWJABhWWw2EMIH9QagQERU4SArJXo0ZZL18uvaxejXt/Em8xjVBXmvFr1KVm/AJ10tRe2XnraNqaJvKE3KHuUbfK1E+VHB0q40/y3sdQSxY4FHWeKJCunP8UyDdqJZenT3ntVV5jIYCAh20vT7ioP8tpf6E2lfEMwERe+whV1MHjwZB7PBiCxcGQWwKZKD62lfGNnP/1poFAA60T7rF1UgcKd2id3KDeUS+oLWV8DfWAepOfq00CgQabi9zjcgJVYVD7PVzQUAUGAQkbNJTBICDhgwYTjDYD6XeW08ZKh+A4pYkzenOxXUbvZcWz7E8ykRMnIHGX1XPl+1m2vPYpL+2qdb8CDAARlKFEz/ZVkAAAAABJRU5ErkJggg==);
376
440
  }
377
441
 
378
- .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td,
379
- .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th{
442
+ .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td,
443
+ .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
380
444
  background: #0a0a0a;
381
- border:1px solid #222222;
382
- color: #999999;
445
+ border: 1px solid #222;
446
+ color: #999;
383
447
  }
384
448
 
385
- .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th{
449
+ .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
386
450
  background: #0e0e0e;
387
451
  }
388
- .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_today{
389
- color:#cc5500;
452
+
453
+ .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_today {
454
+ color: #cc5500;
455
+ }
456
+
457
+ .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_default {
458
+ background: #ffe9d2;
459
+ box-shadow: #ffb871 0 1px 4px 0 inset;
460
+ color:#000;
461
+ }
462
+ .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_mint {
463
+ background: #c1ffc9;
464
+ box-shadow: #00dd1c 0 1px 4px 0 inset;
465
+ color:#000;
390
466
  }
391
- .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default,
392
- .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current,
393
- .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_current{
467
+
468
+ .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default,
469
+ .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current,
470
+ .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_current {
394
471
  background: #cc5500;
395
472
  box-shadow: #b03e00 0 1px 3px 0 inset;
396
- color:#000;
473
+ color: #000;
397
474
  }
398
475
 
399
- .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover,
400
- .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box >div >div:hover{
476
+ .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover,
477
+ .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box >div >div:hover {
401
478
  color: #000 !important;
402
- background: #007fff !important;
479
+ background: #007fff !important;
403
480
  }
404
481
 
405
- .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th{
482
+ .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
406
483
  color: #666;
407
484
  }
408
- .xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright{ color:#333 !important;}
409
- .xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a{ color:#111 !important;}
410
- .xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a:hover{ color:#555 !important;}
411
485
 
486
+ .xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright { color: #333 !important }
487
+ .xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a { color: #111 !important }
488
+ .xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a:hover { color: #555 !important }
412
489
 
413
- .xdsoft_dark .xdsoft_time_box{
414
- border:1px solid #333;
490
+ .xdsoft_dark .xdsoft_time_box {
491
+ border: 1px solid #333;
415
492
  }
416
- .xdsoft_dark .xdsoft_scrollbar >.xdsoft_scroller{
417
- background:#333 !important;
493
+
494
+ .xdsoft_dark .xdsoft_scrollbar >.xdsoft_scroller {
495
+ background: #333 !important;
496
+ }
497
+ .xdsoft_datetimepicker .xdsoft_save_selected {
498
+ display: block;
499
+ border: 1px solid #dddddd !important;
500
+ margin-top: 5px;
501
+ width: 100%;
502
+ color: #454551;
503
+ font-size: 13px;
504
+ }
505
+ .xdsoft_datetimepicker .blue-gradient-button {
506
+ font-family: "museo-sans", "Book Antiqua", sans-serif;
507
+ font-size: 12px;
508
+ font-weight: 300;
509
+ color: #82878c;
510
+ height: 28px;
511
+ position: relative;
512
+ padding: 4px 17px 4px 33px;
513
+ border: 1px solid #d7d8da;
514
+ background: -moz-linear-gradient(top, #fff 0%, #f4f8fa 73%);
515
+ /* FF3.6+ */
516
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(73%, #f4f8fa));
517
+ /* Chrome,Safari4+ */
518
+ background: -webkit-linear-gradient(top, #fff 0%, #f4f8fa 73%);
519
+ /* Chrome10+,Safari5.1+ */
520
+ background: -o-linear-gradient(top, #fff 0%, #f4f8fa 73%);
521
+ /* Opera 11.10+ */
522
+ background: -ms-linear-gradient(top, #fff 0%, #f4f8fa 73%);
523
+ /* IE10+ */
524
+ background: linear-gradient(to bottom, #fff 0%, #f4f8fa 73%);
525
+ /* W3C */
526
+ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#f4f8fa',GradientType=0 );
527
+ /* IE6-9 */
528
+ }
529
+ .xdsoft_datetimepicker .blue-gradient-button:hover, .xdsoft_datetimepicker .blue-gradient-button:focus, .xdsoft_datetimepicker .blue-gradient-button:hover span, .xdsoft_datetimepicker .blue-gradient-button:focus span {
530
+ color: #454551;
531
+ background: -moz-linear-gradient(top, #f4f8fa 0%, #FFF 73%);
532
+ /* FF3.6+ */
533
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f4f8fa), color-stop(73%, #FFF));
534
+ /* Chrome,Safari4+ */
535
+ background: -webkit-linear-gradient(top, #f4f8fa 0%, #FFF 73%);
536
+ /* Chrome10+,Safari5.1+ */
537
+ background: -o-linear-gradient(top, #f4f8fa 0%, #FFF 73%);
538
+ /* Opera 11.10+ */
539
+ background: -ms-linear-gradient(top, #f4f8fa 0%, #FFF 73%);
540
+ /* IE10+ */
541
+ background: linear-gradient(to bottom, #f4f8fa 0%, #FFF 73%);
542
+ /* W3C */
543
+ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f8fa', endColorstr='#FFF',GradientType=0 );
544
+ /* IE6-9 */
418
545
  }