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,152 @@
1
+ /* Table of Contents
2
+ ==================================================
3
+ # Carousel
4
+ # Media Queries */
5
+
6
+ /* # Carousel
7
+ ================================================== */
8
+ .carousel { position: relative; }
9
+ .carousel-inner {
10
+ overflow: hidden;
11
+ position: relative;
12
+ width: 100%;
13
+ }
14
+ .carousel-inner > .item {
15
+ display: none;
16
+ position: relative;
17
+ -webkit-transition: 0.6s ease-in-out left;
18
+ transition: 0.6s ease-in-out left;
19
+ }
20
+ .carousel-inner > .item > img,
21
+ .carousel-inner > .item > a > img {
22
+ display: block;
23
+ height: auto;
24
+ line-height: 1;
25
+ max-width: 100%;
26
+ }
27
+ .carousel-inner > .active,
28
+ .carousel-inner > .next,
29
+ .carousel-inner > .prev { display: block; }
30
+ .carousel-inner > .active { left: 0; }
31
+ .carousel-inner > .next,
32
+ .carousel-inner > .prev {
33
+ position: absolute;
34
+ top: 0;
35
+ width: 100%;
36
+ }
37
+ .carousel-inner > .next { left: 100%; }
38
+ .carousel-inner > .prev { left: -100%; }
39
+ .carousel-inner > .next.left,
40
+ .carousel-inner > .prev.right { left: 0; }
41
+ .carousel-inner > .active.left { left: -100%; }
42
+ .carousel-inner > .active.right { left: 100%; }
43
+ .carousel-control {
44
+ bottom: 0;
45
+ color: rgba(255,255,255,1);
46
+ filter: alpha(opacity=50);
47
+ left: 0;
48
+ opacity: 0.5;
49
+ position: absolute;
50
+ text-align: center;
51
+ top: 0;
52
+ width: 70px;
53
+ }
54
+ .carousel-control.right {
55
+ left: auto;
56
+ right: 0;
57
+ }
58
+ .carousel-control:hover,
59
+ .carousel-control:focus {
60
+ color: rgba(255,255,255,1);
61
+ filter: alpha(opacity=90);
62
+ opacity: 0.9;
63
+ outline: none;
64
+ text-decoration: none;
65
+ }
66
+ .carousel-control .icon-prev,
67
+ .carousel-control .icon-next,
68
+ .carousel-control .icon-carousel-left,
69
+ .carousel-control .icon-carousel-right {
70
+ display: inline-block;
71
+ font-size: 42px;
72
+ height: 60px;
73
+ line-height: 60px;
74
+ position: absolute;
75
+ text-align: center;
76
+ top: 45%;
77
+ vertical-align: middle;
78
+ width: 60px;
79
+ z-index: 5;
80
+ }
81
+ .carousel-control .icon-prev,
82
+ .carousel-control .icon-carousel-left { left: 10px; }
83
+ .carousel-control .icon-next,
84
+ .carousel-control .icon-carousel-right { right: 10px; }
85
+ .carousel-control .icon-prev,
86
+ .carousel-control .icon-next {
87
+ font-family: serif;
88
+ height: 48px;
89
+ width: 48px;
90
+ }
91
+ .carousel-control .icon-prev:before { content: '\2039'; }
92
+ .carousel-control .icon-next:before { content: '\203a'; }
93
+ .carousel-indicators {
94
+ bottom: 10px;
95
+ left: 50%;
96
+ list-style: none;
97
+ margin-left: -30%;
98
+ padding-left: 0;
99
+ position: absolute;
100
+ text-align: center;
101
+ width: 60%;
102
+ z-index: 15;
103
+ }
104
+ .carousel-indicators li {
105
+ display: inline-block;
106
+ background: rgba(0,0,0,0);
107
+ border-radius: 10px;
108
+ border: 1px solid rgba(255,255,255,1);
109
+ cursor: pointer;
110
+ height: 10px;
111
+ margin: 1px;
112
+ text-indent: -999px;
113
+ width: 10px;
114
+ }
115
+ .carousel-indicators .active {
116
+ background: rgba(255,255,255,1);
117
+ height: 12px;
118
+ margin: 0;
119
+ width: 12px;
120
+ }
121
+ .carousel-caption {
122
+ bottom: 20px;
123
+ color: rgba(255,255,255,1);
124
+ left: 15%;
125
+ padding-bottom: 20px;
126
+ padding-top: 20px;
127
+ position: absolute;
128
+ right: 15%;
129
+ text-align: center;
130
+ z-index: 10;
131
+ }
132
+ .carousel-caption h1,
133
+ .carousel-caption h2,
134
+ .carousel-caption h3,
135
+ .carousel-caption h4,
136
+ .carousel-caption h5,
137
+ .carousel-caption h6 { color: rgba(255,255,255,1); }
138
+
139
+ /* # Media Queries
140
+ ================================================== */
141
+ @media only screen and (max-width: 767px) {
142
+ .carousel-control .icon-carousel-left,
143
+ .carousel-control .icon-carousel-right,
144
+ .carousel-control .icon-prev,
145
+ .carousel-control .icon-next {
146
+ font-size:20px;
147
+ height: 20px;
148
+ width: 20px;
149
+ }
150
+ .carousel-caption { display: none !important; }
151
+ .carousel-indicators { bottom: 20px; }
152
+ }
@@ -0,0 +1,11 @@
1
+ /* Table of Contents
2
+ ==================================================
3
+ # Chart */
4
+
5
+ /* # Chart
6
+ ================================================== */
7
+ .chart {
8
+ display: block;
9
+ width: 100%;
10
+ }
11
+ .chart-center { margin: 0 auto; }
@@ -0,0 +1,139 @@
1
+ /* Table of Contents
2
+ ==================================================
3
+ # Code
4
+ # Pre
5
+ # Pygments */
6
+
7
+ /* # Code
8
+ ================================================== */
9
+ code {
10
+ background: rgba(245,248,250,1);
11
+ border-radius: 2px;
12
+ color: rgba(43,50,53,1);
13
+ font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
14
+ font-size: 12px;
15
+ font-weight: normal;
16
+ line-height: 20px;
17
+ margin: 0;
18
+ padding: 3px 5px 4px 5px;
19
+ word-break: break-all;
20
+ word-wrap: break-word;
21
+ white-space: pre;
22
+ vertical-align: middle;
23
+ }
24
+
25
+ /* # Pre
26
+ ================================================== */
27
+ pre {
28
+ background: rgba(245,248,250,1);
29
+ border-radius: 3px;
30
+ color: rgba(43,50,53,1);
31
+ display: block;
32
+ font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
33
+ font-size: 12px;
34
+ font-weight: normal;
35
+ line-height: 20px;
36
+ margin: 0;
37
+ padding: 20px;
38
+ word-break: break-all;
39
+ word-wrap: break-word;
40
+ white-space: pre;
41
+ }
42
+ .pre-scrollable {
43
+ max-height: 300px;
44
+ overflow: scroll;
45
+ }
46
+
47
+ /* # Pygments
48
+ ================================================== */
49
+ .c {
50
+ color: rgba(136,153,166,1);
51
+ font-style: italic;
52
+ } /* Comment */
53
+ .err {
54
+ color: rgba(218,79,46,1);
55
+ background: rgba(43,50,53,1);
56
+ } /* Error */
57
+ .k { color: rgba(15,135,226,1); } /* Keyword */
58
+ .cm {
59
+ color: rgba(136,153,166,1);
60
+ font-style: italic;
61
+ } /* Comment.Multiline */
62
+ .cp { color: rgba(112,169,13,1); } /* Comment.Preproc */
63
+ .c1 {
64
+ color: rgba(136,153,166,1);
65
+ font-style: italic;
66
+ } /* Comment.Single */
67
+ .cs {
68
+ color: rgba(15,135,226,1);
69
+ font-style: italic;
70
+ } /* Comment.Special */
71
+ .gd { color: rgba(218,79,46,1); } /* Generic.Deleted */
72
+ .ge { font-style: italic; } /* Generic.Emph */
73
+ .gr { color: rgba(218,79,46,1) } /* Generic.Error */
74
+ .gh {
75
+ color: rgba(15,135,226,1);
76
+ font-weight: bold;
77
+ } /* Generic.Heading */
78
+ .gi { color: rgba(112,169,13,1); } /* Generic.Inserted */
79
+ .go { color: rgba(136,153,166,1); } /* Generic.Output */
80
+ .gp { color: rgba(43,50,53,1); } /* Generic.Prompt */
81
+ .gs { font-weight: bold; } /* Generic.Strong */
82
+ .gu {
83
+ color: rgba(43,50,53,1);
84
+ font-weight: bold;
85
+ } /* Generic.Subheading */
86
+ .gt { color: rgba(218,79,46,1); } /* Generic.Traceback */
87
+ .kc { color: rgba(15,135,226,1); } /* Keyword.Constant */
88
+ .kd { color: rgba(15,135,226,1); } /* Keyword.Declaration */
89
+ .kn { color: rgba(15,135,226,1); } /* Keyword.Namespace */
90
+ .kp { color: rgba(15,135,226,1); } /* Keyword.Pseudo */
91
+ .kr { color: rgba(15,135,226,1); } /* Keyword.Reserved */
92
+ .kt { color: rgba(112,169,13,1); } /* Keyword.Type */
93
+ .m { color: rgba(112,169,13,1); } /* Literal.Number */
94
+ .s { color: rgba(15,135,226,1); } /* Literal.String */
95
+ .sa { color: rgba(112,169,13,1); } /* Literal.String.Alternate */
96
+ .na { color: rgba(15,135,226,1); } /* Name.Attribute */
97
+ .nb { color: rgba(112,169,13,1); } /* Name.Builtin */
98
+ .nc {
99
+ color: rgba(112,169,13,1);
100
+ text-decoration: underline;
101
+ } /* Name.Class */
102
+ .no { color: rgba(218,79,46,1); } /* Name.Constant */
103
+ .nd { color: rgba(136,153,166,1); } /* Name.Decorator */
104
+ .ni {
105
+ color: rgba(218,79,46,1);
106
+ font-weight: bold;
107
+ } /* Name.Entity */
108
+ .nf { color: rgba(112,169,13,1); } /* Name.Function */
109
+ .nn {
110
+ color: rgba(112,169,13,1);
111
+ text-decoration: underline;
112
+ } /* Name.Namespace */
113
+ .nt {
114
+ color: rgba(15,135,226,1);
115
+ font-weight: bold;
116
+ } /* Name.Tag */
117
+ .nv { color: rgba(218,79,46,1); } /* Name.Variable */
118
+ .ow { color: rgba(15,135,226,1); } /* Operator.Word */
119
+ .w { color: rgba(136,153,166,1); } /* Text.Whitespace */
120
+ .mf { color: rgba(112,169,13,1); } /* Literal.Number.Float */
121
+ .mh { color: rgba(112,169,13,1); } /* Literal.Number.Hex */
122
+ .mi { color: rgba(112,169,13,1); } /* Literal.Number.Integer */
123
+ .mo { color: rgba(112,169,13,1); } /* Literal.Number.Oct */
124
+ .sb { color: rgba(15,135,226,1); } /* Literal.String.Backtick */
125
+ .sc { color: rgba(15,135,226,1); } /* Literal.String.Char */
126
+ .sd { color: rgba(15,135,226,1); } /* Literal.String.Doc */
127
+ .s2 { color: rgba(15,135,226,1); } /* Literal.String.Double */
128
+ .se { color: rgba(15,135,226,1); } /* Literal.String.Escape */
129
+ .sh { color: rgba(15,135,226,1); } /* Literal.String.Heredoc */
130
+ .si { color: rgba(15,135,226,1); } /* Literal.String.Interpol */
131
+ .sx { color: rgba(15,135,226,1); } /* Literal.String.Other */
132
+ .sr { color: rgba(112,169,13,1); } /* Literal.String.Regex */
133
+ .s1 { color: rgba(15,135,226,1); } /* Literal.String.Single */
134
+ .ss { color: rgba(15,135,226,1); } /* Literal.String.Symbol */
135
+ .bp { color: rgba(112,169,13,1); } /* Name.Builtin.Pseudo */
136
+ .vc { color: rgba(218,79,46,1); } /* Name.Variable.Class */
137
+ .vg { color: rgba(218,79,46,1); } /* Name.Variable.Global */
138
+ .vi { color: rgba(218,79,46,1); } /* Name.Variable.Instance */
139
+ .il { color: rgba(112,169,13,1); } /* Literal.Number.Integer.Long */
@@ -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,136 @@
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
+ z-index: 1060;
13
+ }
14
+ .datepicker:before {
15
+ border-bottom: 7px solid rgba(245,248,250,1);
16
+ border-right: 7px solid transparent;
17
+ border-left: 7px solid transparent;
18
+ content: '';
19
+ display: inline-block;
20
+ position: absolute;
21
+ }
22
+ .datepicker:after {
23
+ border-bottom: 6px solid rgba(245,248,250,1);
24
+ border-right: 6px solid transparent;
25
+ border-left: 6px solid transparent;
26
+ content: '';
27
+ display: inline-block;
28
+ position: absolute;
29
+ }
30
+ .datepicker.datepicker-orient-left:before { left: 6px; }
31
+ .datepicker.datepicker-orient-left:after { left: 7px; }
32
+ .datepicker.datepicker-orient-right:before { right: 6px; }
33
+ .datepicker.datepicker-orient-right:after { right: 7px; }
34
+ .datepicker.datepicker-orient-top:before { top: -7px; }
35
+ .datepicker.datepicker-orient-top:after { top: -6px; }
36
+ .datepicker.datepicker-orient-bottom:before {
37
+ bottom: -7px;
38
+ border-bottom: 0;
39
+ border-top: 7px solid rgba(245,248,250,1);
40
+ }
41
+ .datepicker.datepicker-orient-bottom:after {
42
+ bottom: -6px;
43
+ border-bottom: 0;
44
+ border-top: 6px rgba(245,248,250,1);
45
+ }
46
+ .dow {
47
+ color: rgba(136,153,166,1);
48
+ font-weight: bold;
49
+ }
50
+ .datepicker > div { display: none; }
51
+ .datepicker table {
52
+ margin: 0;
53
+ -webkit-touch-callout: none;
54
+ -webkit-user-select: none;
55
+ user-select: none;
56
+ width: 100%;
57
+ }
58
+ .datepicker th {
59
+ height: 20px;
60
+ text-align: center;
61
+ width: 20px;
62
+ }
63
+ .datepicker td {
64
+ font-weight: normal;
65
+ height: 22px;
66
+ line-height: 16px;
67
+ text-align: center;
68
+ width: 20px;
69
+ }
70
+ .datepicker td.day:hover {
71
+ background: rgba(15,135,226,1);
72
+ border-radius: 500px;
73
+ color: rgba(255,255,255,1);
74
+ cursor: pointer;
75
+ }
76
+ .datepicker td.day.disabled { color: rgba(136,153,166,1); }
77
+ .datepicker td.old,
78
+ .datepicker td.new { color: rgba(136,153,166,1); }
79
+ .datepicker td.active,
80
+ .datepicker td.active:hover,
81
+ .datepicker td.active:hover:hover,
82
+ .datepicker td.active:focus,
83
+ .datepicker td.active:hover:focus,
84
+ .datepicker td.active:active,
85
+ .datepicker td.active:hover:active,
86
+ .datepicker td.active.active,
87
+ .datepicker td.active:hover.active,
88
+ .datepicker td.active.disabled,
89
+ .datepicker td.active:hover.disabled,
90
+ .datepicker td.active[disabled],
91
+ .datepicker td.active:hover[disabled] {
92
+ background: rgba(112,169,13,1);
93
+ border-radius: 500px;
94
+ color: rgba(255,255,255,1);
95
+ }
96
+ .datepicker td span {
97
+ border-radius: 500px;
98
+ display: block;
99
+ height: 46px;
100
+ float: left;
101
+ line-height: 46px;
102
+ margin: 2px;
103
+ width: 46px;
104
+ }
105
+ .datepicker td span:hover {
106
+ background: rgba(15,135,226,1);
107
+ color: rgba(255,255,255,1);
108
+ cursor: pointer;
109
+ }
110
+ .datepicker td span.active,
111
+ .datepicker td span.active:hover,
112
+ .datepicker td span.active:focus,
113
+ .datepicker td span.active:active,
114
+ .datepicker td span.active.active,
115
+ .datepicker td span.active.disabled,
116
+ .datepicker td span.active[disabled] {
117
+ background: rgba(112,169,13,1);
118
+ color: rgba(255,255,255,1);
119
+ }
120
+ .datepicker th.switch {
121
+ font-weight: bold;
122
+ width: 145px;
123
+ }
124
+ .datepicker th.next,
125
+ .datepicker th.prev { font-size: 17px; }
126
+ .datepicker thead tr:first-child th:hover {
127
+ background: rgba(15,135,226,1);
128
+ border-radius: 2px;
129
+ color: rgba(255,255,255,1);
130
+ cursor: pointer;
131
+ }
132
+ .datepicker thead tr:first-child th:nth-child(2) { font-weight: bold; }
133
+ .datepicker-dropdown.dropdown-menu {
134
+ padding: 0;
135
+ z-index: 1060;
136
+ }