daterangepicker-rails 0.0.2

Sign up to get free protection for your applications and to get access to all the features.
@@ -0,0 +1,256 @@
1
+ /*!
2
+ * Stylesheet for the Date Range Picker, for use with Bootstrap 2.x
3
+ *
4
+ * Copyright 2013 Dan Grossman ( http://www.dangrossman.info )
5
+ * Licensed under the Apache License v2.0
6
+ * http://www.apache.org/licenses/LICENSE-2.0
7
+ *
8
+ * Built for http://www.improvely.com
9
+ */
10
+
11
+ .daterangepicker.dropdown-menu {
12
+ max-width: none;
13
+ z-index: 3000;
14
+ }
15
+
16
+ .daterangepicker.opensleft .ranges, .daterangepicker.opensleft .calendar {
17
+ float: left;
18
+ margin: 4px;
19
+ }
20
+
21
+ .daterangepicker.opensright .ranges, .daterangepicker.opensright .calendar {
22
+ float: right;
23
+ margin: 4px;
24
+ }
25
+
26
+ .daterangepicker .ranges {
27
+ width: 160px;
28
+ text-align: left;
29
+ }
30
+
31
+ .daterangepicker .ranges .range_inputs>div {
32
+ float: left;
33
+ }
34
+
35
+ .daterangepicker .ranges .range_inputs>div:nth-child(2) {
36
+ padding-left: 11px;
37
+ }
38
+
39
+ .daterangepicker .calendar {
40
+ display: none;
41
+ max-width: 250px;
42
+ }
43
+ .daterangepicker.show-calendar .calendar {
44
+ display: block;
45
+ }
46
+
47
+ .daterangepicker .calendar.single .calendar-date {
48
+ border: none;
49
+ }
50
+
51
+ .daterangepicker .calendar th, .daterangepicker .calendar td {
52
+ font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
53
+ white-space: nowrap;
54
+ text-align: center;
55
+ }
56
+
57
+ .daterangepicker .daterangepicker_start_input label,
58
+ .daterangepicker .daterangepicker_end_input label {
59
+ color: #333;
60
+ font-size: 11px;
61
+ margin-bottom: 2px;
62
+ text-transform: uppercase;
63
+ text-shadow: 1px 1px 0 #fff;
64
+ }
65
+
66
+ .daterangepicker .ranges input {
67
+ font-size: 11px;
68
+ }
69
+
70
+ .daterangepicker .ranges ul {
71
+ list-style: none;
72
+ margin: 0;
73
+ padding: 0;
74
+ }
75
+
76
+ .daterangepicker .ranges li {
77
+ font-size: 13px;
78
+ background: #f5f5f5;
79
+ border: 1px solid #f5f5f5;
80
+ color: #08c;
81
+ padding: 3px 12px;
82
+ margin-bottom: 8px;
83
+ -webkit-border-radius: 5px;
84
+ -moz-border-radius: 5px;
85
+ border-radius: 5px;
86
+ cursor: pointer;
87
+ }
88
+
89
+ .daterangepicker .ranges li.active, .daterangepicker .ranges li:hover {
90
+ background: #08c;
91
+ border: 1px solid #08c;
92
+ color: #fff;
93
+ }
94
+
95
+ .daterangepicker .calendar-date {
96
+ border: 1px solid #ddd;
97
+ padding: 4px;
98
+ border-radius: 4px;
99
+ background: #fff;
100
+ }
101
+
102
+ .daterangepicker .calendar-time {
103
+ text-align: center;
104
+ margin: 8px auto 0 auto;
105
+ line-height: 30px;
106
+ }
107
+
108
+ .daterangepicker {
109
+ position: absolute;
110
+ background: #fff;
111
+ top: 100px;
112
+ left: 20px;
113
+ padding: 4px;
114
+ margin-top: 1px;
115
+ -webkit-border-radius: 4px;
116
+ -moz-border-radius: 4px;
117
+ border-radius: 4px;
118
+ }
119
+
120
+ .daterangepicker.opensleft:before {
121
+ position: absolute;
122
+ top: -7px;
123
+ right: 9px;
124
+ display: inline-block;
125
+ border-right: 7px solid transparent;
126
+ border-bottom: 7px solid #ccc;
127
+ border-left: 7px solid transparent;
128
+ border-bottom-color: rgba(0, 0, 0, 0.2);
129
+ content: '';
130
+ }
131
+
132
+ .daterangepicker.opensleft:after {
133
+ position: absolute;
134
+ top: -6px;
135
+ right: 10px;
136
+ display: inline-block;
137
+ border-right: 6px solid transparent;
138
+ border-bottom: 6px solid #fff;
139
+ border-left: 6px solid transparent;
140
+ content: '';
141
+ }
142
+
143
+ .daterangepicker.opensright:before {
144
+ position: absolute;
145
+ top: -7px;
146
+ left: 9px;
147
+ display: inline-block;
148
+ border-right: 7px solid transparent;
149
+ border-bottom: 7px solid #ccc;
150
+ border-left: 7px solid transparent;
151
+ border-bottom-color: rgba(0, 0, 0, 0.2);
152
+ content: '';
153
+ }
154
+
155
+ .daterangepicker.opensright:after {
156
+ position: absolute;
157
+ top: -6px;
158
+ left: 10px;
159
+ display: inline-block;
160
+ border-right: 6px solid transparent;
161
+ border-bottom: 6px solid #fff;
162
+ border-left: 6px solid transparent;
163
+ content: '';
164
+ }
165
+
166
+ .daterangepicker table {
167
+ width: 100%;
168
+ margin: 0;
169
+ }
170
+
171
+ .daterangepicker td, .daterangepicker th {
172
+ text-align: center;
173
+ width: 20px;
174
+ height: 20px;
175
+ -webkit-border-radius: 4px;
176
+ -moz-border-radius: 4px;
177
+ border-radius: 4px;
178
+ cursor: pointer;
179
+ white-space: nowrap;
180
+ }
181
+
182
+ .daterangepicker td.off {
183
+ color: #999;
184
+ }
185
+
186
+ .daterangepicker td.disabled {
187
+ color: #999;
188
+ }
189
+
190
+ .daterangepicker td.available:hover, .daterangepicker th.available:hover {
191
+ background: #eee;
192
+ }
193
+
194
+ .daterangepicker td.in-range {
195
+ background: #ebf4f8;
196
+ -webkit-border-radius: 0;
197
+ -moz-border-radius: 0;
198
+ border-radius: 0;
199
+ }
200
+
201
+ .daterangepicker td.active, .daterangepicker td.active:hover {
202
+ background-color: #006dcc;
203
+ background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
204
+ background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
205
+ background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
206
+ background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
207
+ background-image: -o-linear-gradient(top, #0088cc, #0044cc);
208
+ background-image: linear-gradient(top, #0088cc, #0044cc);
209
+ background-repeat: repeat-x;
210
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
211
+ border-color: #0044cc #0044cc #002a80;
212
+ border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
213
+ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
214
+ color: #fff;
215
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
216
+ }
217
+
218
+ .daterangepicker td.week, .daterangepicker th.week {
219
+ font-size: 80%;
220
+ color: #ccc;
221
+ }
222
+
223
+ .daterangepicker select.monthselect, .daterangepicker select.yearselect {
224
+ font-size: 12px;
225
+ padding: 1px;
226
+ height: auto;
227
+ margin: 0;
228
+ cursor: default;
229
+ }
230
+
231
+ .daterangepicker select.monthselect {
232
+ margin-right: 2%;
233
+ width: 56%;
234
+ }
235
+
236
+ .daterangepicker select.yearselect {
237
+ width: 40%;
238
+ }
239
+
240
+ .daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.ampmselect {
241
+ width: 60px;
242
+ margin-bottom: 0;
243
+ }
244
+
245
+ .daterangepicker_start_input {
246
+ float: left;
247
+ }
248
+
249
+ .daterangepicker_end_input {
250
+ float: left;
251
+ padding-left: 11px
252
+ }
253
+
254
+ .daterangepicker th.month {
255
+ width: auto;
256
+ }
@@ -0,0 +1,267 @@
1
+ /*!
2
+ * Stylesheet for the Date Range Picker, for use with Bootstrap 3.x
3
+ *
4
+ * Copyright 2013 Dan Grossman ( http://www.dangrossman.info )
5
+ * Licensed under the Apache License v2.0
6
+ * http://www.apache.org/licenses/LICENSE-2.0
7
+ *
8
+ * Built for http://www.improvely.com
9
+ */
10
+
11
+ .daterangepicker.dropdown-menu {
12
+ max-width: none;
13
+ z-index: 3000;
14
+ }
15
+
16
+ .daterangepicker.opensleft .ranges, .daterangepicker.opensleft .calendar {
17
+ float: left;
18
+ margin: 4px;
19
+ }
20
+
21
+ .daterangepicker.opensright .ranges, .daterangepicker.opensright .calendar {
22
+ float: right;
23
+ margin: 4px;
24
+ }
25
+
26
+ .daterangepicker .ranges {
27
+ width: 160px;
28
+ text-align: left;
29
+ }
30
+
31
+ .daterangepicker .ranges .range_inputs>div {
32
+ float: left;
33
+ }
34
+
35
+ .daterangepicker .ranges .range_inputs>div:nth-child(2) {
36
+ padding-left: 11px;
37
+ }
38
+
39
+ .daterangepicker .calendar {
40
+ display: none;
41
+ max-width: 270px;
42
+ }
43
+
44
+ .daterangepicker.show-calendar .calendar {
45
+ display: block;
46
+ }
47
+
48
+ .daterangepicker .calendar.single .calendar-date {
49
+ border: none;
50
+ }
51
+
52
+ .daterangepicker .calendar th, .daterangepicker .calendar td {
53
+ font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
54
+ white-space: nowrap;
55
+ text-align: center;
56
+ min-width: 32px;
57
+ }
58
+
59
+ .daterangepicker .daterangepicker_start_input label,
60
+ .daterangepicker .daterangepicker_end_input label {
61
+ color: #333;
62
+ display: block;
63
+ font-size: 11px;
64
+ font-weight: normal;
65
+ height: 20px;
66
+ line-height: 20px;
67
+ margin-bottom: 2px;
68
+ text-shadow: #fff 1px 1px 0px;
69
+ text-transform: uppercase;
70
+ width: 74px;
71
+ }
72
+
73
+ .daterangepicker .ranges input {
74
+ font-size: 11px;
75
+ }
76
+
77
+ .daterangepicker .ranges .input-mini {
78
+ background-color: #eee;
79
+ border: 1px solid #ccc;
80
+ border-radius: 4px;
81
+ color: #555;
82
+ display: block;
83
+ font-size: 11px;
84
+ height: 30px;
85
+ line-height: 30px;
86
+ vertical-align: middle;
87
+ margin: 0 0 10px 0;
88
+ padding: 0 6px;
89
+ width: 74px;
90
+ }
91
+
92
+ .daterangepicker .ranges ul {
93
+ list-style: none;
94
+ margin: 0;
95
+ padding: 0;
96
+ }
97
+
98
+ .daterangepicker .ranges li {
99
+ font-size: 13px;
100
+ background: #f5f5f5;
101
+ border: 1px solid #f5f5f5;
102
+ color: #08c;
103
+ padding: 3px 12px;
104
+ margin-bottom: 8px;
105
+ -webkit-border-radius: 5px;
106
+ -moz-border-radius: 5px;
107
+ border-radius: 5px;
108
+ cursor: pointer;
109
+ }
110
+
111
+ .daterangepicker .ranges li.active, .daterangepicker .ranges li:hover {
112
+ background: #08c;
113
+ border: 1px solid #08c;
114
+ color: #fff;
115
+ }
116
+
117
+ .daterangepicker .calendar-date {
118
+ border: 1px solid #ddd;
119
+ padding: 4px;
120
+ border-radius: 4px;
121
+ background: #fff;
122
+ }
123
+
124
+ .daterangepicker .calendar-time {
125
+ text-align: center;
126
+ margin: 8px auto 0 auto;
127
+ line-height: 30px;
128
+ }
129
+
130
+ .daterangepicker {
131
+ position: absolute;
132
+ background: #fff;
133
+ top: 100px;
134
+ left: 20px;
135
+ padding: 4px;
136
+ margin-top: 1px;
137
+ -webkit-border-radius: 4px;
138
+ -moz-border-radius: 4px;
139
+ border-radius: 4px;
140
+ }
141
+
142
+ .daterangepicker.opensleft:before {
143
+ position: absolute;
144
+ top: -7px;
145
+ right: 9px;
146
+ display: inline-block;
147
+ border-right: 7px solid transparent;
148
+ border-bottom: 7px solid #ccc;
149
+ border-left: 7px solid transparent;
150
+ border-bottom-color: rgba(0, 0, 0, 0.2);
151
+ content: '';
152
+ }
153
+
154
+ .daterangepicker.opensleft:after {
155
+ position: absolute;
156
+ top: -6px;
157
+ right: 10px;
158
+ display: inline-block;
159
+ border-right: 6px solid transparent;
160
+ border-bottom: 6px solid #fff;
161
+ border-left: 6px solid transparent;
162
+ content: '';
163
+ }
164
+
165
+ .daterangepicker.opensright:before {
166
+ position: absolute;
167
+ top: -7px;
168
+ left: 9px;
169
+ display: inline-block;
170
+ border-right: 7px solid transparent;
171
+ border-bottom: 7px solid #ccc;
172
+ border-left: 7px solid transparent;
173
+ border-bottom-color: rgba(0, 0, 0, 0.2);
174
+ content: '';
175
+ }
176
+
177
+ .daterangepicker.opensright:after {
178
+ position: absolute;
179
+ top: -6px;
180
+ left: 10px;
181
+ display: inline-block;
182
+ border-right: 6px solid transparent;
183
+ border-bottom: 6px solid #fff;
184
+ border-left: 6px solid transparent;
185
+ content: '';
186
+ }
187
+
188
+ .daterangepicker table {
189
+ width: 100%;
190
+ margin: 0;
191
+ }
192
+
193
+ .daterangepicker td, .daterangepicker th {
194
+ text-align: center;
195
+ width: 20px;
196
+ height: 20px;
197
+ -webkit-border-radius: 4px;
198
+ -moz-border-radius: 4px;
199
+ border-radius: 4px;
200
+ cursor: pointer;
201
+ white-space: nowrap;
202
+ }
203
+
204
+ .daterangepicker td.off {
205
+ color: #999;
206
+ }
207
+
208
+ .daterangepicker td.disabled {
209
+ color: #999;
210
+ }
211
+
212
+ .daterangepicker td.available:hover, .daterangepicker th.available:hover {
213
+ background: #eee;
214
+ }
215
+
216
+ .daterangepicker td.in-range {
217
+ background: #ebf4f8;
218
+ -webkit-border-radius: 0;
219
+ -moz-border-radius: 0;
220
+ border-radius: 0;
221
+ }
222
+
223
+ .daterangepicker td.active, .daterangepicker td.active:hover {
224
+ background-color: #357ebd;
225
+ border-color: #3071a9;
226
+ color: #fff;
227
+ }
228
+
229
+ .daterangepicker td.week, .daterangepicker th.week {
230
+ font-size: 80%;
231
+ color: #ccc;
232
+ }
233
+
234
+ .daterangepicker select.monthselect, .daterangepicker select.yearselect {
235
+ font-size: 12px;
236
+ padding: 1px;
237
+ height: auto;
238
+ margin: 0;
239
+ cursor: default;
240
+ }
241
+
242
+ .daterangepicker select.monthselect {
243
+ margin-right: 2%;
244
+ width: 56%;
245
+ }
246
+
247
+ .daterangepicker select.yearselect {
248
+ width: 40%;
249
+ }
250
+
251
+ .daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.ampmselect {
252
+ width: 50px;
253
+ margin-bottom: 0;
254
+ }
255
+
256
+ .daterangepicker_start_input {
257
+ float: left;
258
+ }
259
+
260
+ .daterangepicker_end_input {
261
+ float: left;
262
+ padding-left: 11px
263
+ }
264
+
265
+ .daterangepicker th.month {
266
+ width: auto;
267
+ }