dashstrap 0.2.3 → 1.0.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.
Files changed (48) hide show
  1. checksums.yaml +4 -4
  2. data/.gitignore +2 -0
  3. data/Gemfile +0 -9
  4. data/Rakefile +0 -5
  5. data/app/assets/javascripts/dashstrap/application.js +5 -1
  6. data/app/assets/javascripts/dashstrap/modules/list-view.js +13 -3
  7. data/app/assets/javascripts/dashstrap/modules/modules.js +2 -2
  8. data/app/assets/stylesheets/dashstrap/dashboard/ltr/application.css +5 -1
  9. data/app/assets/stylesheets/dashstrap/dashboard/rtl/application.css +5 -1
  10. data/app/assets/stylesheets/dashstrap/dashboard/share.scss +1 -1
  11. data/app/assets/stylesheets/dashstrap/ltr/application.css +3 -3
  12. data/app/assets/stylesheets/dashstrap/rtl/application.css +4 -3
  13. data/app/assets/stylesheets/dashstrap/share.scss +39 -1
  14. data/app/assets/stylesheets/dashstrap/variables.scss +5 -0
  15. data/app/views/angular/auth/groups/index.html.slim +1 -3
  16. data/app/views/angular/auth/groups/new.html.slim +12 -0
  17. data/app/views/angular/auth/users/index.html.slim +2 -0
  18. data/app/views/angular/list-view/index.html +12 -11
  19. data/app/views/dashstrap/shared/_content_header.html.slim +14 -0
  20. data/app/views/dashstrap/shared/_header.html.erb +273 -0
  21. data/app/views/dashstrap/shared/_sidebar.html.erb +62 -0
  22. data/app/views/faalis/dashboard/index.html.erb +0 -44
  23. data/app/views/faalis/dashboard/not_found.html.slim +9 -0
  24. data/app/views/faalis/dashboard/not_found.js.erb +1 -0
  25. data/app/views/layouts/faalis/dashboard.html.erb +48 -24
  26. data/config/initializers/assets.rb +1 -0
  27. data/dashstrap.gemspec +4 -5
  28. data/lib/dashstrap/engine.rb +3 -17
  29. data/lib/dashstrap/version.rb +1 -1
  30. data/lib/generators/templates/js/list_view/index.html.erb +1 -1
  31. data/lib/generators/templates/js/list_view/partials/index_controller.js.erb +9 -5
  32. data/vendor/assets/fonts/Lato-Bold.woff +0 -0
  33. data/vendor/assets/fonts/Lato-Bold.woff2 +0 -0
  34. data/vendor/assets/fonts/Lato-Light.woff +0 -0
  35. data/vendor/assets/fonts/Lato-Light.woff2 +0 -0
  36. data/vendor/assets/fonts/Lato-Regular.woff +0 -0
  37. data/vendor/assets/fonts/Lato-Regular.woff2 +0 -0
  38. data/vendor/assets/images/avatar.jpg +0 -0
  39. data/vendor/assets/javascripts/AdminLTE/app.js +929 -593
  40. data/vendor/assets/javascripts/AdminLTE/dashboard.js +11 -12
  41. data/vendor/assets/javascripts/bootstrap-datepicker.js +2286 -0
  42. data/vendor/assets/javascripts/rtl/bootstrap-datepicker.fa.js +245 -0
  43. data/vendor/assets/stylesheets/AdminLTE.css +3 -5
  44. data/vendor/assets/stylesheets/daterangepicker.css +337 -0
  45. data/vendor/assets/stylesheets/fonts.css.erb +20 -0
  46. metadata +33 -30
  47. data/app/views/angular/auth/users/index.html +0 -6
  48. data/vendor/assets/javascripts/ui-bootstrap.js +0 -3799
