flashgrid 1.0.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (77) hide show
  1. checksums.yaml +7 -0
  2. data/Gemfile +4 -0
  3. data/Gemfile.lock +17 -0
  4. data/LICENSE.txt +22 -0
  5. data/README.md +78 -0
  6. data/Rakefile +1 -0
  7. data/app/assets/fonts/gotham/gotham-bold.eot +0 -0
  8. data/app/assets/fonts/gotham/gotham-bold.svg +2066 -0
  9. data/app/assets/fonts/gotham/gotham-bold.ttf +0 -0
  10. data/app/assets/fonts/gotham/gotham-bold.woff +0 -0
  11. data/app/assets/fonts/gotham/gotham-book.eot +0 -0
  12. data/app/assets/fonts/gotham/gotham-book.svg +631 -0
  13. data/app/assets/fonts/gotham/gotham-book.ttf +0 -0
  14. data/app/assets/fonts/gotham/gotham-book.woff +0 -0
  15. data/app/assets/fonts/gotham/gotham-light.eot +0 -0
  16. data/app/assets/fonts/gotham/gotham-light.svg +635 -0
  17. data/app/assets/fonts/gotham/gotham-light.ttf +0 -0
  18. data/app/assets/fonts/gotham/gotham-light.woff +0 -0
  19. data/app/assets/fonts/gotham/gotham-medium.eot +0 -0
  20. data/app/assets/fonts/gotham/gotham-medium.svg +629 -0
  21. data/app/assets/fonts/gotham/gotham-medium.ttf +0 -0
  22. data/app/assets/fonts/gotham/gotham-medium.woff +0 -0
  23. data/app/assets/fonts/ionicons/ionicons.eot +0 -0
  24. data/app/assets/fonts/ionicons/ionicons.svg +1623 -0
  25. data/app/assets/fonts/ionicons/ionicons.ttf +0 -0
  26. data/app/assets/fonts/ionicons/ionicons.woff +0 -0
  27. data/flashgrid.gemspec +23 -0
  28. data/lib/flashgrid.rb +6 -0
  29. data/lib/flashgrid/version.rb +3 -0
  30. data/vendor/assets/javascripts/affix.js +127 -0
  31. data/vendor/assets/javascripts/alert.js +78 -0
  32. data/vendor/assets/javascripts/collapse.js +159 -0
  33. data/vendor/assets/javascripts/date_picker.js +1645 -0
  34. data/vendor/assets/javascripts/dropdown.js +134 -0
  35. data/vendor/assets/javascripts/file_input.js +94 -0
  36. data/vendor/assets/javascripts/map.js +2065 -0
  37. data/vendor/assets/javascripts/modal.js +226 -0
  38. data/vendor/assets/javascripts/popover.js +97 -0
  39. data/vendor/assets/javascripts/switch.js +346 -0
  40. data/vendor/assets/javascripts/tab.js +115 -0
  41. data/vendor/assets/javascripts/time_picker.js +1087 -0
  42. data/vendor/assets/javascripts/tooltip.js +365 -0
  43. data/vendor/assets/javascripts/transition.js +36 -0
  44. data/vendor/assets/stylesheets/ad.css.scss +72 -0
  45. data/vendor/assets/stylesheets/affix.css.scss +7 -0
  46. data/vendor/assets/stylesheets/alert.css.scss +72 -0
  47. data/vendor/assets/stylesheets/breadcrumb.css.scss +26 -0
  48. data/vendor/assets/stylesheets/button.css.scss +227 -0
  49. data/vendor/assets/stylesheets/code.css.scss +49 -0
  50. data/vendor/assets/stylesheets/collapse.css.scss +15 -0
  51. data/vendor/assets/stylesheets/datepicker.css.scss +122 -0
  52. data/vendor/assets/stylesheets/dropdown.css.scss +83 -0
  53. data/vendor/assets/stylesheets/footer.css.scss +33 -0
  54. data/vendor/assets/stylesheets/form.css.scss +213 -0
  55. data/vendor/assets/stylesheets/grid.css.scss +291 -0
  56. data/vendor/assets/stylesheets/header.css.scss +134 -0
  57. data/vendor/assets/stylesheets/icon.css.scss +1130 -0
  58. data/vendor/assets/stylesheets/image.css.scss +108 -0
  59. data/vendor/assets/stylesheets/label_and_badge.css.scss +53 -0
  60. data/vendor/assets/stylesheets/link.css.scss +21 -0
  61. data/vendor/assets/stylesheets/list.css.scss +38 -0
  62. data/vendor/assets/stylesheets/map.css.scss +13 -0
  63. data/vendor/assets/stylesheets/modal.css.scss +117 -0
  64. data/vendor/assets/stylesheets/pagination.css.scss +37 -0
  65. data/vendor/assets/stylesheets/placeholder.css.scss +27 -0
  66. data/vendor/assets/stylesheets/popover.css.scss +107 -0
  67. data/vendor/assets/stylesheets/progress.css.scss +25 -0
  68. data/vendor/assets/stylesheets/reset.css.scss +56 -0
  69. data/vendor/assets/stylesheets/switch.css.scss +73 -0
  70. data/vendor/assets/stylesheets/tab.css.scss +179 -0
  71. data/vendor/assets/stylesheets/table.css.scss +73 -0
  72. data/vendor/assets/stylesheets/timepicker.css.scss +81 -0
  73. data/vendor/assets/stylesheets/tooltip.css.scss +81 -0
  74. data/vendor/assets/stylesheets/transition.css.scss +12 -0
  75. data/vendor/assets/stylesheets/trunk.css.scss +69 -0
  76. data/vendor/assets/stylesheets/typography.css.scss +160 -0
  77. metadata +148 -0
