active_frontend 1.0.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (96) hide show
  1. checksums.yaml +7 -0
  2. data/.gitignore +14 -0
  3. data/Gemfile +4 -0
  4. data/LICENSE.txt +22 -0
  5. data/README.md +97 -0
  6. data/Rakefile +1 -0
  7. data/active_frontend.gemspec +23 -0
  8. data/app/assets/fonts/gotham/gotham-bold.eot +0 -0
  9. data/app/assets/fonts/gotham/gotham-bold.svg +2066 -0
  10. data/app/assets/fonts/gotham/gotham-bold.ttf +0 -0
  11. data/app/assets/fonts/gotham/gotham-bold.woff +0 -0
  12. data/app/assets/fonts/gotham/gotham-book.eot +0 -0
  13. data/app/assets/fonts/gotham/gotham-book.svg +631 -0
  14. data/app/assets/fonts/gotham/gotham-book.ttf +0 -0
  15. data/app/assets/fonts/gotham/gotham-book.woff +0 -0
  16. data/app/assets/fonts/gotham/gotham-light.eot +0 -0
  17. data/app/assets/fonts/gotham/gotham-light.svg +635 -0
  18. data/app/assets/fonts/gotham/gotham-light.ttf +0 -0
  19. data/app/assets/fonts/gotham/gotham-light.woff +0 -0
  20. data/app/assets/fonts/gotham/gotham-medium.eot +0 -0
  21. data/app/assets/fonts/gotham/gotham-medium.svg +629 -0
  22. data/app/assets/fonts/gotham/gotham-medium.ttf +0 -0
  23. data/app/assets/fonts/gotham/gotham-medium.woff +0 -0
  24. data/app/assets/fonts/ionicons/ionicons.eot +0 -0
  25. data/app/assets/fonts/ionicons/ionicons.svg +2232 -0
  26. data/app/assets/fonts/ionicons/ionicons.ttf +0 -0
  27. data/app/assets/fonts/ionicons/ionicons.woff +0 -0
  28. data/lib/active_frontend.rb +6 -0
  29. data/lib/active_frontend/version.rb +3 -0
  30. data/vendor/assets/javascripts/.keep +0 -0
  31. data/vendor/assets/javascripts/affix.js +153 -0
  32. data/vendor/assets/javascripts/alert.js +85 -0
  33. data/vendor/assets/javascripts/animation.js +45 -0
  34. data/vendor/assets/javascripts/button.js +107 -0
  35. data/vendor/assets/javascripts/carousel.js +228 -0
  36. data/vendor/assets/javascripts/chart.js +3309 -0
  37. data/vendor/assets/javascripts/collapse.js +202 -0
  38. data/vendor/assets/javascripts/date_picker.js +1649 -0
  39. data/vendor/assets/javascripts/dropdown.js +152 -0
  40. data/vendor/assets/javascripts/file_input.js +71 -0
  41. data/vendor/assets/javascripts/hoverdown.js +109 -0
  42. data/vendor/assets/javascripts/map.js +2174 -0
  43. data/vendor/assets/javascripts/modal.js +234 -0
  44. data/vendor/assets/javascripts/popover.js +99 -0
  45. data/vendor/assets/javascripts/scrollspy.js +163 -0
  46. data/vendor/assets/javascripts/sort.js +1432 -0
  47. data/vendor/assets/javascripts/swoggle.js +415 -0
  48. data/vendor/assets/javascripts/tab.js +144 -0
  49. data/vendor/assets/javascripts/tablespy.js +1883 -0
  50. data/vendor/assets/javascripts/time_ago.js +206 -0
  51. data/vendor/assets/javascripts/time_picker.js +1087 -0
  52. data/vendor/assets/javascripts/tooltip.js +466 -0
  53. data/vendor/assets/javascripts/transition.js +50 -0
  54. data/vendor/assets/javascripts/typeahead.js +368 -0
  55. data/vendor/assets/stylesheets/.keep +0 -0
  56. data/vendor/assets/stylesheets/ad.scss +72 -0
  57. data/vendor/assets/stylesheets/affix.scss +11 -0
  58. data/vendor/assets/stylesheets/alert.scss +57 -0
  59. data/vendor/assets/stylesheets/animation.scss +2388 -0
  60. data/vendor/assets/stylesheets/aside.scss +136 -0
  61. data/vendor/assets/stylesheets/breadcrumb.scss +23 -0
  62. data/vendor/assets/stylesheets/button.scss +581 -0
  63. data/vendor/assets/stylesheets/carousel.scss +152 -0
  64. data/vendor/assets/stylesheets/chart.scss +11 -0
  65. data/vendor/assets/stylesheets/code.scss +139 -0
  66. data/vendor/assets/stylesheets/collapse.scss +15 -0
  67. data/vendor/assets/stylesheets/datepicker.scss +136 -0
  68. data/vendor/assets/stylesheets/dropdown.scss +90 -0
  69. data/vendor/assets/stylesheets/footer.scss +68 -0
  70. data/vendor/assets/stylesheets/form.scss +346 -0
  71. data/vendor/assets/stylesheets/grid.scss +287 -0
  72. data/vendor/assets/stylesheets/header.scss +205 -0
  73. data/vendor/assets/stylesheets/icon.scss +1538 -0
  74. data/vendor/assets/stylesheets/image.scss +330 -0
  75. data/vendor/assets/stylesheets/label_and_badge.scss +110 -0
  76. data/vendor/assets/stylesheets/link.scss +25 -0
  77. data/vendor/assets/stylesheets/list.scss +60 -0
  78. data/vendor/assets/stylesheets/map.scss +13 -0
  79. data/vendor/assets/stylesheets/modal.scss +137 -0
  80. data/vendor/assets/stylesheets/nav_and_tab.scss +183 -0
  81. data/vendor/assets/stylesheets/pagination.scss +41 -0
  82. data/vendor/assets/stylesheets/panel.scss +62 -0
  83. data/vendor/assets/stylesheets/placeholder.scss +44 -0
  84. data/vendor/assets/stylesheets/popover.scss +117 -0
  85. data/vendor/assets/stylesheets/progress.scss +43 -0
  86. data/vendor/assets/stylesheets/reset.scss +88 -0
  87. data/vendor/assets/stylesheets/spinner.scss +767 -0
  88. data/vendor/assets/stylesheets/swoggle.scss +126 -0
  89. data/vendor/assets/stylesheets/table.scss +149 -0
  90. data/vendor/assets/stylesheets/timepicker.scss +75 -0
  91. data/vendor/assets/stylesheets/tooltip.scss +90 -0
  92. data/vendor/assets/stylesheets/transition.scss +12 -0
  93. data/vendor/assets/stylesheets/trunk.scss +116 -0
  94. data/vendor/assets/stylesheets/typeahead.scss +8 -0
  95. data/vendor/assets/stylesheets/typography.scss +191 -0
  96. metadata +167 -0
