rails-bootstrap-daterangepicker 0.0.1

Sign up to get free protection for your applications and to get access to all the features.
@@ -0,0 +1,255 @@
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 .ranges label {
58
+ color: #333;
59
+ font-size: 11px;
60
+ margin-bottom: 2px;
61
+ text-transform: uppercase;
62
+ text-shadow: 1px 1px 0 #fff;
63
+ }
64
+
65
+ .daterangepicker .ranges input {
66
+ font-size: 11px;
67
+ }
68
+
69
+ .daterangepicker .ranges ul {
70
+ list-style: none;
71
+ margin: 0;
72
+ padding: 0;
73
+ }
74
+
75
+ .daterangepicker .ranges li {
76
+ font-size: 13px;
77
+ background: #f5f5f5;
78
+ border: 1px solid #f5f5f5;
79
+ color: #08c;
80
+ padding: 3px 12px;
81
+ margin-bottom: 8px;
82
+ -webkit-border-radius: 5px;
83
+ -moz-border-radius: 5px;
84
+ border-radius: 5px;
85
+ cursor: pointer;
86
+ }
87
+
88
+ .daterangepicker .ranges li.active, .daterangepicker .ranges li:hover {
89
+ background: #08c;
90
+ border: 1px solid #08c;
91
+ color: #fff;
92
+ }
93
+
94
+ .daterangepicker .calendar-date {
95
+ border: 1px solid #ddd;
96
+ padding: 4px;
97
+ border-radius: 4px;
98
+ background: #fff;
99
+ }
100
+
101
+ .daterangepicker .calendar-time {
102
+ text-align: center;
103
+ margin: 8px auto 0 auto;
104
+ line-height: 30px;
105
+ }
106
+
107
+ .daterangepicker {
108
+ position: absolute;
109
+ background: #fff;
110
+ top: 100px;
111
+ left: 20px;
112
+ padding: 4px;
113
+ margin-top: 1px;
114
+ -webkit-border-radius: 4px;
115
+ -moz-border-radius: 4px;
116
+ border-radius: 4px;
117
+ }
118
+
119
+ .daterangepicker.opensleft:before {
120
+ position: absolute;
121
+ top: -7px;
122
+ right: 9px;
123
+ display: inline-block;
124
+ border-right: 7px solid transparent;
125
+ border-bottom: 7px solid #ccc;
126
+ border-left: 7px solid transparent;
127
+ border-bottom-color: rgba(0, 0, 0, 0.2);
128
+ content: '';
129
+ }
130
+
131
+ .daterangepicker.opensleft:after {
132
+ position: absolute;
133
+ top: -6px;
134
+ right: 10px;
135
+ display: inline-block;
136
+ border-right: 6px solid transparent;
137
+ border-bottom: 6px solid #fff;
138
+ border-left: 6px solid transparent;
139
+ content: '';
140
+ }
141
+
142
+ .daterangepicker.opensright:before {
143
+ position: absolute;
144
+ top: -7px;
145
+ left: 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.opensright:after {
155
+ position: absolute;
156
+ top: -6px;
157
+ left: 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 table {
166
+ width: 100%;
167
+ margin: 0;
168
+ }
169
+
170
+ .daterangepicker td, .daterangepicker th {
171
+ text-align: center;
172
+ width: 20px;
173
+ height: 20px;
174
+ -webkit-border-radius: 4px;
175
+ -moz-border-radius: 4px;
176
+ border-radius: 4px;
177
+ cursor: pointer;
178
+ white-space: nowrap;
179
+ }
180
+
181
+ .daterangepicker td.off {
182
+ color: #999;
183
+ }
184
+
185
+ .daterangepicker td.disabled {
186
+ color: #999;
187
+ }
188
+
189
+ .daterangepicker td.available:hover, .daterangepicker th.available:hover {
190
+ background: #eee;
191
+ }
192
+
193
+ .daterangepicker td.in-range {
194
+ background: #ebf4f8;
195
+ -webkit-border-radius: 0;
196
+ -moz-border-radius: 0;
197
+ border-radius: 0;
198
+ }
199
+
200
+ .daterangepicker td.active, .daterangepicker td.active:hover {
201
+ background-color: #006dcc;
202
+ background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
203
+ background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
204
+ background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
205
+ background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
206
+ background-image: -o-linear-gradient(top, #0088cc, #0044cc);
207
+ background-image: linear-gradient(top, #0088cc, #0044cc);
208
+ background-repeat: repeat-x;
209
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
210
+ border-color: #0044cc #0044cc #002a80;
211
+ border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
212
+ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
213
+ color: #fff;
214
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
215
+ }
216
+
217
+ .daterangepicker td.week, .daterangepicker th.week {
218
+ font-size: 80%;
219
+ color: #ccc;
220
+ }
221
+
222
+ .daterangepicker select.monthselect, .daterangepicker select.yearselect {
223
+ font-size: 12px;
224
+ padding: 1px;
225
+ height: auto;
226
+ margin: 0;
227
+ cursor: default;
228
+ }
229
+
230
+ .daterangepicker select.monthselect {
231
+ margin-right: 2%;
232
+ width: 56%;
233
+ }
234
+
235
+ .daterangepicker select.yearselect {
236
+ width: 40%;
237
+ }
238
+
239
+ .daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.ampmselect {
240
+ width: 60px;
241
+ margin-bottom: 0;
242
+ }
243
+
244
+ .daterangepicker_start_input {
245
+ float: left;
246
+ }
247
+
248
+ .daterangepicker_end_input {
249
+ float: left;
250
+ padding-left: 11px
251
+ }
252
+
253
+ .daterangepicker th.month {
254
+ width: auto;
255
+ }
@@ -0,0 +1,266 @@
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 .ranges label {
60
+ color: #333;
61
+ display: block;
62
+ font-size: 11px;
63
+ font-weight: normal;
64
+ height: 20px;
65
+ line-height: 20px;
66
+ margin-bottom: 2px;
67
+ text-shadow: #fff 1px 1px 0px;
68
+ text-transform: uppercase;
69
+ width: 74px;
70
+ }
71
+
72
+ .daterangepicker .ranges input {
73
+ font-size: 11px;
74
+ }
75
+
76
+ .daterangepicker .ranges .input-mini {
77
+ background-color: #eee;
78
+ border: 1px solid #ccc;
79
+ border-radius: 4px;
80
+ color: #555;
81
+ display: block;
82
+ font-size: 11px;
83
+ height: 30px;
84
+ line-height: 30px;
85
+ vertical-align: middle;
86
+ margin: 0 0 10px 0;
87
+ padding: 0 6px;
88
+ width: 74px;
89
+ }
90
+
91
+ .daterangepicker .ranges ul {
92
+ list-style: none;
93
+ margin: 0;
94
+ padding: 0;
95
+ }
96
+
97
+ .daterangepicker .ranges li {
98
+ font-size: 13px;
99
+ background: #f5f5f5;
100
+ border: 1px solid #f5f5f5;
101
+ color: #08c;
102
+ padding: 3px 12px;
103
+ margin-bottom: 8px;
104
+ -webkit-border-radius: 5px;
105
+ -moz-border-radius: 5px;
106
+ border-radius: 5px;
107
+ cursor: pointer;
108
+ }
109
+
110
+ .daterangepicker .ranges li.active, .daterangepicker .ranges li:hover {
111
+ background: #08c;
112
+ border: 1px solid #08c;
113
+ color: #fff;
114
+ }
115
+
116
+ .daterangepicker .calendar-date {
117
+ border: 1px solid #ddd;
118
+ padding: 4px;
119
+ border-radius: 4px;
120
+ background: #fff;
121
+ }
122
+
123
+ .daterangepicker .calendar-time {
124
+ text-align: center;
125
+ margin: 8px auto 0 auto;
126
+ line-height: 30px;
127
+ }
128
+
129
+ .daterangepicker {
130
+ position: absolute;
131
+ background: #fff;
132
+ top: 100px;
133
+ left: 20px;
134
+ padding: 4px;
135
+ margin-top: 1px;
136
+ -webkit-border-radius: 4px;
137
+ -moz-border-radius: 4px;
138
+ border-radius: 4px;
139
+ }
140
+
141
+ .daterangepicker.opensleft:before {
142
+ position: absolute;
143
+ top: -7px;
144
+ right: 9px;
145
+ display: inline-block;
146
+ border-right: 7px solid transparent;
147
+ border-bottom: 7px solid #ccc;
148
+ border-left: 7px solid transparent;
149
+ border-bottom-color: rgba(0, 0, 0, 0.2);
150
+ content: '';
151
+ }
152
+
153
+ .daterangepicker.opensleft:after {
154
+ position: absolute;
155
+ top: -6px;
156
+ right: 10px;
157
+ display: inline-block;
158
+ border-right: 6px solid transparent;
159
+ border-bottom: 6px solid #fff;
160
+ border-left: 6px solid transparent;
161
+ content: '';
162
+ }
163
+
164
+ .daterangepicker.opensright:before {
165
+ position: absolute;
166
+ top: -7px;
167
+ left: 9px;
168
+ display: inline-block;
169
+ border-right: 7px solid transparent;
170
+ border-bottom: 7px solid #ccc;
171
+ border-left: 7px solid transparent;
172
+ border-bottom-color: rgba(0, 0, 0, 0.2);
173
+ content: '';
174
+ }
175
+
176
+ .daterangepicker.opensright:after {
177
+ position: absolute;
178
+ top: -6px;
179
+ left: 10px;
180
+ display: inline-block;
181
+ border-right: 6px solid transparent;
182
+ border-bottom: 6px solid #fff;
183
+ border-left: 6px solid transparent;
184
+ content: '';
185
+ }
186
+
187
+ .daterangepicker table {
188
+ width: 100%;
189
+ margin: 0;
190
+ }
191
+
192
+ .daterangepicker td, .daterangepicker th {
193
+ text-align: center;
194
+ width: 20px;
195
+ height: 20px;
196
+ -webkit-border-radius: 4px;
197
+ -moz-border-radius: 4px;
198
+ border-radius: 4px;
199
+ cursor: pointer;
200
+ white-space: nowrap;
201
+ }
202
+
203
+ .daterangepicker td.off {
204
+ color: #999;
205
+ }
206
+
207
+ .daterangepicker td.disabled {
208
+ color: #999;
209
+ }
210
+
211
+ .daterangepicker td.available:hover, .daterangepicker th.available:hover {
212
+ background: #eee;
213
+ }
214
+
215
+ .daterangepicker td.in-range {
216
+ background: #ebf4f8;
217
+ -webkit-border-radius: 0;
218
+ -moz-border-radius: 0;
219
+ border-radius: 0;
220
+ }
221
+
222
+ .daterangepicker td.active, .daterangepicker td.active:hover {
223
+ background-color: #357ebd;
224
+ border-color: #3071a9;
225
+ color: #fff;
226
+ }
227
+
228
+ .daterangepicker td.week, .daterangepicker th.week {
229
+ font-size: 80%;
230
+ color: #ccc;
231
+ }
232
+
233
+ .daterangepicker select.monthselect, .daterangepicker select.yearselect {
234
+ font-size: 12px;
235
+ padding: 1px;
236
+ height: auto;
237
+ margin: 0;
238
+ cursor: default;
239
+ }
240
+
241
+ .daterangepicker select.monthselect {
242
+ margin-right: 2%;
243
+ width: 56%;
244
+ }
245
+
246
+ .daterangepicker select.yearselect {
247
+ width: 40%;
248
+ }
249
+
250
+ .daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.ampmselect {
251
+ width: 50px;
252
+ margin-bottom: 0;
253
+ }
254
+
255
+ .daterangepicker_start_input {
256
+ float: left;
257
+ }
258
+
259
+ .daterangepicker_end_input {
260
+ float: left;
261
+ padding-left: 11px
262
+ }
263
+
264
+ .daterangepicker th.month {
265
+ width: auto;
266
+ }