@@ -0,0 +1,7 @@
1
+ /* Table of Contents
2
+ ==================================================
3
+ #Affix */
4
+
5
+ /* #Affix
6
+ ================================================== */
7
+ .affix { position: fixed; }
@@ -0,0 +1,72 @@
1
+ /* Table of Contents
2
+ ==================================================
3
+ #Alert */
4
+
5
+ /* #Alert
6
+ ================================================== */
7
+ .alert {
8
+ background-color: rgba(236,238,241,1);
9
+ border-bottom: 1px solid rgba(217,222,225,1);
10
+ color: rgba(71,74,84,1);
11
+ font-size: 16px;
12
+ margin: -40px 0 40px 0;
13
+ padding: 11px 20px 11px 20px;
14
+ }
15
+ .alert,
16
+ .alert h4 { color: rgba(71,74,84,1); }
17
+ .alert h4 { margin: 0; }
18
+ .alert p {
19
+ color: rgba(43,50,53,1);
20
+ margin-bottom: 0;
21
+ }
22
+ .alert a {
23
+ color: rgba(43,50,53,1);
24
+ font-weight: 500;
25
+ opacity: 0.8;
26
+ }
27
+ .alert a:hover { opacity: 1; }
28
+ .alert .close {
29
+ color: rgba(158,171,179,1);
30
+ float: right;
31
+ font-size: 18px;
32
+ line-height: 18px;
33
+ }
34
+ .alert .close:hover,
35
+ .alert .close:focus {
36
+ color: rgba(71,74,84,1);
37
+ text-decoration: none;
38
+ }
39
+ .alert-green,
40
+ .alert-success {
41
+ background-color: rgba(223,240,216,1);
42
+ border-color: rgba(204,223,188,1);
43
+ }
44
+ .alert-yellow,
45
+ .alert-warning {
46
+ background-color: rgba(252,248,227,1);
47
+ border-color: rgba(244,228,203,1);
48
+ }
49
+ .alert-red,
50
+ .alert-error,
51
+ .alert-alert {
52
+ background-color: rgba(242,222,222,1);
53
+ border-color: rgba(228,201,205,1);
54
+ }
55
+ .alert-black,
56
+ .alert-system {
57
+ background-color: rgba(71,74,84,1);
58
+ border-color: rgba(61,64,74,1);
59
+ color: rgba(255,255,255,1);
60
+ }
61
+ .alert-black h4,
62
+ .alert-black p,
63
+ .alert-system h4,
64
+ .alert-system p,
65
+ .alert-black .close:hover,
66
+ .alert-black .close:focus,
67
+ .alert-system .close:hover,
68
+ .alert-system .close:focus { color: rgba(255,255,255,1); }
69
+ .alert-block > p,
70
+ .alert-block > ul { margin-bottom: 0; }
71
+ .alert-block p + p { margin-top: 5px; }
72
+ .alert-pull-none { margin: 0; }
@@ -0,0 +1,26 @@
1
+ /* Table of Contents
2
+ ==================================================
3
+ #Breadcrumb */
4
+
5
+ /* #Breadcrumb
6
+ ================================================== */
7
+ .breadcrumb {
8
+ list-style: none;
9
+ margin-bottom: 10px;
10
+ padding: 0;
11
+ }
12
+ .breadcrumb > li {
13
+ display: inline-block;
14
+ font-size: 12px;
15
+ font-weight: bold;
16
+ }
17
+ .breadcrumb > li > a {
18
+ color: rgba(58,144,216,1);
19
+ opacity: 0.8;
20
+ }
21
+ .breadcrumb > li > a:hover { opacity: 1; }
22
+ .breadcrumb > li > .divider {
23
+ color: rgba(71,74,84,1);
24
+ padding: 0 5px;
25
+ }
26
+ .breadcrumb > .active { color: rgba(71,74,84,1); }
@@ -0,0 +1,227 @@
1
+ /* Table of Contents
2
+ ==================================================
3
+ #Button
4
+ #Button Sizes
5
+ #Button Colors
6
+ #Button Links
7
+ #Button Icons
8
+ #Button Outlines
9
+ #Button Styles
10
+ #Button Group
11
+ #Button Toolbar */
12
+
13
+ /* #Button
14
+ ================================================== */
15
+ .btn {
16
+ -webkit-appearance: none;
17
+ -moz-appearance: none;
18
+ background: rgba(236,238,241,1);
19
+ border: none;
20
+ border-bottom: 1px solid rgba(196,198,201,1);
21
+ border-radius: 3px;
22
+ color: rgba(71,74,84,1);
23
+ display: inline-block;
24
+ font-size: 13px;
25
+ -webkit-font-smoothing: antialiased;
26
+ font-weight: bold;
27
+ line-height: 13px;
28
+ margin: 0;
29
+ padding: 12px 20px;
30
+ text-align: center;
31
+ text-decoration: none;
32
+ text-rendering: geometricPrecision;
33
+ vertical-align: middle;
34
+ }
35
+ .btn:hover {
36
+ background: rgba(226,228,231,1);
37
+ text-decoration: none;
38
+ -webkit-transition: all 0.1s linear;
39
+ transition: all 0.1s linear;
40
+ }
41
+
42
+ /* #Button Sizes
43
+ ================================================== */
44
+ .btn-large {
45
+ font-size: 15px;
46
+ line-height: 15px;
47
+ padding: 15px 30px;
48
+ }
49
+ .btn-small {
50
+ border-radius: 2px;
51
+ font-size: 11px;
52
+ line-height: 11px;
53
+ padding: 8px 15px;
54
+ }
55
+ .btn-mini {
56
+ border-radius: 2px;
57
+ font-size: 9px;
58
+ line-height: 9px;
59
+ padding: 6px 10px;
60
+ }
61
+ .btn-block,
62
+ button.btn-block,
63
+ input.btn-block {
64
+ -moz-box-sizing: border-box;
65
+ box-sizing: border-box;
66
+ display:block;
67
+ min-width: 100%;
68
+ padding-right: 0;
69
+ padding-left: 0;
70
+ width: 100%;
71
+ }
72
+
73
+ /* #Button Colors
74
+ ================================================== */
75
+ .btn-blue,
76
+ .btn-green,
77
+ .btn-red { color: rgba(255,255,255,1); }
78
+ .btn-blue {
79
+ background: rgba(85,115,194,1);
80
+ border-color: rgba(25,55,134,1);
81
+ }
82
+ .btn-blue:hover { background: rgba(70,100,179,1); }
83
+ .btn-green {
84
+ background: rgba(75,180,122,1);
85
+ border-color: rgba(25,130,72,1);
86
+ }
87
+ .btn-green:hover { background: rgba(65,170,112,1); }
88
+ .btn-red {
89
+ background: rgba(220,74,56,1);
90
+ border-color: rgba(180,34,16,1);
91
+ }
92
+ .btn-red:hover { background: rgba(210,64,46,1); }
93
+
94
+ /* #Button Links
95
+ ================================================== */
96
+ .btn-link {
97
+ background: none;
98
+ border: none;
99
+ color: rgba(174,182,192,1);
100
+ margin-top: 12px;
101
+ padding: 0;
102
+ }
103
+ .btn-link:hover {
104
+ background: none;
105
+ color: rgba(71,74,84,1);
106
+ }
107
+ .btn-link.btn-large { margin-top: 17px; }
108
+ .btn-link.btn-small { margin-top: 8px; }
109
+ .btn-link.btn-mini { margin-top: 6px; }
110
+ .btn-link.btn-link-clean { margin-top: 0; }
111
+
112
+ /* #Button Icons
113
+ ================================================== */
114
+ .btn-icon {
115
+ font-size: 17px;
116
+ line-height: 17px;
117
+ padding: 12px 14px 10px 14px;
118
+ }
119
+ .btn-large.btn-icon {
120
+ font-size: 23px;
121
+ line-height: 23px;
122
+ padding: 13px 14px 11px 14px;
123
+ }
124
+ .btn-small.btn-icon {
125
+ font-size: 14px;
126
+ line-height: 14px;
127
+ padding: 8px 9px 6px 8px;
128
+ }
129
+ .btn-mini.btn-icon {
130
+ font-size: 11px;
131
+ line-height: 11px;
132
+ padding: 6px 7px 4px 7px;
133
+ }
134
+
135
+ /* #Button Outlines
136
+ ================================================== */
137
+ .btn-outline {
138
+ background: transparent;
139
+ border: 1px solid rgba(229,230,234,1);
140
+ border-radius: 2px;
141
+ color: rgba(174,182,192,1);
142
+ }
143
+ .btn-outline:hover {
144
+ background: transparent;
145
+ border-color: rgba(199,200,204,1);
146
+ color: rgba(71,74,84,1);
147
+ }
148
+ .btn-large.btn-outline { padding: 14px 29px 16px 29px; }
149
+ .btn-small.btn-outline { padding: 7px 14px 8px 14px; }
150
+ .btn-mini.btn-outline { padding: 5px 14px 6px 14px; }
151
+ .btn-outline.btn-icon { padding: 10px 12px 9px 12px; }
152
+ .btn-large.btn-icon.btn-outline { padding: 11px 13px 11px 13px; }
153
+ .btn-small.btn-icon.btn-outline { padding: 6px 7px 6px 6px; }
154
+ .btn-mini.btn-icon.btn-outline { padding: 4px 6px 4px 6px; }
155
+ .btn-outline-blue {
156
+ border-color: rgba(58,144,216,1);
157
+ color: rgba(58,144,216,1);
158
+ }
159
+ .btn-outline-green {
160
+ border-color: rgba(75,180,122,1);
161
+ color: rgba(75,180,122,1);
162
+ }
163
+ .btn-outline-red {
164
+ border-color: rgba(220,74,56,1);
165
+ color: rgba(220,74,56,1);
166
+ }
167
+
168
+ /* #Button Styles
169
+ ================================================== */
170
+ .btn-round { border-radius: 500px; }
171
+
172
+ /* #Button Group
173
+ ================================================== */
174
+ .btn-group {
175
+ display: inline-block;
176
+ font-size: 0;
177
+ position: relative;
178
+ white-space: nowrap;
179
+ vertical-align: middle;
180
+ }
181
+ .btn-group + .btn-group { margin-left: 5px; }
182
+ .btn-group > .btn {
183
+ border-right: 1px solid rgba(196,198,201,1);
184
+ border-radius: 0;
185
+ position: relative;
186
+ }
187
+ .btn-group > .btn-blue { border-color: rgba(25,55,134,1); }
188
+ .btn-group > .btn-green { border-color: rgba(25,130,72,1); }
189
+ .btn-group > .btn-red { border-color: rgba(180,34,16,1); }
190
+ .btn-group > .btn:first-child {
191
+ border-bottom-left-radius: 2px;
192
+ border-top-left-radius: 2px;
193
+ margin-left: 0;
194
+ }
195
+ .btn-group > .btn-small.dropdown-toggle { padding-bottom: 6px; }
196
+ .btn-group > .btn:last-child,
197
+ .btn-group > .dropdown-toggle {
198
+ border-right: none;
199
+ border-bottom-right-radius: 2px;
200
+ border-top-right-radius: 2px;
201
+ }
202
+ .btn-group > .btn:hover,
203
+ .btn-group > .btn:focus,
204
+ .btn-group > .btn:active,
205
+ .btn-group > .btn.active { z-index: 2; }
206
+ .btn-group .dropdown-toggle:active,
207
+ .btn-group.open .dropdown-toggle { outline: 0; }
208
+ .btn-group-outline > .btn {
209
+ border-width: 1px;
210
+ margin-left: -1px;
211
+ }
212
+ .btn-group-outline > .btn:first-child { margin-left: 0; }
213
+ .btn-group-outline > .btn:last-child,
214
+ .btn-group-outline > .dropdown-toggle { border-right: 1px solid rgba(229,230,234,1); }
215
+ .btn-group-outline > .btn:last-child:hover,
216
+ .btn-group-outline > .dropdown-toggle:hover { border-right: 1px solid rgba(199,200,204,1); }
217
+
218
+ /* #Button Toolbar
219
+ ================================================== */
220
+ .btn-toolbar {
221
+ font-size: 0;
222
+ margin-bottom: 10px;
223
+ margin-top: 10px;
224
+ }
225
+ .btn-toolbar > .btn + .btn,
226
+ .btn-toolbar > .btn-group + .btn,
227
+ .btn-toolbar > .btn + .btn-group { margin-left: 5px; }
@@ -0,0 +1,49 @@
1
+ /* Table of Contents
2
+ ==================================================
3
+ #Code
4
+ #Pre */
5
+
6
+ /* #Code
7
+ ================================================== */
8
+ code {
9
+ background-color: rgba(236,238,241,1);
10
+ border-radius: 2px;
11
+ color: rgba(43,50,53,1);
12
+ font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
13
+ font-size: 12px;
14
+ line-height: 20px;
15
+ margin: 0;
16
+ padding: 3px 5px 4px 5px;
17
+ word-break: break-all;
18
+ word-wrap: break-word;
19
+ white-space: pre;
20
+ }
21
+
22
+ /* #Pre
23
+ ================================================== */
24
+ pre {
25
+ background-color: rgba(236,238,241,1);
26
+ border-radius: 3px;
27
+ color: rgba(43,50,53,1);
28
+ display: block;
29
+ font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
30
+ font-size: 12px;
31
+ line-height: 20px;
32
+ margin: 0;
33
+ padding: 20px;
34
+ word-break: break-all;
35
+ word-wrap: break-word;
36
+ white-space: pre;
37
+ }
38
+ pre span.comment { color: rgba(43,50,53,1); font-style: italic; }
39
+ pre span.error { border: 1px solid rgba(240,35,17,1); }
40
+ pre span.highlight { background-color: rgba(43,50,53,1); color: rgba(255,255,255,1); padding: 3px 0; }
41
+ pre span.keyword { color: rgba(102,102,102,1); }
42
+ pre span.keyword-constant { color: rgba(240,35,17,1); }
43
+ pre span.keyword-declaration { color: rgba(0,0,0,1); }
44
+ pre span.keyword-pseudo { color: rgba(170,34,255,1); }
45
+ pre span.keyword-reserved { color: rgba(170,34,255,1); font-weight: bold; }
46
+ pre span.keyword-type { color: rgba(255,255,255,1); font-weight: bold; }
47
+ pre span.number { color: rgba(75,173,8,1); }
48
+ pre span.operator { color: rgba(43,50,53,1); }
49
+ pre span.string { color: rgba(16,127,201,1); }
@@ -0,0 +1,15 @@
1
+ /* Table of Contents
2
+ ==================================================
3
+ #Collapse */
4
+
5
+ /* #Collapse
6
+ ================================================== */
7
+ .collapse { display: none; }
8
+ .collapse.in { display: block; }
9
+ .collapsing {
10
+ position: relative;
11
+ height: 0;
12
+ overflow: hidden;
13
+ -webkit-transition: height 0.35s ease;
14
+ transition: height 0.35s ease;
15
+ }
@@ -0,0 +1,122 @@
1
+ /* Table of Contents
2
+ ==================================================
3
+ #Datepicker */
4
+
5
+ /* #Datepicker
6
+ ================================================== */
7
+ .datepicker {
8
+ left: 0;
9
+ margin-top: 1px;
10
+ padding: 5px;
11
+ top: 0;
12
+ }
13
+ .datepicker:before {
14
+ border-bottom: 7px solid rgba(246,247,249,1);
15
+ border-right: 7px solid transparent;
16
+ border-left: 7px solid transparent;
17
+ content: '';
18
+ display: inline-block;
19
+ position: absolute;
20
+ }
21
+ .datepicker:after {
22
+ border-bottom: 6px solid rgba(246,247,249,1);
23
+ border-right: 6px solid transparent;
24
+ border-left: 6px solid transparent;
25
+ content: '';
26
+ display: inline-block;
27
+ position: absolute;
28
+ }
29
+ .datepicker.datepicker-orient-left:before { left: 6px; }
30
+ .datepicker.datepicker-orient-left:after { left: 7px; }
31
+ .datepicker.datepicker-orient-right:before { right: 6px; }
32
+ .datepicker.datepicker-orient-right:after { right: 7px; }
33
+ .datepicker.datepicker-orient-top:before { top: -7px; }
34
+ .datepicker.datepicker-orient-top:after { top: -6px; }
35
+ .datepicker.datepicker-orient-bottom:before {
36
+ bottom: -7px;
37
+ border-bottom: 0;
38
+ border-top: 7px solid rgba(246,247,249,1);
39
+ }
40
+ .datepicker.datepicker-orient-bottom:after {
41
+ bottom: -6px;
42
+ border-bottom: 0;
43
+ border-top: 6px rgba(246,247,249,1);
44
+ }
45
+ .dow { font-weight: bold; }
46
+ .datepicker > div { display: none; }
47
+ .datepicker table {
48
+ margin: 0;
49
+ -webkit-touch-callout: none;
50
+ -webkit-user-select: none;
51
+ -khtml-user-select: none;
52
+ -moz-user-select: none;
53
+ -ms-user-select: none;
54
+ user-select: none;
55
+ width: 100%;
56
+ }
57
+ .datepicker td,
58
+ .datepicker th {
59
+ height: 20px;
60
+ text-align: center;
61
+ width: 20px;
62
+ }
63
+ .datepicker td.day:hover {
64
+ background-color: rgba(58,144,216,1);
65
+ border-radius: 2px;
66
+ color: rgba(255,255,255,1);
67
+ cursor: pointer;
68
+ }
69
+ .datepicker td.day.disabled { color: rgba(158,171,179,1); }
70
+ .datepicker td.old,
71
+ .datepicker td.new { color: rgba(158,171,179,1); }
72
+ .datepicker td.active,
73
+ .datepicker td.active:hover,
74
+ .datepicker td.active:hover:hover,
75
+ .datepicker td.active:focus,
76
+ .datepicker td.active:hover:focus,
77
+ .datepicker td.active:active,
78
+ .datepicker td.active:hover:active,
79
+ .datepicker td.active.active,
80
+ .datepicker td.active:hover.active,
81
+ .datepicker td.active.disabled,
82
+ .datepicker td.active:hover.disabled,
83
+ .datepicker td.active[disabled],
84
+ .datepicker td.active:hover[disabled] {
85
+ background-color: rgba(254,79,50,1);
86
+ border-radius: 2px;
87
+ color: rgba(255,255,255,1);
88
+ }
89
+ .datepicker td span {
90
+ display: block;
91
+ height: 54px;
92
+ float: left;
93
+ line-height: 54px;
94
+ margin: 2px;
95
+ width: 47px;
96
+ }
97
+ .datepicker td span:hover {
98
+ background-color: rgba(58,144,216,1);
99
+ color: rgba(255,255,255,1);
100
+ }
101
+ .datepicker td span.active,
102
+ .datepicker td span.active:hover,
103
+ .datepicker td span.active:focus,
104
+ .datepicker td span.active:active,
105
+ .datepicker td span.active.active,
106
+ .datepicker td span.active.disabled,
107
+ .datepicker td span.active[disabled] {
108
+ background-color: rgba(254,79,50,1);
109
+ color: rgba(255,255,255,1);
110
+ }
111
+ .datepicker th.switch {
112
+ font-weight: bold;
113
+ width: 145px;
114
+ }
115
+ .datepicker th.next,
116
+ .datepicker th.prev { font-size: 17px; }
117
+ .datepicker thead tr:first-child th:hover {
118
+ background-color: rgba(58,144,216,1);
119
+ border-radius: 2px;
120
+ color: rgba(255,255,255,1);
121
+ cursor: pointer;
122
+ }