@@ -0,0 +1,136 @@
1
+ /* Table of Contents
2
+ ==================================================
3
+ # Aside
4
+ # Media Queries */
5
+
6
+ /* # Aside
7
+ ================================================== */
8
+ .aside {
9
+ background-clip: padding-box;
10
+ background: rgba(255,255,255,1);
11
+ box-shadow: 0 0 3px rgba(0,0,0,0.25);
12
+ display: none;
13
+ height: 100%;
14
+ left: initial;
15
+ margin-left: 0;
16
+ outline: 0;
17
+ position: fixed;
18
+ right: 0;
19
+ top: 0;
20
+ width: 560px;
21
+ z-index: 1050;
22
+ }
23
+ .aside-left {
24
+ left: 0;
25
+ right: initial;
26
+ }
27
+ .aside.fade {
28
+ right: -100%;
29
+ -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
30
+ transition: opacity 0.3s linear, right 0.3s ease-out;
31
+ top: 0;
32
+ }
33
+ .aside-left.fade {
34
+ left: -100%;
35
+ right: 0;
36
+ -webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
37
+ transition: opacity 0.3s linear, left 0.3s ease-out;
38
+ }
39
+ .aside.fade.in {
40
+ right: 0;
41
+ top: 0;
42
+ }
43
+ .aside-left.fade.in {
44
+ left: 0;
45
+ right: initial;
46
+ }
47
+ .aside-header {
48
+ background: rgba(255,255,255,1);
49
+ border-bottom: 1px solid rgba(225,232,237,1);
50
+ margin: 0;
51
+ padding: 21px 0px 18px 0px;
52
+ position: absolute;
53
+ text-transform: uppercase;
54
+ text-align: center;
55
+ top: 0;
56
+ width: 100%;
57
+ z-index: 1051;
58
+ }
59
+ .aside-header h3 {
60
+ font-size: 17px;
61
+ letter-spacing: 1px;
62
+ line-height: 17px;
63
+ margin: 0;
64
+ text-transform: uppercase;
65
+ text-align: center;
66
+ }
67
+ .aside-body {
68
+ bottom: 0;
69
+ overflow-y: scroll;
70
+ padding: 65px 18px;
71
+ position: absolute;
72
+ width: calc(100% - 36px);
73
+ top: 0;
74
+ z-index: 1051;
75
+ }
76
+ .aside-body p:last-child { margin-bottom: 0; }
77
+ .aside-footer {
78
+ background: rgba(255,255,255,1);
79
+ border-top: 1px solid rgba(225,232,237,1);
80
+ bottom: 0;
81
+ margin-bottom: 0;
82
+ padding: 0;
83
+ position: absolute;
84
+ width: 100%;
85
+ z-index: 1051;
86
+ }
87
+ .aside-footer-btn,
88
+ button.aside-footer-btn,
89
+ input.aside-footer-btn {
90
+ -webkit-appearance: none;
91
+ -moz-appearance: none;
92
+ background: rgba(255,255,255,1);
93
+ border-radius: 0;
94
+ border: 0;
95
+ -moz-box-sizing: border-box;
96
+ box-sizing: border-box;
97
+ color: rgba(15,135,226,1);
98
+ cursor: pointer;
99
+ float: left;
100
+ -webkit-font-smoothing: antialiased;
101
+ font-weight: 500;
102
+ font-size: 13px;
103
+ line-height: 13px;
104
+ margin: 0;
105
+ padding: 20px 0 18px 0;
106
+ text-rendering: geometricPrecision;
107
+ text-transform: uppercase;
108
+ text-indent: 0;
109
+ text-align: center;
110
+ vertical-align: middle;
111
+ width: 100%;
112
+ }
113
+ .aside-footer-btn[disabled],
114
+ button.aside-footer-btn[disabled],
115
+ input.aside-footer-btn[disabled] {
116
+ color: rgba(136,153,166,1);
117
+ cursor: not-allowed;
118
+ }
119
+ .aside-footer-btn-group > .aside-footer-btn,
120
+ .aside-footer-btn-group > button.aside-footer-btn
121
+ .aside-footer-btn-group > input.aside-footer-btn {
122
+ border-right: 1px solid rgba(225,232,237,1);
123
+ width: 50%;
124
+ }
125
+ .aside-footer-btn-group > .aside-footer-btn:last-child,
126
+ .aside-footer-btn-group > button.aside-footer-btn:last-child,
127
+ .aside-footer-btn-group > input.aside-footer-btn:last-child { border-right: none; }
128
+
129
+ /* # Media Queries
130
+ ================================================== */
131
+ @media only screen and (max-width: 767px) {
132
+ .aside { width: 300px; }
133
+ }
134
+ @media only screen and (min-width: 480px) and (max-width: 767px) {
135
+ .aside { width: 460px; }
136
+ }
@@ -0,0 +1,23 @@
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-weight: bold;
15
+ font-size: 13px;
16
+ }
17
+ .breadcrumb > li > a { color: rgba(15,135,226,1); }
18
+ .breadcrumb > li > a:hover { color: rgba(136,153,166,1); }
19
+ .breadcrumb > li > .divider {
20
+ color: rgba(43,50,53,1);
21
+ padding: 0 5px;
22
+ }
23
+ .breadcrumb > .active { color: rgba(43,50,53,1); }
@@ -0,0 +1,581 @@
1
+ /* Table of Contents
2
+ ==================================================
3
+ # Button
4
+ # Sizes
5
+ # Colors
6
+ # Links
7
+ # Icons
8
+ # Outlines
9
+ # Styles
10
+ # Group
11
+ # Toolbar
12
+ # Data Toggles
13
+ # Media Queries */
14
+
15
+ /* # Button
16
+ ================================================== */
17
+ .btn {
18
+ -webkit-appearance: none;
19
+ -moz-appearance: none;
20
+ background: rgba(245,248,250,1);
21
+ border: 1px solid rgba(225,232,237,1);
22
+ border-radius: 2px;
23
+ -moz-box-sizing: border-box;
24
+ box-sizing: border-box;
25
+ box-shadow: inset 0 1px 0 rgba(255,255,255,1);
26
+ color: rgba(43,50,53,1);
27
+ cursor: pointer;
28
+ display: inline-block;
29
+ -webkit-font-smoothing: antialiased;
30
+ font-weight: bold;
31
+ font-size: 13px;
32
+ line-height: 13px;
33
+ margin: 0;
34
+ padding: 12px 20px;
35
+ text-decoration: none;
36
+ text-rendering: geometricPrecision;
37
+ text-align: center;
38
+ -webkit-transition: all 0.3s linear;
39
+ transition: all 0.3s linear;
40
+ vertical-align: middle;
41
+ white-space: nowrap;
42
+ }
43
+ .btn:active,
44
+ .btn.active,
45
+ .btn:hover,
46
+ .btn:focus,
47
+ .btn[disabled],
48
+ .btn[disabled]:hover,
49
+ .open > .dropdown-toggle.btn {
50
+ background: rgba(235,238,240,1);
51
+ text-decoration: none;
52
+ }
53
+ .btn[disabled],
54
+ .btn[disabled]:hover {
55
+ color: rgba(43,50,53,1);
56
+ cursor: not-allowed;
57
+ }
58
+ .btn:active,
59
+ .btn[disabled]:active {
60
+ -webkit-transition: all 0.1s linear;
61
+ transition: all 0.1s linear;
62
+ }
63
+
64
+ /* # Sizes
65
+ ================================================== */
66
+ .btn-large {
67
+ font-size: 15px;
68
+ line-height: 15px;
69
+ padding: 15px 30px;
70
+ }
71
+ .btn-medium {
72
+ font-size: 12px;
73
+ line-height: 12px;
74
+ padding: 9px 15px;
75
+ }
76
+ .btn-small {
77
+ font-size: 11px;
78
+ line-height: 11px;
79
+ padding: 7px 15px;
80
+ }
81
+ .btn-mini {
82
+ font-size: 9px;
83
+ line-height: 9px;
84
+ padding: 6px 10px;
85
+ }
86
+ .btn-block,
87
+ button.btn-block,
88
+ input.btn-block {
89
+ -moz-box-sizing: border-box;
90
+ box-sizing: border-box;
91
+ display: block;
92
+ min-width: 100%;
93
+ padding-right: 0;
94
+ padding-left: 0;
95
+ width: 100%;
96
+ }
97
+
98
+ /* # Colors
99
+ ================================================== */
100
+ .btn-black {
101
+ background: rgba(56,67,81,1);
102
+ border-color: rgba(6,17,31,1);
103
+ box-shadow: inset 0 1px 0 rgba(86,97,111,1);
104
+ color: rgba(255,255,255,1) !important;
105
+ }
106
+ .btn-black:active,
107
+ .btn-black.active,
108
+ .btn-black:hover,
109
+ .btn-black:focus,
110
+ .btn-black[disabled],
111
+ .btn-black[disabled]:hover,
112
+ .open > .dropdown-toggle.btn-black {
113
+ background: rgba(66,77,91,1);
114
+ color: rgba(255,255,255,1) !important;
115
+ }
116
+ .btn-blue {
117
+ background: rgba(15,135,226,1);
118
+ border-color: rgba(0,120,211,1);
119
+ box-shadow: inset 0 1px 0 rgba(45,165,255,1);
120
+ color: rgba(255,255,255,1) !important;
121
+ }
122
+ .btn-blue:active,
123
+ .btn-blue.active,
124
+ .btn-blue:hover,
125
+ .btn-blue:focus,
126
+ .btn-blue[disabled],
127
+ .btn-blue[disabled]:hover,
128
+ .open > .dropdown-toggle.btn-blue {
129
+ background: rgba(25,145,236,1);
130
+ color: rgba(255,255,255,1) !important;
131
+ }
132
+ .btn-green {
133
+ background: rgba(89,168,15,1);
134
+ border-color: rgba(74,153,0,1);
135
+ box-shadow: inset 0 1px 0 rgba(119,198,45,1);
136
+ color: rgba(255,255,255,1) !important;
137
+ }
138
+ .btn-green:active,
139
+ .btn-green.active,
140
+ .btn-green:hover,
141
+ .btn-green:focus,
142
+ .btn-green[disabled],
143
+ .btn-green[disabled]:hover,
144
+ .open > .dropdown-toggle.btn-green {
145
+ background: rgba(99,178,25,1);
146
+ color: rgba(255,255,255,1) !important;
147
+ }
148
+ .btn-orange {
149
+ background: rgba(232,126,15,1);
150
+ border-color: rgba(202,96,0,1);
151
+ box-shadow: inset 0 1px 0 rgba(252,146,35,1);
152
+ color: rgba(255,255,255,1) !important;
153
+ }
154
+ .btn-orange:active,
155
+ .btn-orange.active,
156
+ .btn-orange:hover,
157
+ .btn-orange:focus,
158
+ .btn-orange[disabled],
159
+ .btn-orange[disabled]:hover,
160
+ .open > .dropdown-toggle.btn-orange {
161
+ background: rgba(242,136,25,1);
162
+ color: rgba(255,255,255,1) !important;
163
+ }
164
+ .btn-purple {
165
+ background: rgba(117,73,170,1);
166
+ border-color: rgba(97,43,130,1);
167
+ box-shadow: inset 0 1px 0 rgba(137,93,190,1);
168
+ color: rgba(255,255,255,1) !important;
169
+ }
170
+ .btn-purple:active,
171
+ .btn-purple.active,
172
+ .btn-purple:hover,
173
+ .btn-purple:focus,
174
+ .btn-purple[disabled],
175
+ .btn-purple[disabled]:hover,
176
+ .open > .dropdown-toggle.btn-purple {
177
+ background: rgba(127,83,180,1);
178
+ color: rgba(255,255,255,1) !important;
179
+ }
180
+ .btn-red {
181
+ background: rgba(218,79,46,1);
182
+ border-color: rgba(188,49,16,1);
183
+ box-shadow: inset 0 1px 0 rgba(248,109,106,1);
184
+ color: rgba(255,255,255,1) !important;
185
+ }
186
+ .btn-red:active,
187
+ .btn-red.active,
188
+ .btn-red:hover,
189
+ .btn-red:focus,
190
+ .btn-red[disabled],
191
+ .btn-red[disabled]:hover,
192
+ .open > .dropdown-toggle.btn-red {
193
+ background: rgba(228,89,56,1);
194
+ color: rgba(255,255,255,1) !important;
195
+ }
196
+ .btn-smoke {
197
+ background: rgba(102,117,127,1);
198
+ border-color: rgba(62,77,87,1);
199
+ box-shadow: inset 0 1px 0 rgba(132,147,157,1);
200
+ color: rgba(255,255,255,1) !important;
201
+ }
202
+ .btn-smoke:active,
203
+ .btn-smoke.active,
204
+ .btn-smoke:hover,
205
+ .btn-smoke:focus,
206
+ .btn-smoke[disabled],
207
+ .btn-smoke[disabled]:hover,
208
+ .open > .dropdown-toggle.btn-smoke {
209
+ background: rgba(112,127,137,1);
210
+ color: rgba(255,255,255,1) !important;
211
+ }
212
+ .btn-white {
213
+ background: rgba(255,255,255,1);
214
+ border-color: rgba(255,255,255,1);
215
+ color: rgba(225,232,237,1) !important;
216
+ }
217
+ .btn-white:active,
218
+ .btn-white.active,
219
+ .btn-white:hover,
220
+ .btn-white:focus,
221
+ .btn-white[disabled],
222
+ .btn-white[disabled]:hover,
223
+ .open > .dropdown-toggle.btn-white {
224
+ background: rgba(225,232,237,1);
225
+ color: rgba(255,255,255,1) !important;
226
+ }
227
+ .btn-yellow {
228
+ background: rgba(255,217,15,1);
229
+ border-color: rgba(240,202,0,1);
230
+ box-shadow: inset 0 1px 0 rgba(255,237,35,1);
231
+ color: rgba(43,50,53,1) !important;
232
+ }
233
+ .btn-yellow:active,
234
+ .btn-yellow.active,
235
+ .btn-yellow:hover,
236
+ .btn-yellow:focus,
237
+ .btn-yellow[disabled],
238
+ .btn-yellow[disabled]:hover,
239
+ .open > .dropdown-toggle.btn-yellow {
240
+ background: rgba(255,227,25,1);
241
+ color: rgba(43,50,53,1) !important;
242
+ }
243
+
244
+ /* # Links
245
+ ================================================== */
246
+ .btn-link {
247
+ background: transparent;
248
+ border-color: transparent;
249
+ box-shadow: none;
250
+ color: rgba(174,182,192,1) !important;
251
+ padding: 0;
252
+ }
253
+ .btn-link:active,
254
+ .btn-link.active,
255
+ .btn-link:hover,
256
+ .btn-link:focus,
257
+ .btn-link[disabled],
258
+ .btn-link[disabled]:hover {
259
+ background: transparent;
260
+ color: rgba(43,50,53,1) !important;
261
+ }
262
+
263
+ /* # Icons
264
+ ================================================== */
265
+ .btn-icon {
266
+ font-size: 17px;
267
+ line-height: 17px;
268
+ min-width: 42px;
269
+ padding: 10px 13px;
270
+ }
271
+ .btn-large.btn-icon {
272
+ font-size: 23px;
273
+ line-height: 22px;
274
+ min-width: 50px;
275
+ padding: 11px 13px;
276
+ }
277
+ .btn-medium.btn-icon {
278
+ font-size: 15px;
279
+ line-height: 15px;
280
+ min-width: 34px;
281
+ padding: 7px 10px 8px 10px;
282
+ }
283
+ .btn-small.btn-icon {
284
+ font-size: 14px;
285
+ line-height: 14px;
286
+ min-width: 28px;
287
+ padding: 6px 7px;
288
+ }
289
+ .btn-mini.btn-icon {
290
+ font-size: 11px;
291
+ line-height: 11px;
292
+ min-width: 25px;
293
+ padding: 5px 6px;
294
+ }
295
+
296
+ /* # Outlines
297
+ ================================================== */
298
+ .btn-outline {
299
+ background: transparent;
300
+ box-shadow: none;
301
+ color: rgba(174,182,192,1) !important;
302
+ }
303
+ .btn-outline:active,
304
+ .btn-outline.active,
305
+ .btn-outline:hover,
306
+ .btn-outline:focus,
307
+ .btn-outline[disabled],
308
+ .btn-outline[disabled]:hover {
309
+ background: transparent;
310
+ color: rgba(102,117,127,1) !important;
311
+ }
312
+ .btn-outline[disabled],
313
+ .btn-outline[disabled]:hover {
314
+ border-color: rgba(174,182,192,1);
315
+ color: rgba(174,182,192,1) !important;
316
+ }
317
+ .btn-outline.btn-black {
318
+ border-color: rgba(56,67,81,1);
319
+ color: rgba(56,67,81,1) !important;
320
+ }
321
+ .btn-outline.btn-black:active,
322
+ .btn-outline.btn-black.active,
323
+ .btn-outline.btn-black:hover,
324
+ .btn-outline.btn-black:focus,
325
+ .btn-outline.btn-black[disabled],
326
+ .btn-outline.btn-black[disabled]:hover {
327
+ border-color: rgba(136,147,151,1);
328
+ color: rgba(136,147,151,1) !important;
329
+ }
330
+ .btn-outline.btn-blue {
331
+ border-color: rgba(15,135,226,1);
332
+ color: rgba(15,135,226,1) !important;
333
+ }
334
+ .btn-outline.btn-blue:active,
335
+ .btn-outline.btn-blue.active,
336
+ .btn-outline.btn-blue:hover,
337
+ .btn-outline.btn-blue:focus,
338
+ .btn-outline.btn-blue[disabled],
339
+ .btn-outline.btn-blue[disabled]:hover {
340
+ border-color: rgba(45,165,255,1);
341
+ color: rgba(45,165,255,1) !important;
342
+ }
343
+ .btn-outline.btn-green {
344
+ border-color: rgba(89,168,15,1);
345
+ color: rgba(89,168,15,1) !important;
346
+ }
347
+ .btn-outline.btn-green:active,
348
+ .btn-outline.btn-green.active,
349
+ .btn-outline.btn-green:hover,
350
+ .btn-outline.btn-green:focus,
351
+ .btn-outline.btn-green[disabled],
352
+ .btn-outline.btn-green[disabled]:hover {
353
+ border-color: rgba(129,198,45,1);
354
+ color: rgba(129,198,45,1) !important;
355
+ }
356
+ .btn-outline.btn-orange {
357
+ border-color: rgba(232,126,15,1);
358
+ color: rgba(232,126,15,1) !important;
359
+ }
360
+ .btn-outline.btn-orange:active,
361
+ .btn-outline.btn-orange.active,
362
+ .btn-outline.btn-orange:hover,
363
+ .btn-outline.btn-orange:focus,
364
+ .btn-outline.btn-orange[disabled],
365
+ .btn-outline.btn-orange[disabled]:hover {
366
+ border-color: rgba(252,146,35,1);
367
+ color: rgba(252,146,35,1) !important;
368
+ }
369
+ .btn-outline.btn-purple {
370
+ border-color: rgba(117,73,170,1);
371
+ color: rgba(117,73,170,1) !important;
372
+ }
373
+ .btn-outline.btn-purple:active,
374
+ .btn-outline.btn-purple.active,
375
+ .btn-outline.btn-purple:hover,
376
+ .btn-outline.btn-purple:focus,
377
+ .btn-outline.btn-purple[disabled],
378
+ .btn-outline.btn-purple[disabled]:hover {
379
+ border-color: rgba(137,93,190,1);
380
+ color: rgba(137,93,190,1) !important;
381
+ }
382
+ .btn-outline.btn-red {
383
+ border-color: rgba(218,79,46,1);
384
+ color: rgba(218,79,46,1) !important;
385
+ }
386
+ .btn-outline.btn-red:active,
387
+ .btn-outline.btn-red.active,
388
+ .btn-outline.btn-red:hover,
389
+ .btn-outline.btn-red:focus,
390
+ .btn-outline.btn-red[disabled],
391
+ .btn-outline.btn-red[disabled]:hover {
392
+ border-color: rgba(248,109,76,1);
393
+ color: rgba(248,109,76,1) !important;
394
+ }
395
+ .btn-outline.btn-smoke {
396
+ border-color: rgba(102,117,127,1);
397
+ color: rgba(102,117,127,1) !important;
398
+ }
399
+ .btn-outline.btn-smoke:active,
400
+ .btn-outline.btn-smoke.active,
401
+ .btn-outline.btn-smoke:hover,
402
+ .btn-outline.btn-smoke:focus,
403
+ .btn-outline.btn-smoke[disabled],
404
+ .btn-outline.btn-smoke[disabled]:hover {
405
+ border-color: rgba(132,147,157,1);
406
+ color: rgba(132,147,157,1) !important;
407
+ }
408
+ .btn-outline.btn-white {
409
+ border-color: rgba(255,255,255,1);
410
+ color: rgba(255,255,255,1) !important;
411
+ }
412
+ .btn-outline.btn-white:active,
413
+ .btn-outline.btn-white.active,
414
+ .btn-outline.btn-white:hover,
415
+ .btn-outline.btn-white:focus,
416
+ .btn-outline.btn-white[disabled],
417
+ .btn-outline.btn-white[disabled]:hover {
418
+ border-color: rgba(225,232,237,1);
419
+ color: rgba(225,232,237,1) !important;
420
+ }
421
+ .btn-outline.btn-yellow {
422
+ border-color: rgba(255,217,15,1);
423
+ color: rgba(255,217,15,1) !important;
424
+ }
425
+ .btn-outline.btn-yellow:active,
426
+ .btn-outline.btn-yellow.active,
427
+ .btn-outline.btn-yellow:hover,
428
+ .btn-outline.btn-yellow:focus,
429
+ .btn-outline.btn-yellow[disabled],
430
+ .btn-outline.btn-yellow[disabled]:hover {
431
+ border-color: rgba(255,227,25,1);
432
+ color: rgba(255,227,25,1) !important;
433
+ }
434
+
435
+ /* # Styles
436
+ ================================================== */
437
+ .btn-circle { border-radius: 500px; }
438
+ .btn-uppercase { text-transform: uppercase; }
439
+
440
+ /* # Group
441
+ ================================================== */
442
+ .btn-group,
443
+ .btn-group-vertical {
444
+ display: inline-block;
445
+ font-size: 0;
446
+ position: relative;
447
+ white-space: nowrap;
448
+ vertical-align: middle;
449
+ }
450
+ .btn-group + .btn-group { margin-left: 5px; }
451
+ .btn-group.pull-right + .btn-group.pull-right {
452
+ margin-right: 10px;
453
+ margin-left: 0;
454
+ }
455
+ .btn-group > .btn,
456
+ .btn-group-vertical > .btn {
457
+ border-radius: 0;
458
+ margin-left: -1px;
459
+ position: relative;
460
+ }
461
+ .btn-group > .btn:first-child {
462
+ border-bottom-left-radius: 2px;
463
+ border-top-left-radius: 2px;
464
+ margin-left: 0;
465
+ }
466
+ .btn-group > .btn:last-child,
467
+ .btn-group > .dropdown-toggle {
468
+ border-bottom-right-radius: 2px;
469
+ border-top-right-radius: 2px;
470
+ }
471
+ .btn-group > .btn:active,
472
+ .btn-group > .btn.active,
473
+ .btn-group > .btn:hover,
474
+ .btn-group > .btn:focus,
475
+ .btn-group > .btn:hover,
476
+ .btn-group-vertical > .btn:hover,
477
+ .btn-group-vertical > .btn:focus,
478
+ .btn-group-vertical > .btn:active,
479
+ .btn-group-vertical > .btn.active { z-index: 2; }
480
+ .btn-group .dropdown-toggle:active,
481
+ .btn-group.open .dropdown-toggle { outline: 0; }
482
+ .btn-group-vertical > .btn,
483
+ .btn-group-vertical > .btn-group,
484
+ .btn-group-vertical > .btn-group > .btn {
485
+ border-radius: 0;
486
+ display: block;
487
+ margin-left: 0;
488
+ margin-top: -1px;
489
+ max-width: 100%;
490
+ width: 100%;
491
+ }
492
+ .btn-group-vertical > .btn:first-child {
493
+ border-top-right-radius: 2px;
494
+ border-top-left-radius: 2px;
495
+ margin-left: 0;
496
+ }
497
+ .btn-group-vertical > .btn:last-child,
498
+ .btn-group-vertical > .dropdown-toggle {
499
+ border-bottom-right-radius: 2px;
500
+ border-bottom-left-radius: 2px;
501
+ }
502
+ .btn-group-justified {
503
+ border-collapse: separate;
504
+ display: table;
505
+ table-layout: fixed;
506
+ width: 100%;
507
+ }
508
+ .btn-group-justified > .btn,
509
+ .btn-group-justified > .btn-group {
510
+ display: table-cell;
511
+ float: none;
512
+ width: 1%;
513
+ }
514
+ .btn-group-justified > .btn-group .btn { width: 100%; }
515
+ .btn-group-justified > .btn { border-right-width: 0; }
516
+ .btn-group-justified > .btn:last-child { border-right-width: 1px; }
517
+
518
+ /* # Toolbar
519
+ ================================================== */
520
+ .btn-toolbar {
521
+ font-size: 0;
522
+ margin-bottom: 10px;
523
+ margin-top: 10px;
524
+ }
525
+ .btn-toolbar > .btn + .btn,
526
+ .btn-toolbar > .btn-group + .btn,
527
+ .btn-toolbar > .btn + .btn-group { margin-left: 5px; }
528
+
529
+ /* # Data Toggles
530
+ ================================================== */
531
+ [data-toggle="buttons"] > .btn > input[type="radio"],
532
+ [data-toggle="buttons"] > .btn > input[type="checkbox"] {
533
+ opacity: 0;
534
+ position: absolute;
535
+ z-index: -1;
536
+ }
537
+
538
+ /* # Media Queries
539
+ ================================================== */
540
+ @media only screen and (max-width: 767px) {
541
+ .btn-group-responsive > .btn,
542
+ .btn-group-responsive > .btn-group,
543
+ .btn-group-responsive > .btn-group > .btn {
544
+ border-radius: 0;
545
+ display: block;
546
+ margin-left: 0;
547
+ margin-top: -1px;
548
+ max-width: 100%;
549
+ width: 100%;
550
+ }
551
+ .btn-group-responsive > .btn:first-child {
552
+ border-top-right-radius: 2px;
553
+ border-top-left-radius: 2px;
554
+ margin-left: 0;
555
+ }
556
+ .btn-group-responsive > .btn:last-child,
557
+ .btn-group-responsive > .dropdown-toggle {
558
+ border-bottom-right-radius: 2px;
559
+ border-bottom-left-radius: 2px;
560
+ }
561
+ .btn-group-vertical-responsive > .btn,
562
+ .btn-group-vertical-responsive > .btn-group,
563
+ .btn-group-vertical-responsive > .btn-group > .btn {
564
+ display: inline-block;
565
+ margin-left: -1px;
566
+ margin-top: 0;
567
+ max-width: initial;
568
+ width: initial;
569
+ }
570
+ .btn-group-vertical-responsive > .btn:first-child {
571
+ border-bottom-left-radius: 2px;
572
+ border-top-right-radius: 0;
573
+ border-top-left-radius: 2px;
574
+ }
575
+ .btn-group-vertical-responsive > .btn:last-child,
576
+ .btn-group-vertical-responsive > .dropdown-toggle {
577
+ border-bottom-right-radius: 2px;
578
+ border-bottom-left-radius: 0;
579
+ border-top-right-radius: 2px;
580
+ }
581
+ }