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,90 @@
1
+ /* Table of Contents
2
+ ==================================================
3
+ # Dropdown
4
+ # Submenu */
5
+
6
+ /* # Dropdown
7
+ ================================================== */
8
+ .dropup,
9
+ .dropdown { position: relative; }
10
+ .dropdown-toggle:active,
11
+ .open .dropdown-toggle { outline: 0; }
12
+ .dropdown-menu {
13
+ background: rgba(245,248,250,1);
14
+ background-clip: padding-box;
15
+ border: 1px solid rgba(225,232,237,1);
16
+ border-radius: 4px;
17
+ box-shadow: 0 0 3px rgba(225,232,237,1);
18
+ box-sizing: border-box;
19
+ color: rgba(43,50,53,1);
20
+ display: none;
21
+ float: left;
22
+ font-weight: bold;
23
+ font-size: 12px;
24
+ line-height: 20px;
25
+ list-style: none;
26
+ margin: 2px 0 0 0;
27
+ min-width: 160px;
28
+ padding: 5px 0;
29
+ position: absolute;
30
+ text-align: left;
31
+ top: 100%;
32
+ z-index: 1000;
33
+ }
34
+ .dropdown-menu.pull-right {
35
+ left: auto;
36
+ right: 0;
37
+ }
38
+ .dropdown-menu > .divider {
39
+ background: rgba(225,232,237,1);
40
+ height: 1px;
41
+ margin: 5px 0px;
42
+ overflow: hidden;
43
+ }
44
+ .dropdown-menu > li > a {
45
+ clear: both;
46
+ color: rgba(43,50,53,1);
47
+ cursor: pointer;
48
+ display: block;
49
+ padding: 5px 15px;
50
+ text-decoration: none;
51
+ white-space: nowrap;
52
+ }
53
+ .dropdown-menu > li > a:hover,
54
+ .dropdown-menu > li > a:focus,
55
+ .dropdown-submenu:hover > a,
56
+ .dropdown-submenu:focus > a { color: rgba(15,135,226,1); }
57
+ .open > .dropdown-menu { display: block; }
58
+ .pull-right > .dropdown-menu {
59
+ left: auto;
60
+ right: 0;
61
+ }
62
+ .dropdown .dropdown-menu .nav-header {
63
+ padding-right: 20px;
64
+ padding-left: 20px;
65
+ }
66
+
67
+ /* # Submenu
68
+ ================================================== */
69
+ .dropdown-submenu { position: relative; }
70
+ .dropdown-submenu > .dropdown-menu {
71
+ left: 100%;
72
+ margin-left: -1px;
73
+ margin-top: -6px;
74
+ top: 0;
75
+ }
76
+ .dropdown-submenu:hover > .dropdown-menu { display: block; }
77
+ .dropdown-submenu > a:after {
78
+ content: " ";
79
+ display: block;
80
+ float: right;
81
+ height: 0;
82
+ margin-right: -10px;
83
+ margin-top: 5px;
84
+ width: 0;
85
+ }
86
+ .dropdown-submenu.pull-left { float: none; }
87
+ .dropdown-submenu.pull-left > .dropdown-menu {
88
+ left: -100%;
89
+ margin-left: 10px;
90
+ }
@@ -0,0 +1,68 @@
1
+ /* Table of Contents
2
+ ==================================================
3
+ # Footer
4
+ # Alternate */
5
+
6
+ /* # Footer
7
+ ================================================== */
8
+ .footer {
9
+ background: rgba(255,255,255,1);
10
+ border-top: 1px solid rgba(225,232,237,1);
11
+ box-shadow: inset 0 1px 3px rgba(225,232,237,1);
12
+ color: rgba(136,153,166,1);
13
+ margin-top: 80px;
14
+ padding: 50px 0;
15
+ }
16
+ .footer-brand {
17
+ margin: -79px 0 30px 0;
18
+ text-align: center;
19
+ }
20
+ .footer-brand > a {
21
+ background: rgba(255,255,255,1);
22
+ border-radius: 4px;
23
+ box-shadow: 0 1px 2px rgba(225,232,237,1);
24
+ color: rgba(136,153,166,1);
25
+ display: inline-block;
26
+ font-size: 44px;
27
+ height: 46px;
28
+ padding: 5px 0 2px 0;
29
+ opacity: 1;
30
+ text-decoration: none;
31
+ text-align: center;
32
+ vertical-align: middle;
33
+ width: 50px;
34
+ }
35
+ .footer-title {
36
+ color: rgba(136,153,166,1);
37
+ letter-spacing: 1px;
38
+ text-transform: uppercase;
39
+ }
40
+ .footer-nav {
41
+ font-size: 14px;
42
+ line-height: 22px;
43
+ list-style-type: none;
44
+ margin: 0;
45
+ padding: 0;
46
+ }
47
+ .footer-nav > li > a {
48
+ color: rgba(136,153,166,1);
49
+ text-decoration: none;
50
+ }
51
+ .footer-nav > li > a:hover { color: rgba(102,117,127,1); }
52
+ .footer-footnote {
53
+ display: block;
54
+ margin-top: 30px;
55
+ text-align: center;
56
+ }
57
+
58
+ /* # Alternate
59
+ ================================================== */
60
+ .footer-alt {
61
+ background: transparent;
62
+ border-color: transparent;
63
+ box-shadow: none;
64
+ }
65
+ .footer-alt .footer-brand > a {
66
+ background: transparent;
67
+ box-shadow: none;
68
+ }
@@ -0,0 +1,346 @@
1
+ /* Table of Contents
2
+ ==================================================
3
+ # Form
4
+ # Components
5
+ # Grid
6
+ # Media Queries */
7
+
8
+ /* # Form
9
+ ================================================== */
10
+ fieldset { border: 0; }
11
+ legend {
12
+ border: 0;
13
+ border-bottom: 1px solid rgba(230,237,242,1);
14
+ color: rgba(43,50,53,1);
15
+ display: block;
16
+ font-size: 16px;
17
+ font-weight: bold;
18
+ line-height: 25px;
19
+ margin-bottom: 20px;
20
+ padding: 0;
21
+ width: 100%;
22
+ }
23
+ label {
24
+ color: rgba(43,50,53,1);
25
+ display: block;
26
+ font-size: 14px;
27
+ font-weight: bold;
28
+ margin: 5px 0 5px 0;
29
+ }
30
+ textarea,
31
+ input[type="text"],
32
+ input[type="password"],
33
+ input[type="datetime"],
34
+ input[type="datetime-local"],
35
+ input[type="date"],
36
+ input[type="month"],
37
+ input[type="time"],
38
+ input[type="week"],
39
+ input[type="number"],
40
+ input[type="email"],
41
+ input[type="url"],
42
+ input[type="search"],
43
+ input[type="tel"],
44
+ input[type="color"],
45
+ .uneditable-input {
46
+ -webkit-appearance: none;
47
+ -moz-appearance: none;
48
+ background: rgba(255,255,255,1);
49
+ border: 1px solid rgba(230,237,242,1);
50
+ border-radius: 0;
51
+ -moz-box-sizing: border-box;
52
+ box-sizing: border-box;
53
+ color: rgba(43,50,53,1);
54
+ display: block;
55
+ font-size: 16px;
56
+ line-height: 1;
57
+ margin-bottom: 5px;
58
+ padding: 13px 0 10px 0;
59
+ text-indent: 10px;
60
+ -webkit-transition: border linear 0.2s;
61
+ transition: border linear 0.2s;
62
+ width: 100%;
63
+ vertical-align: middle;
64
+ }
65
+ textarea {
66
+ height: 140px;
67
+ line-height: 22px;
68
+ }
69
+ textarea:focus,
70
+ input[type="text"]:focus,
71
+ input[type="password"]:focus,
72
+ input[type="datetime"]:focus,
73
+ input[type="datetime-local"]:focus,
74
+ input[type="date"]:focus,
75
+ input[type="month"]:focus,
76
+ input[type="time"]:focus,
77
+ input[type="week"]:focus,
78
+ input[type="number"]:focus,
79
+ input[type="email"]:focus,
80
+ input[type="url"]:focus,
81
+ input[type="search"]:focus,
82
+ input[type="tel"]:focus,
83
+ input[type="color"]:focus,
84
+ .uneditable-input:focus {
85
+ border-color: rgba(15,135,226,1);
86
+ outline: 0;
87
+ outline: thin dotted \9;
88
+ -webkit-transition: background 150ms linear;
89
+ transition: background 150ms linear;
90
+ }
91
+ input[type="radio"],
92
+ input[type="checkbox"] {
93
+ margin: 5px 0 0;
94
+ margin-top: 1px \9;
95
+ line-height: normal;
96
+ }
97
+ input[type="file"],
98
+ input[type="image"],
99
+ input[type="submit"],
100
+ input[type="reset"],
101
+ input[type="button"],
102
+ input[type="radio"],
103
+ input[type="checkbox"] { width: auto; }
104
+ select {
105
+ -webkit-appearance: none;
106
+ -moz-appearance: none;
107
+ background: rgba(255,255,255,1);
108
+ border: 1px solid rgba(230,237,242,1);
109
+ border-radius: 0;
110
+ -moz-box-sizing: border-box;
111
+ box-sizing: border-box;
112
+ color: rgba(43,50,53,1);
113
+ font-size: 16px;
114
+ line-height: 1;
115
+ margin-bottom: 5px;
116
+ padding: 13px 0 10px 10px;
117
+ text-indent: 0;
118
+ text-transform: capitalize;
119
+ width: 100%;
120
+ vertical-align: middle;
121
+ }
122
+ select[multiple] {
123
+ border-radius: 2px;
124
+ padding-left: 10px;
125
+ }
126
+ select[multiple],
127
+ select[size] { height: auto; }
128
+ select:focus,
129
+ input[type="file"]:focus,
130
+ input[type="radio"]:focus,
131
+ input[type="checkbox"]:focus {
132
+ outline: thin dotted rgba(0,0,0,1);
133
+ outline: 5px auto -webkit-focus-ring-color;
134
+ outline-offset: -2px;
135
+ }
136
+ select.datetime {
137
+ margin-left: 0;
138
+ padding-right: 15px;
139
+ width: initial;
140
+ }
141
+ input:-moz-placeholder,
142
+ textarea:-moz-placeholder {
143
+ color: rgba(136,153,166,1);
144
+ font-weight: 200;
145
+ }
146
+ input:-ms-input-placeholder,
147
+ textarea:-ms-input-placeholder {
148
+ color: rgba(136,153,166,1);
149
+ font-weight: 200;
150
+ }
151
+ input::-webkit-input-placeholder,
152
+ textarea::-webkit-input-placeholder {
153
+ color: rgba(136,153,166,1);
154
+ font-weight: 200;
155
+ }
156
+ input:focus:invalid,
157
+ textarea:focus:invalid,
158
+ select:focus:invalid {
159
+ border-color: rgba(218,79,46,1);
160
+ color: rgba(218,79,46,1);
161
+ }
162
+ input:focus:invalid:focus,
163
+ textarea:focus:invalid:focus,
164
+ select:focus:invalid:focus { border-color: rgba(218,79,46,1); }
165
+ input[disabled],
166
+ textarea[disabled],
167
+ select[disabled],
168
+ .uneditable-input {
169
+ background: rgba(245,248,250,1);
170
+ color: rgba(136,153,166,1) !important;
171
+ cursor: not-allowed;
172
+ }
173
+ .uneditable-input { font-weight: normal; }
174
+ input.form-input-initial-width,
175
+ select.form-input-initial-width {
176
+ display: inline-block;
177
+ width: initial;
178
+ }
179
+
180
+ /* # Components
181
+ ================================================== */
182
+ .form-header {
183
+ border-bottom: 1px solid rgba(230,237,242,1);
184
+ margin-bottom: 30px;
185
+ padding-bottom: 5px;
186
+ }
187
+ .form-header h1,
188
+ .form-header h2,
189
+ .form-header h3,
190
+ .form-header h4,
191
+ .form-header h5,
192
+ .form-header h6 { margin-bottom: 0; }
193
+ .form-error-messages { margin-bottom: 40px; }
194
+ .form-error-messages h4 {
195
+ background: rgba(245,248,250,1);
196
+ border: 1px solid rgba(230,237,242,1);
197
+ margin: 0;
198
+ padding: 5px 10px;
199
+ }
200
+ .form-error-messages ul {
201
+ border-bottom: 1px solid rgba(230,237,242,1);
202
+ border-right: 1px solid rgba(230,237,242,1);
203
+ border-left: 1px solid rgba(230,237,242,1);
204
+ }
205
+ .form-error-messages li {
206
+ display: block;
207
+ padding: 0 10px;
208
+ }
209
+ .form-error-messages li:first-child { padding-top: 10px; }
210
+ .form-error-messages li:last-child { padding-bottom: 10px; }
211
+ .form-textarea-small { height: 80px; }
212
+ .form-textarea-large { height: 200px; }
213
+ .form-file-input {
214
+ height: 0;
215
+ margin: 0;
216
+ padding: 0;
217
+ position: fixed;
218
+ visibility: hidden;
219
+ width: 0;
220
+ }
221
+ .form-input-group,
222
+ .form-file-group {
223
+ border-collapse: separate;
224
+ display: table;
225
+ margin-bottom: 5px;
226
+ position: relative;
227
+ }
228
+ .form-input-group[class*="col-"],
229
+ .form-file-group[class*="col-"] {
230
+ float: none;
231
+ padding: 0;
232
+ }
233
+ .form-input-group input,
234
+ .form-input-group-addon,
235
+ .form-file-group input,
236
+ .form-file-group-addon { display: table-cell; }
237
+ .form-input-group input,
238
+ .form-file-group input { margin: 0; }
239
+ .form-input-group-addon {
240
+ background: rgba(245,248,250,1);
241
+ border: 1px solid rgba(230,237,242,1);
242
+ -moz-box-sizing: border-box;
243
+ box-sizing: border-box;
244
+ color: rgba(136,153,166,1);
245
+ font-size: 16px;
246
+ line-height: 0;
247
+ padding: 0 13px;
248
+ text-align: center;
249
+ width: 1%;
250
+ white-space: nowrap;
251
+ vertical-align: middle;
252
+ }
253
+ .form-file-group-addon {
254
+ -moz-box-sizing: border-box;
255
+ box-sizing: border-box;
256
+ line-height: 0;
257
+ padding: 0;
258
+ text-align: center;
259
+ width: 1%;
260
+ white-space: nowrap;
261
+ vertical-align: middle;
262
+ }
263
+ .form-file-group-button {
264
+ padding-bottom: 12px;
265
+ padding-top: 12px;
266
+ }
267
+ .form-file-group-addon:first-child .form-file-group-button {
268
+ border-bottom-right-radius: 0;
269
+ border-top-right-radius: 0;
270
+ }
271
+ .form-file-group-addon:last-child .form-file-group-button {
272
+ border-bottom-left-radius: 0;
273
+ border-top-left-radius: 0;
274
+ }
275
+ .form-input-group-addon:first-child,
276
+ .form-file-group-addon:first-child,
277
+ .form-file-group-addon:first-child .form-file-group-button { border-right: 0; }
278
+ .form-input-group-addon:last-child,
279
+ .form-file-group-addon:last-child,
280
+ .form-file-group-addon:last-child .form-file-group-button { border-left: 0; }
281
+ .form-input-group-addon input[type="radio"],
282
+ .form-input-group-addon input[type="checkbox"] { margin: 0; }
283
+ .form-input-inline {
284
+ display: inline-block;
285
+ margin: 0;
286
+ }
287
+ .form-text-inline { margin-top: 13px; }
288
+ .form-select-inline { margin: 0; }
289
+ .form-button-inline {
290
+ margin: 0;
291
+ padding-bottom: 13px;
292
+ padding-top: 11px;
293
+ }
294
+ .form-help-block {
295
+ color: rgba(136,153,166,1);
296
+ display: block;
297
+ font-size: 12px;
298
+ margin-bottom: 15px;
299
+ }
300
+ .form-btn-group > .btn {
301
+ background: transparent;
302
+ border-color: rgba(230,237,242,1);
303
+ color: rgba(174,182,192,1);
304
+ }
305
+ .form-btn-group > .btn:active,
306
+ .form-btn-group > .btn.active,
307
+ .form-btn-group > .btn:hover,
308
+ .form-btn-group > .btn:focus {
309
+ background: rgba(245,248,250,1);
310
+ color: rgba(43,50,53,1);
311
+ }
312
+ .form-footer {
313
+ border-top: 1px solid rgba(230,237,242,1);
314
+ margin-top: 30px;
315
+ padding: 20px 0 0 0;
316
+ }
317
+ .form-footer li:first-child { margin-top: 10px; }
318
+
319
+ /* # Grid
320
+ ================================================== */
321
+ .form-column {
322
+ display: block;
323
+ float: left;
324
+ margin-right: 2.5%;
325
+ margin-left: 2.5%;
326
+ }
327
+ .form-column.alpha { margin-left: 0; }
328
+ .form-column.omega { margin-right: 0; }
329
+ .form-column.one-quarter-column { width: 22.5%; }
330
+ .form-column.one-third-column { width: 30%; }
331
+ .form-column.half-column { width: 47.5%; }
332
+ .form-column.two-third-column { width: 65%; }
333
+ .form-column.three-quarter-column { width: 72.5%; }
334
+
335
+ /* # Media Queries
336
+ ================================================== */
337
+ @media only screen and (max-width: 767px) {
338
+ .form-button-inline { margin-top: 15px; }
339
+ .form-text-inline { margin-top: 0; }
340
+ .form-column-responsive .form-column {
341
+ clear: both;
342
+ float: none;
343
+ margin: 0;
344
+ width: 100%;
345
+ }
346
+ }