@@ -0,0 +1,245 @@
1
+ /**
2
+ * Persian translation & Convert to Jalali Calendar for bootstrap-datepicker
3
+ * Rahman Mousavian <mousavian.rahman@gmail.com>
4
+ * Using jQuery Datepicker (Jalali Calendar) By:
5
+ * Mahdi Hasheminezhad. email: hasheminezhad at gmail dot com (http://hasheminezhad.com)
6
+ */
7
+ ;
8
+
9
+ function mod(a, b) {return a - (b * Math.floor(a / b));}
10
+ /*
11
+ JavaScript functions for the Fourmilab Calendar Converter
12
+
13
+ by John Walker -- September, MIM
14
+ http://www.fourmilab.ch/documents/calendar/
15
+
16
+ This program is in the public domain.
17
+ */
18
+ function leap_gregorian(year)
19
+ {
20
+ return ((year % 4) == 0) &&
21
+ (!(((year % 100) == 0) && ((year % 400) != 0)));
22
+ }
23
+ var GREGORIAN_EPOCH = 1721425.5;
24
+ function gregorian_to_jd(year, month, day)
25
+ {
26
+ return (GREGORIAN_EPOCH - 1) +
27
+ (365 * (year - 1)) +
28
+ Math.floor((year - 1) / 4) +
29
+ (-Math.floor((year - 1) / 100)) +
30
+ Math.floor((year - 1) / 400) +
31
+ Math.floor((((367 * month) - 362) / 12) +
32
+ ((month <= 2) ? 0 :
33
+ (leap_gregorian(year) ? -1 : -2)
34
+ ) +
35
+ day);
36
+ }
37
+ function jd_to_gregorian(jd) {
38
+ var wjd, depoch, quadricent, dqc, cent, dcent, quad, dquad,
39
+ yindex, dyindex, year, yearday, leapadj;
40
+
41
+ wjd = Math.floor(jd - 0.5) + 0.5;
42
+ depoch = wjd - GREGORIAN_EPOCH;
43
+ quadricent = Math.floor(depoch / 146097);
44
+ dqc = mod(depoch, 146097);
45
+ cent = Math.floor(dqc / 36524);
46
+ dcent = mod(dqc, 36524);
47
+ quad = Math.floor(dcent / 1461);
48
+ dquad = mod(dcent, 1461);
49
+ yindex = Math.floor(dquad / 365);
50
+ year = (quadricent * 400) + (cent * 100) + (quad * 4) + yindex;
51
+ if (!((cent == 4) || (yindex == 4))) {
52
+ year++;
53
+ }
54
+ yearday = wjd - gregorian_to_jd(year, 1, 1);
55
+ leapadj = ((wjd < gregorian_to_jd(year, 3, 1)) ? 0
56
+ :
57
+ (leap_gregorian(year) ? 1 : 2)
58
+ );
59
+ month = Math.floor((((yearday + leapadj) * 12) + 373) / 367);
60
+ day = (wjd - gregorian_to_jd(year, month, 1)) + 1;
61
+
62
+ return new Array(year, month, day);
63
+ }
64
+
65
+ function leap_islamic(year)
66
+ {
67
+ return (((year * 11) + 14) % 30) < 11;
68
+ }
69
+ var ISLAMIC_EPOCH = 1948439.5;
70
+ function islamic_to_jd(year, month, day)
71
+ {
72
+ return (day +
73
+ Math.ceil(29.5 * (month - 1)) +
74
+ (year - 1) * 354 +
75
+ Math.floor((3 + (11 * year)) / 30) +
76
+ ISLAMIC_EPOCH) - 1;
77
+ }
78
+ function jd_to_islamic(jd)
79
+ {
80
+ var year, month, day;
81
+
82
+ jd = Math.floor(jd) + 0.5;
83
+ year = Math.floor(((30 * (jd - ISLAMIC_EPOCH)) + 10646) / 10631);
84
+ month = Math.min(12,
85
+ Math.ceil((jd - (29 + islamic_to_jd(year, 1, 1))) / 29.5) + 1);
86
+ day = (jd - islamic_to_jd(year, month, 1)) + 1;
87
+ return new Array(year, month, day);
88
+ }
89
+
90
+ function leap_persian(year)
91
+ {
92
+ return ((((((year - ((year > 0) ? 474 : 473)) % 2820) + 474) + 38) * 682) % 2816) < 682;
93
+ }
94
+ var PERSIAN_EPOCH = 1948320.5;
95
+ function persian_to_jd(year, month, day)
96
+ {
97
+ var epbase, epyear;
98
+
99
+ epbase = year - ((year >= 0) ? 474 : 473);
100
+ epyear = 474 + mod(epbase, 2820);
101
+
102
+ return day +
103
+ ((month <= 7) ?
104
+ ((month - 1) * 31) :
105
+ (((month - 1) * 30) + 6)
106
+ ) +
107
+ Math.floor(((epyear * 682) - 110) / 2816) +
108
+ (epyear - 1) * 365 +
109
+ Math.floor(epbase / 2820) * 1029983 +
110
+ (PERSIAN_EPOCH - 1);
111
+ }
112
+ function jd_to_persian(jd)
113
+ {
114
+ var year, month, day, depoch, cycle, cyear, ycycle,
115
+ aux1, aux2, yday;
116
+
117
+
118
+ jd = Math.floor(jd) + 0.5;
119
+
120
+ depoch = jd - persian_to_jd(475, 1, 1);
121
+ cycle = Math.floor(depoch / 1029983);
122
+ cyear = mod(depoch, 1029983);
123
+ if (cyear == 1029982) {
124
+ ycycle = 2820;
125
+ } else {
126
+ aux1 = Math.floor(cyear / 366);
127
+ aux2 = mod(cyear, 366);
128
+ ycycle = Math.floor(((2134 * aux1) + (2816 * aux2) + 2815) / 1028522) +
129
+ aux1 + 1;
130
+ }
131
+ year = ycycle + (2820 * cycle) + 474;
132
+ if (year <= 0) {
133
+ year--;
134
+ }
135
+ yday = (jd - persian_to_jd(year, 1, 1)) + 1;
136
+ month = (yday <= 186) ? Math.ceil(yday / 31) : Math.ceil((yday - 6) / 30);
137
+ day = (jd - persian_to_jd(year, month, 1)) + 1;
138
+ return new Array(year, month, day);
139
+ }
140
+
141
+ function JalaliDate(p0, p1, p2) {
142
+ var gregorianDate;
143
+ var jalaliDate;
144
+
145
+ if (!isNaN(parseInt(p0)) && !isNaN(parseInt(p1)) && !isNaN(parseInt(p2))) {
146
+ var g = jalali_to_gregorian([parseInt(p0, 10), parseInt(p1, 10), parseInt(p2, 10)]);
147
+ setFullDate(new Date(g[0], g[1], g[2]));
148
+ } else {
149
+ setFullDate(p0);
150
+ }
151
+
152
+ function jalali_to_gregorian(d) {
153
+ var adjustDay = 0;
154
+ if(d[1]<0){
155
+ adjustDay = leap_persian(d[0]-1)? 30: 29;
156
+ d[1]++;
157
+ }
158
+ var gregorian = jd_to_gregorian(persian_to_jd(d[0], d[1] + 1, d[2])-adjustDay);
159
+ gregorian[1]--;
160
+ return gregorian;
161
+ }
162
+
163
+ function gregorian_to_jalali(d) {
164
+ var jalali = jd_to_persian(gregorian_to_jd(d[0], d[1] + 1, d[2]));
165
+ jalali[1]--;
166
+ return jalali;
167
+ }
168
+
169
+ function setFullDate(date) {
170
+ if (date && date.getGregorianDate) date = date.getGregorianDate();
171
+ gregorianDate = new Date(date);
172
+ gregorianDate.setHours(gregorianDate.getHours() > 12 ? gregorianDate.getHours() + 2 : 0)
173
+ if (!gregorianDate || gregorianDate == 'Invalid Date' || isNaN(gregorianDate || !gregorianDate.getDate())) {
174
+ gregorianDate = new Date();
175
+ }
176
+ jalaliDate = gregorian_to_jalali([
177
+ gregorianDate.getFullYear(),
178
+ gregorianDate.getMonth(),
179
+ gregorianDate.getDate()]);
180
+ return this;
181
+ }
182
+
183
+ this.getGregorianDate = function() { return gregorianDate; }
184
+
185
+ this.setFullDate = setFullDate;
186
+
187
+ this.setMonth = function(e) {
188
+ jalaliDate[1] = e;
189
+ var g = jalali_to_gregorian(jalaliDate);
190
+ gregorianDate = new Date(g[0], g[1], g[2]);
191
+ jalaliDate = gregorian_to_jalali([g[0], g[1], g[2]]);
192
+ }
193
+
194
+ this.setDate = function(e) {
195
+ jalaliDate[2] = e;
196
+ var g = jalali_to_gregorian(jalaliDate);
197
+ gregorianDate = new Date(g[0], g[1], g[2]);
198
+ jalaliDate = gregorian_to_jalali([g[0], g[1], g[2]]);
199
+ };
200
+
201
+ this.getFullYear = function() { return jalaliDate[0]; };
202
+ this.getMonth = function() { return jalaliDate[1]; };
203
+ this.getDate = function() { return jalaliDate[2]; };
204
+ this.toString = function() { return jalaliDate.join(',').toString(); };
205
+ this.getDay = function() { return gregorianDate.getDay(); };
206
+ this.getHours = function() { return gregorianDate.getHours(); };
207
+ this.getMinutes = function() { return gregorianDate.getMinutes(); };
208
+ this.getSeconds = function() { return gregorianDate.getSeconds(); };
209
+ this.getTime = function() { return gregorianDate.getTime(); };
210
+ this.getTimeZoneOffset = function() { return gregorianDate.getTimeZoneOffset(); };
211
+ this.getYear = function() { return jalaliDate[0] % 100; };
212
+
213
+ this.setHours = function(e) { gregorianDate.setHours(e) };
214
+ this.setMinutes = function(e) { gregorianDate.setMinutes(e) };
215
+ this.setSeconds = function(e) { gregorianDate.setSeconds(e) };
216
+ this.setMilliseconds = function(e) { gregorianDate.setMilliseconds(e) };
217
+ }
218
+
219
+
220
+
221
+
222
+ jQuery(function($){
223
+ $.datepicker.regional['fa'] = {
224
+ calendar: JalaliDate,
225
+ closeText: 'بستن',
226
+ prevText: 'قبل',
227
+ nextText: 'بعد',
228
+ currentText: 'امروز',
229
+ monthNames: ['فروردین','اردیبهشت','خرداد','تیر','مرداد','شهریور','مهر','آبان','آذر','دی','بهمن','اسفند'],
230
+ monthNamesShort: ['فروردین','اردیبهشت','خرداد','تیر','مرداد','شهریور','مهر','آبان','آذر','دی','بهمن','اسفند'],
231
+ dayNames: ['یکشنبه', 'دوشنبه', 'سه شنبه', 'چهارشنبه', 'پنجشنبه', 'جمعه', 'شنبه'],
232
+ dayNamesShort: ['یک', 'دو', 'سه', 'چهار', 'پنج', 'جمعه', 'شنبه'],
233
+ dayNamesMin: ['ی','د','س','چ','پ','ج','ش'],
234
+ weekHeader: 'ه',
235
+ dateFormat: 'dd/mm/yy',
236
+ firstDay: 6,
237
+ isRTL: true,
238
+ showMonthAfterYear: false,
239
+ yearSuffix: '',
240
+ calculateWeek: function(date) {
241
+ var checkDate = new JalaliDate(date.getFullYear(), date.getMonth(), date.getDate() + (date.getDay() || 7) - 3);
242
+ return Math.floor(Math.round((checkDate.getTime() - new JalaliDate(checkDate.getFullYear(), 0, 1).getTime()) / 86400000) / 7) + 1;
243
+ }};
244
+ $.datepicker.setDefaults($.datepicker.regional['fa']);
245
+ });
@@ -1,5 +1,3 @@
1
- @import url(//fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,300italic,400italic,600italic);
2
- @import url(//fonts.googleapis.com/css?family=Kaushan+Script);
3
1
  /*!
4
2
  * AdminLTE v1.2
5
3
  * Author: AlmsaeedStudio.com
@@ -13,7 +11,7 @@
13
11
  html,
14
12
  body {
15
13
  overflow-x: hidden!important;
16
- font-family: 'Source Sans Pro', sans-serif;
14
+ font-family: 'Lato', sans-serif;
17
15
  -webkit-font-smoothing: antialiased;
18
16
  min-height: 100%;
19
17
  background: #f9f9f9;
@@ -128,7 +126,7 @@ h6,
128
126
  .h4,
129
127
  .h5,
130
128
  .h6 {
131
- font-family: 'Source Sans Pro', sans-serif;
129
+ font-family: 'Lato', sans-serif;
132
130
  }
133
131
  /* Page Header */
134
132
  .page-header {
@@ -528,7 +526,7 @@ body > .header .logo {
528
526
  text-align: center;
529
527
  padding: 0 10px;
530
528
  width: 220px;
531
- font-family: 'Kaushan Script', cursive;
529
+ font-family: 'Lato', sans-serif;
532
530
  font-weight: 500;
533
531
  height: 50px;
534
532
  display: block;
@@ -0,0 +1,337 @@
1
+ /**
2
+ * A stylesheet for use with Bootstrap 3.x
3
+ * @author: Dan Grossman http://www.dangrossman.info/
4
+ * @copyright: Copyright (c) 2012-2015 Dan Grossman. All rights reserved.
5
+ * @license: Licensed under the MIT license. See http://www.opensource.org/licenses/mit-license.php
6
+ * @website: https://www.improvely.com/
7
+ */
8
+
9
+ /* Container Appearance */
10
+
11
+ .daterangepicker {
12
+ position: absolute;
13
+ background: #fff;
14
+ top: 100px;
15
+ left: 20px;
16
+ padding: 4px;
17
+ margin-top: 1px;
18
+ border-radius: 4px;
19
+ }
20
+
21
+ .daterangepicker.opensleft:before {
22
+ position: absolute;
23
+ top: -7px;
24
+ right: 9px;
25
+ display: inline-block;
26
+ border-right: 7px solid transparent;
27
+ border-bottom: 7px solid #ccc;
28
+ border-left: 7px solid transparent;
29
+ border-bottom-color: rgba(0, 0, 0, 0.2);
30
+ content: '';
31
+ }
32
+
33
+ .daterangepicker.opensleft:after {
34
+ position: absolute;
35
+ top: -6px;
36
+ right: 10px;
37
+ display: inline-block;
38
+ border-right: 6px solid transparent;
39
+ border-bottom: 6px solid #fff;
40
+ border-left: 6px solid transparent;
41
+ content: '';
42
+ }
43
+
44
+ .daterangepicker.openscenter:before {
45
+ position: absolute;
46
+ top: -7px;
47
+ left: 0;
48
+ right: 0;
49
+ width: 0;
50
+ margin-left: auto;
51
+ margin-right: auto;
52
+ display: inline-block;
53
+ border-right: 7px solid transparent;
54
+ border-bottom: 7px solid #ccc;
55
+ border-left: 7px solid transparent;
56
+ border-bottom-color: rgba(0, 0, 0, 0.2);
57
+ content: '';
58
+ }
59
+
60
+ .daterangepicker.openscenter:after {
61
+ position: absolute;
62
+ top: -6px;
63
+ left: 0;
64
+ right: 0;
65
+ width: 0;
66
+ margin-left: auto;
67
+ margin-right: auto;
68
+ display: inline-block;
69
+ border-right: 6px solid transparent;
70
+ border-bottom: 6px solid #fff;
71
+ border-left: 6px solid transparent;
72
+ content: '';
73
+ }
74
+
75
+ .daterangepicker.opensright:before {
76
+ position: absolute;
77
+ top: -7px;
78
+ left: 9px;
79
+ display: inline-block;
80
+ border-right: 7px solid transparent;
81
+ border-bottom: 7px solid #ccc;
82
+ border-left: 7px solid transparent;
83
+ border-bottom-color: rgba(0, 0, 0, 0.2);
84
+ content: '';
85
+ }
86
+
87
+ .daterangepicker.opensright:after {
88
+ position: absolute;
89
+ top: -6px;
90
+ left: 10px;
91
+ display: inline-block;
92
+ border-right: 6px solid transparent;
93
+ border-bottom: 6px solid #fff;
94
+ border-left: 6px solid transparent;
95
+ content: '';
96
+ }
97
+
98
+ .daterangepicker.dropup{
99
+ margin-top: -5px;
100
+ }
101
+ .daterangepicker.dropup:before{
102
+ top: initial;
103
+ bottom:-7px;
104
+ border-bottom: initial;
105
+ border-top: 7px solid #ccc;
106
+ }
107
+ .daterangepicker.dropup:after{
108
+ top: initial;
109
+ bottom:-6px;
110
+ border-bottom: initial;
111
+ border-top: 6px solid #fff;
112
+ }
113
+
114
+ .daterangepicker.dropdown-menu {
115
+ max-width: none;
116
+ z-index: 3000;
117
+ }
118
+
119
+ .daterangepicker .ranges, .daterangepicker .calendar {
120
+ float: left;
121
+ }
122
+
123
+ .daterangepicker.single .ranges, .daterangepicker.single .calendar {
124
+ float: none;
125
+ }
126
+
127
+ .daterangepicker .ranges {
128
+ margin: 4px;
129
+ text-align: left;
130
+ }
131
+
132
+ .daterangepicker .calendar {
133
+ display: none;
134
+ max-width: 270px;
135
+ }
136
+
137
+ .daterangepicker.show-calendar .calendar {
138
+ display: block;
139
+ }
140
+
141
+ .daterangepicker .calendar.single .calendar-table {
142
+ border: none;
143
+ }
144
+
145
+ /* Calendars */
146
+
147
+ .daterangepicker .calendar th, .daterangepicker .calendar td {
148
+ white-space: nowrap;
149
+ text-align: center;
150
+ min-width: 32px;
151
+ }
152
+
153
+ .daterangepicker .calendar-table {
154
+ border: 1px solid #ddd;
155
+ padding: 4px;
156
+ border-radius: 4px;
157
+ background: #fff;
158
+ }
159
+
160
+ .daterangepicker .calendar.left .calendar-table {
161
+ border-right: none;
162
+ border-top-right-radius: 0;
163
+ border-bottom-right-radius: 0;
164
+ }
165
+
166
+ .daterangepicker .calendar.right .calendar-table {
167
+ border-left: none;
168
+ border-top-left-radius: 0;
169
+ border-bottom-left-radius: 0;
170
+ }
171
+
172
+ .daterangepicker .calendar.left {
173
+ margin: 4px 0 4px 4px;
174
+ }
175
+
176
+ .daterangepicker .calendar.right {
177
+ margin: 4px 4px 4px 0;
178
+ }
179
+
180
+ .daterangepicker .calendar.left .calendar-table {
181
+ padding-right: 12px;
182
+ }
183
+
184
+ .daterangepicker table {
185
+ width: 100%;
186
+ margin: 0;
187
+ }
188
+
189
+ .daterangepicker td, .daterangepicker th {
190
+ text-align: center;
191
+ width: 20px;
192
+ height: 20px;
193
+ border-radius: 4px;
194
+ white-space: nowrap;
195
+ cursor: pointer;
196
+ }
197
+
198
+ .daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date {
199
+ color: #999;
200
+ background: #fff;
201
+ }
202
+
203
+ .daterangepicker td.disabled, .daterangepicker option.disabled {
204
+ color: #999;
205
+ }
206
+
207
+ .daterangepicker td.available:hover, .daterangepicker th.available:hover {
208
+ background: #eee;
209
+ }
210
+
211
+ .daterangepicker td.in-range {
212
+ background: #ebf4f8;
213
+ border-radius: 0;
214
+ }
215
+
216
+ .daterangepicker td.start-date {
217
+ border-radius: 4px 0 0 4px;
218
+ }
219
+
220
+ .daterangepicker td.end-date {
221
+ border-radius: 0 4px 4px 0;
222
+ }
223
+
224
+ .daterangepicker td.start-date.end-date {
225
+ border-radius: 4px;
226
+ }
227
+
228
+ .daterangepicker td.active, .daterangepicker td.active:hover {
229
+ background-color: #357ebd;
230
+ border-color: #3071a9;
231
+ color: #fff;
232
+ }
233
+
234
+ .daterangepicker td.week, .daterangepicker th.week {
235
+ font-size: 80%;
236
+ color: #ccc;
237
+ }
238
+
239
+ .daterangepicker select.monthselect, .daterangepicker select.yearselect {
240
+ font-size: 12px;
241
+ padding: 1px;
242
+ height: auto;
243
+ margin: 0;
244
+ cursor: default;
245
+ }
246
+
247
+ .daterangepicker select.monthselect {
248
+ margin-right: 2%;
249
+ width: 56%;
250
+ }
251
+
252
+ .daterangepicker select.yearselect {
253
+ width: 40%;
254
+ }
255
+
256
+ .daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect {
257
+ width: 50px;
258
+ margin-bottom: 0;
259
+ }
260
+
261
+ .daterangepicker th.month {
262
+ width: auto;
263
+ }
264
+
265
+ /* Text Input Above Each Calendar */
266
+
267
+ .daterangepicker .input-mini {
268
+ border: 1px solid #ccc;
269
+ border-radius: 4px;
270
+ color: #555;
271
+ display: block;
272
+ height: 30px;
273
+ line-height: 30px;
274
+ vertical-align: middle;
275
+ margin: 0 0 5px 0;
276
+ padding: 0 6px 0 28px;
277
+ width: 100%;
278
+ }
279
+
280
+ .daterangepicker .daterangepicker_input i {
281
+ position: absolute;
282
+ left: 8px;
283
+ top: 8px;
284
+ }
285
+
286
+ .daterangepicker .left .daterangepicker_input {
287
+ padding-right: 12px;
288
+ }
289
+
290
+ .daterangepicker .daterangepicker_input {
291
+ position: relative;
292
+ }
293
+
294
+ /* Time Picker */
295
+
296
+ .daterangepicker .calendar-time {
297
+ text-align: center;
298
+ margin: 5px auto;
299
+ line-height: 30px;
300
+ position: relative;
301
+ padding-left: 28px;
302
+ }
303
+
304
+ .daterangepicker .calendar-time select.disabled {
305
+ color: #ccc;
306
+ cursor: not-allowed;
307
+ }
308
+
309
+ /* Predefined Ranges */
310
+
311
+ .daterangepicker .ranges {
312
+ font-size: 11px;
313
+ }
314
+
315
+ .daterangepicker .ranges ul {
316
+ list-style: none;
317
+ margin: 0;
318
+ padding: 0;
319
+ width: 160px;
320
+ }
321
+
322
+ .daterangepicker .ranges li {
323
+ font-size: 13px;
324
+ background: #f5f5f5;
325
+ border: 1px solid #f5f5f5;
326
+ color: #08c;
327
+ padding: 3px 12px;
328
+ margin-bottom: 8px;
329
+ border-radius: 5px;
330
+ cursor: pointer;
331
+ }
332
+
333
+ .daterangepicker .ranges li.active, .daterangepicker .ranges li:hover {
334
+ background: #08c;
335
+ border: 1px solid #08c;
336
+ color: #fff;
337
+ }