quantum 0.0.2

Sign up to get free protection for your applications and to get access to all the features.
Files changed (63) hide show
  1. checksums.yaml +7 -0
  2. data/.gitignore +17 -0
  3. data/.project +13 -0
  4. data/Gemfile +4 -0
  5. data/LICENSE.txt +22 -0
  6. data/README.md +82 -0
  7. data/Rakefile +1 -0
  8. data/lib/quantum.rb +8 -0
  9. data/lib/quantum/version.rb +3 -0
  10. data/quantum.gemspec +23 -0
  11. data/vendor/assets/.keep +0 -0
  12. data/vendor/assets/javascripts/alert.js +99 -0
  13. data/vendor/assets/javascripts/chart.js +1424 -0
  14. data/vendor/assets/javascripts/collapse.js +167 -0
  15. data/vendor/assets/javascripts/date_picker.js +474 -0
  16. data/vendor/assets/javascripts/dropdown.js +169 -0
  17. data/vendor/assets/javascripts/file_input.js +100 -0
  18. data/vendor/assets/javascripts/input_mask.js +355 -0
  19. data/vendor/assets/javascripts/map.js +1982 -0
  20. data/vendor/assets/javascripts/modal.js +247 -0
  21. data/vendor/assets/javascripts/popover.js +114 -0
  22. data/vendor/assets/javascripts/qrcode.js +89 -0
  23. data/vendor/assets/javascripts/qrcoder.js +1237 -0
  24. data/vendor/assets/javascripts/tab.js +144 -0
  25. data/vendor/assets/javascripts/time_picker.js +888 -0
  26. data/vendor/assets/javascripts/tooltip.js +361 -0
  27. data/vendor/assets/javascripts/transitions.js +60 -0
  28. data/vendor/assets/javascripts/typeahead.js +335 -0
  29. data/vendor/assets/javascripts/wizard.js +114 -0
  30. data/vendor/assets/stylesheets/alert.css.scss +42 -0
  31. data/vendor/assets/stylesheets/breadcrumb.css.scss +24 -0
  32. data/vendor/assets/stylesheets/button.css.scss +252 -0
  33. data/vendor/assets/stylesheets/chart.css.scss +10 -0
  34. data/vendor/assets/stylesheets/code.css.scss +47 -0
  35. data/vendor/assets/stylesheets/collapse.css.scss +16 -0
  36. data/vendor/assets/stylesheets/datepicker.css.scss +111 -0
  37. data/vendor/assets/stylesheets/dropdown.css.scss +98 -0
  38. data/vendor/assets/stylesheets/file_input.css.scss +7 -0
  39. data/vendor/assets/stylesheets/footer.css.scss +99 -0
  40. data/vendor/assets/stylesheets/form.css.scss +190 -0
  41. data/vendor/assets/stylesheets/grid.css.scss +334 -0
  42. data/vendor/assets/stylesheets/header.css.scss +162 -0
  43. data/vendor/assets/stylesheets/icon.css.scss +533 -0
  44. data/vendor/assets/stylesheets/image.css.scss +48 -0
  45. data/vendor/assets/stylesheets/label_and_badge.css.scss +60 -0
  46. data/vendor/assets/stylesheets/link.css.scss +22 -0
  47. data/vendor/assets/stylesheets/map.css.scss +13 -0
  48. data/vendor/assets/stylesheets/modal.css.scss +100 -0
  49. data/vendor/assets/stylesheets/pagination.css.scss +65 -0
  50. data/vendor/assets/stylesheets/popover.css.scss +110 -0
  51. data/vendor/assets/stylesheets/progress.css.scss +81 -0
  52. data/vendor/assets/stylesheets/qrcode.css.scss +7 -0
  53. data/vendor/assets/stylesheets/reset.css.scss +75 -0
  54. data/vendor/assets/stylesheets/tab.css.scss +202 -0
  55. data/vendor/assets/stylesheets/table.css.scss +71 -0
  56. data/vendor/assets/stylesheets/timepicker.css.scss +74 -0
  57. data/vendor/assets/stylesheets/tooltip.css.scss +83 -0
  58. data/vendor/assets/stylesheets/transitions.css.scss +14 -0
  59. data/vendor/assets/stylesheets/trunk.css.scss +80 -0
  60. data/vendor/assets/stylesheets/typeahead.css.scss +7 -0
  61. data/vendor/assets/stylesheets/typography.css.scss +130 -0
  62. data/vendor/assets/stylesheets/wizard.css.scss +27 -0
  63. metadata +134 -0
@@ -0,0 +1,7 @@
1
+ /* Table of Contents
2
+ ==================================================
3
+ #QRCode */
4
+
5
+ /* #QRCode
6
+ ================================================== */
7
+ .qrcode-center { text-align: center; }
@@ -0,0 +1,75 @@
1
+ /* Table of Contents
2
+ ==================================================
3
+ #Reset
4
+ #Media Queries */
5
+
6
+ /* #Reset
7
+ ================================================== */
8
+ body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6,
9
+ form, fieldset, p, blockquote, th, td {
10
+ margin: 0;
11
+ padding: 0;
12
+ }
13
+ table {
14
+ border-collapse: collapse;
15
+ border-spacing: 0;
16
+ }
17
+ fieldset, img { border: 0 }
18
+ address, caption, cite, code, dfn, th, var {
19
+ font-style: normal;
20
+ font-weight: normal;
21
+ }
22
+ caption, th { text-align: left; }
23
+ h1, h2, h3, h4, h5, h6 {
24
+ font-size: 100%;
25
+ font-weight: normal;
26
+ }
27
+ q:before, q:after { content: '';}
28
+ abbr, acronym {
29
+ border-bottom: 1px dotted rgba(0,0,0,1);
30
+ font-variant: normal;
31
+ }
32
+ sup { vertical-align: text-top; }
33
+ sub { vertical-align: text-bottom; }
34
+ input, textarea, select {
35
+ font-family: inherit;
36
+ font-size: inherit;
37
+ font-weight: inherit;
38
+ }
39
+ input, textarea, select { *font-size: 100%; }
40
+ legend { color: rgba(0,0,0,1); }
41
+ html,
42
+ body {
43
+ font-family: 'Gotham', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif;
44
+ font-smooth: always;
45
+ -webkit-font-smoothing: antialiased;
46
+ -moz-font-smoothing: antialiased;
47
+ -ms-font-smoothing: antialiased;
48
+ -o-font-smoothing: antialiased;
49
+ font-smoothing: antialiased;
50
+ margin: 0;
51
+ -webkit-overflow-scrolling: touch;
52
+ -moz-overflow-scrolling: touch;
53
+ -ms-overflow-scrolling: touch;
54
+ -o-overflow-scrolling: touch;
55
+ overflow-scrolling: touch;
56
+ padding: 0;
57
+ -webkit-tap-highlight-color: rgba(0,0,0,0);
58
+ -moz-tap-highlight-color: rgba(0,0,0,0);
59
+ -ms-tap-highlight-color: rgba(0,0,0,0);
60
+ -o-tap-highlight-color: rgba(0,0,0,0);
61
+ tap-highlight-color: rgba(0,0,0,0);
62
+ text-rendering: optimizeLegibility;
63
+ -webkit-text-size-adjust: 100%;
64
+ -moz-text-size-adjust: 100%;
65
+ -ms-text-size-adjust: 100%;
66
+ -o-text-size-adjust: 100%;
67
+ text-size-adjust: 100%;
68
+ }
69
+ body { padding-top: 108px; }
70
+
71
+ /* #Media Queries
72
+ ================================================== */
73
+ @media only screen and (max-width: 767px) {
74
+ body { padding-top: 80px; }
75
+ }
@@ -0,0 +1,202 @@
1
+ /* Table of Contents
2
+ ==================================================
3
+ #Tab */
4
+
5
+ /* #Tab
6
+ ================================================== */
7
+ .nav {
8
+ list-style: none;
9
+ margin: 0 0 20px 0;
10
+ padding: 0;
11
+ }
12
+ .nav > li > a {
13
+ color: rgba(171,171,171,1);
14
+ display: block;
15
+ font-size: 13.5px;
16
+ font-weight: bold;
17
+ line-height: 13.5px;
18
+ }
19
+ .nav > li > a:hover,
20
+ .nav > li > a:focus {
21
+ color: rgba(43,50,53,1);
22
+ text-decoration: none;
23
+ }
24
+ .nav > li > a > img { max-width: none; }
25
+ .nav > .pull-right { float: right; }
26
+ .nav-header {
27
+ background-color: rgba(43,50,53,1);
28
+ color: rgba(255,255,255,1);
29
+ display: block;
30
+ font-size: 13.5px;
31
+ font-weight: bold;
32
+ line-height: 20px;
33
+ padding: 10px 15px;
34
+ }
35
+ .nav li + .nav-header { margin-top: 10px; }
36
+ .nav-list {
37
+ margin-bottom: 0;
38
+ padding-right: 15px;
39
+ padding-left: 15px;
40
+ }
41
+ .nav-list > li > a,
42
+ .nav-list .nav-header {
43
+ margin-right: -15px;
44
+ margin-left: -15px;
45
+ }
46
+ .nav-list > li > a {
47
+ color: rgba(43,50,53,1);
48
+ padding: 11px 15px 8px 15px;
49
+ font-weight: bold;
50
+ }
51
+ .nav-list > li > a:hover { background-color: rgba(236,238,241,1); }
52
+ .nav-list > .active > a,
53
+ .nav-list > .active > a:hover,
54
+ .nav-list > .active > a:focus { background-color: rgba(246,247,249,1); }
55
+ .nav-list .divider {
56
+ background-color: rgba(217,222,225,1);
57
+ height: 1px;
58
+ margin: 10px 0 8px 0;
59
+ *margin: -5px 0 5px;
60
+ overflow: hidden;
61
+ *width: 100%;
62
+ }
63
+ .nav-tabs,
64
+ .nav-pills { *zoom: 1; }
65
+ .nav-tabs:before,
66
+ .nav-pills:before,
67
+ .nav-tabs:after,
68
+ .nav-pills:after {
69
+ content: "";
70
+ display: table;
71
+ line-height: 0;
72
+ }
73
+ .nav-tabs:after,
74
+ .nav-pills:after { clear: both; }
75
+ .nav-tabs > li,
76
+ .nav-pills > li { float: left; }
77
+ .nav-tabs > li > a { margin-right: 20px; }
78
+ .nav-tabs > .active > a,
79
+ .nav-tabs > .active > a:hover,
80
+ .nav-tabs > .active > a:focus {
81
+ color: rgba(43,50,53,1);
82
+ cursor: default;
83
+ }
84
+ .nav-pills > li > a {
85
+ background-color: rgba(246,247,249,1);
86
+ -webkit-border-radius: 2px;
87
+ -moz-border-radius: 2px;
88
+ border-radius: 2px;
89
+ color: rgba(43,50,53,1);
90
+ margin-right: 3px;
91
+ padding: 9px 10px 8px 10px;
92
+ }
93
+ .nav-pills > li > a:hover { background-color: rgba(236,238,241,1); }
94
+ .nav-pills > .active > a,
95
+ .nav-pills > .active > a:hover,
96
+ .nav-pills > .active > a:focus {
97
+ background-color: rgba(43,50,53,1);
98
+ color: rgba(255,255,255,1);
99
+ }
100
+ .nav-stacked > li { float: none; }
101
+ .nav-stacked > li > a { margin-right: 0; }
102
+ .nav-tabs.nav-stacked { border-bottom: 0; }
103
+ .nav-tabs.nav-stacked > li > a {
104
+ background-color: rgba(246,247,249,1);
105
+ color: rgba(43,50,53,1);
106
+ padding: 9px 10px 8px 10px;
107
+ }
108
+ .nav-tabs.nav-stacked > li:first-child > a {
109
+ -webkit-border-top-right-radius: 2px;
110
+ -moz-border-radius-topright: 2px;
111
+ border-top-right-radius: 2px;
112
+ -webkit-border-top-left-radius: 2px;
113
+ -moz-border-radius-topleft: 2px;
114
+ border-top-left-radius: 2px;
115
+ }
116
+ .nav-tabs.nav-stacked > li:last-child > a {
117
+ -webkit-border-bottom-right-radius: 2px;
118
+ -moz-border-radius-bottomright: 2px;
119
+ border-bottom-right-radius: 2px;
120
+ -webkit-border-bottom-left-radius: 2px;
121
+ -moz-border-radius-bottomleft: 2px;
122
+ border-bottom-left-radius: 2px;
123
+ }
124
+ .nav-tabs.nav-stacked > li > a:hover,
125
+ .nav-tabs.nav-stacked > li > a:focus {
126
+ background-color: rgba(236,238,241,1);
127
+ z-index: 2;
128
+ }
129
+ .nav-tabs.nav-stacked > .active > a,
130
+ .nav-tabs.nav-stacked > .active > a:hover,
131
+ .nav-tabs.nav-stacked > .active > a:focus {
132
+ color: rgba(255,255,255,1);
133
+ background-color: rgba(43,50,53,1);
134
+ }
135
+ .nav-pills.nav-stacked > li > a { margin-bottom: 3px; }
136
+ .nav-pills.nav-stacked > li:last-child > a { margin-bottom: 1px; }
137
+ .nav > .dropdown.active > a:hover,
138
+ .nav > .dropdown.active > a:focus { cursor: pointer; }
139
+ .nav-tabs .open .dropdown-toggle,
140
+ .nav-pills .open .dropdown-toggle,
141
+ .nav > li.dropdown.open.active > a:hover,
142
+ .nav > li.dropdown.open.active > a:focus {
143
+ background-color: rgba(236,238,241,1);
144
+ color: rgba(43,50,53,1);
145
+ }
146
+ .tabbable { *zoom: 1; }
147
+ .tabbable:before,
148
+ .tabbable:after {
149
+ content: "";
150
+ display: table;
151
+ line-height: 0;
152
+ }
153
+ .tabbable:after { clear: both; }
154
+ .tab-content { overflow: auto; }
155
+ .tabs-below > .nav-tabs,
156
+ .tabs-right > .nav-tabs,
157
+ .tabs-left > .nav-tabs { border-bottom: 0; }
158
+ .tab-content > .tab-pane,
159
+ .pill-content > .pill-pane { display: none; }
160
+ .tab-content > .active,
161
+ .pill-content > .active { display: block; }
162
+ .tabs-below > .nav-tabs > li {
163
+ margin-top: -1px;
164
+ margin-bottom: 0;
165
+ }
166
+ .tabs-below > .nav-tabs > li > a {
167
+ -webkit-border-radius: 0 0 2px 2px;
168
+ -moz-border-radius: 0 0 2px 2px;
169
+ border-radius: 0 0 2px 2px;
170
+ }
171
+ .tabs-left > .nav-tabs > li,
172
+ .tabs-right > .nav-tabs > li { float: none; }
173
+ .tabs-left > .nav-tabs > li > a,
174
+ .tabs-right > .nav-tabs > li > a {
175
+ margin-right: 0;
176
+ margin-bottom: 3px;
177
+ min-width: 50px;
178
+ }
179
+ .tabs-left > .nav-tabs {
180
+ float: left;
181
+ margin-right: 19px;
182
+ }
183
+ .tabs-left > .nav-tabs > li > a {
184
+ -webkit-border-radius: 2px 0 0 2px;
185
+ -moz-border-radius: 2px 0 0 2px;
186
+ border-radius: 2px 0 0 2px;
187
+ }
188
+ .tabs-right > .nav-tabs {
189
+ float: right;
190
+ margin-left: 19px;
191
+ }
192
+ .tabs-right > .nav-tabs > li > a {
193
+ -webkit-border-radius: 0 2px 2px 0;
194
+ -moz-border-radius: 0 2px 2px 0;
195
+ border-radius: 0 2px 2px 0;
196
+ }
197
+ .nav > .disabled > a,
198
+ .nav > .disabled > a:hover,
199
+ .nav > .disabled > a:focus {
200
+ color: rgba(171,171,171,1);
201
+ cursor: default;
202
+ }
@@ -0,0 +1,71 @@
1
+ /* Table of Contents
2
+ ==================================================
3
+ #Table */
4
+
5
+ /* #Table
6
+ ================================================== */
7
+ table {
8
+ background-color: transparent;
9
+ border-collapse: collapse;
10
+ border-spacing: 0;
11
+ max-width: 100%;
12
+ }
13
+ .table { width: 100%; }
14
+ .table th,
15
+ .table td {
16
+ border-top: 1px solid rgba(217,222,225,1);
17
+ font-size: 15.5px;
18
+ line-height: 25px;
19
+ padding: 9px 10px 6px 10px;
20
+ text-align: left;
21
+ vertical-align: top;
22
+ }
23
+ .table th {
24
+ background-color: rgba(236,238,241,1);
25
+ color: rgba(43,50,53,1);
26
+ font-size: 13.5px;
27
+ font-weight: bold;
28
+ }
29
+ .table th a { color: rgba(43,50,53,1); }
30
+ .table th a:hover { text-decoration: underline; }
31
+ .table thead th { vertical-align: bottom; }
32
+ .table caption + thead tr:first-child th,
33
+ .table caption + thead tr:first-child td,
34
+ .table colgroup + thead tr:first-child th,
35
+ .table colgroup + thead tr:first-child td,
36
+ .table thead:first-child tr:first-child th,
37
+ .table thead:first-child tr:first-child td { border-top: 0; }
38
+ .table tbody + tbody { border-top: 2px solid rgba(217,222,225,1); }
39
+ .table .table { background-color: rgba(255,255,255,1); }
40
+ .table-condensed th,
41
+ .table-condensed td {
42
+ font-size: 13.5px;
43
+ padding: 5px 5px 3px 5px;
44
+ }
45
+ .table-condensed th { font-size: 11.5px; }
46
+ .table-bordered {
47
+ border: 1px solid rgba(217,222,225,1);
48
+ border-collapse: separate;
49
+ *border-collapse: collapse;
50
+ border-left: 0;
51
+ }
52
+ .table-bordered th,
53
+ .table-bordered td { border-left: 1px solid rgba(217,222,225,1); }
54
+ .table-bordered caption + thead tr:first-child th,
55
+ .table-bordered caption + tbody tr:first-child th,
56
+ .table-bordered caption + tbody tr:first-child td,
57
+ .table-bordered colgroup + thead tr:first-child th,
58
+ .table-bordered colgroup + tbody tr:first-child th,
59
+ .table-bordered colgroup + tbody tr:first-child td,
60
+ .table-bordered thead:first-child tr:first-child th,
61
+ .table-bordered tbody:first-child tr:first-child th,
62
+ .table-bordered tbody:first-child tr:first-child td { border-top: 0; }
63
+ .table-striped tbody > tr:nth-child(odd) > td,
64
+ .table-striped tbody > tr:nth-child(odd) > th { background-color: rgba(246,247,249,1); }
65
+ .table-hover tbody tr:hover > td,
66
+ .table-hover tbody tr:hover > th { background-color: rgba(240,241,244,1); }
67
+ .table-unbordered,
68
+ .table-unbordered thead,
69
+ .table-unbordered tbody,
70
+ .table-unbordered th,
71
+ .table-unbordered td { border: 0; }
@@ -0,0 +1,74 @@
1
+ /* Table of Contents
2
+ ==================================================
3
+ #Timepicker
4
+ #Media Queries */
5
+
6
+ /* #Timepicker
7
+ ================================================== */
8
+ .timepicker { position: relative; }
9
+ .timepicker .add-on { cursor: pointer; }
10
+ .timepicker .add-on i { display: inline-block; }
11
+ .timepicker-widget.dropdown-menu { padding: 5px 1px 5px 0; }
12
+ .timepicker-widget.dropdown-menu.open { display: inline-block; }
13
+ .timepicker-widget.dropdown-menu:before {
14
+ border-bottom: 7px solid rgba(43,50,53,1);
15
+ border-left: 7px solid transparent;
16
+ border-right: 7px solid transparent;
17
+ content: "";
18
+ display: inline-block;
19
+ left: 9px;
20
+ position: absolute;
21
+ top: -7px;
22
+ }
23
+ .timepicker-widget.dropdown-menu:after {
24
+ border-bottom: 6px solid rgba(43,50,53,1);
25
+ border-left: 6px solid transparent;
26
+ border-right: 6px solid transparent;
27
+ content: "";
28
+ display: inline-block;
29
+ left: 10px;
30
+ position: absolute;
31
+ top: -6px;
32
+ }
33
+ .timepicker-widget a.btn,
34
+ .timepicker-widget input {
35
+ -webkit-border-radius: 3px;
36
+ -moz-border-radius: 3px;
37
+ border-radius: 3px;
38
+ }
39
+ .timepicker-widget table {
40
+ margin: 0;
41
+ width: 100%;
42
+ }
43
+ .timepicker-widget table td {
44
+ text-align: center;
45
+ height: 30px;
46
+ margin: 0;
47
+ }
48
+ .timepicker-widget table td:not(.separator) { min-width: 30px; }
49
+ .timepicker-widget table td span { width: 100%; }
50
+ .timepicker-widget table td a {
51
+ color: rgba(255,255,255,0.8);
52
+ display: inline-block;
53
+ margin: 0;
54
+ padding: 8px 0px;
55
+ outline: 0;
56
+ width: 100%;
57
+ }
58
+ .timepicker-widget table td a:hover {
59
+ color: rgba(255,255,255,1);
60
+ text-decoration: none;
61
+ }
62
+ .timepicker-widget table td input {
63
+ margin: 0;
64
+ text-align: center;
65
+ width: 25px;
66
+ }
67
+ .timepicker-widget .modal-content { padding: 4px; }
68
+
69
+ /* #Media Queries
70
+ ================================================== */
71
+ @media only screen and (max-width: 767px) {
72
+ .timepicker { width: 100%; }
73
+ .timepicker .dropdown-menu { width: 100%; }
74
+ }
@@ -0,0 +1,83 @@
1
+ /* Table of Contents
2
+ ==================================================
3
+ #Tooltip */
4
+
5
+ /* #Tooltip
6
+ ================================================== */
7
+ .tooltip {
8
+ display: block;
9
+ font-size: 10.5px;
10
+ font-weight: bold;
11
+ line-height: 17px;
12
+ opacity: 0;
13
+ filter: alpha(opacity=0);
14
+ position: absolute;
15
+ visibility: visible;
16
+ z-index: 1030;
17
+ }
18
+ .tooltip.in {
19
+ opacity: 0.8;
20
+ filter: alpha(opacity=80);
21
+ }
22
+ .tooltip.top {
23
+ margin-top: -3px;
24
+ padding: 5px 0;
25
+ }
26
+ .tooltip.right {
27
+ margin-left: 3px;
28
+ padding: 0 5px;
29
+ }
30
+ .tooltip.bottom {
31
+ margin-top: 3px;
32
+ padding: 5px 0;
33
+ }
34
+ .tooltip.left {
35
+ margin-left: -3px;
36
+ padding: 0 5px;
37
+ }
38
+ .tooltip-inner {
39
+ background-color: rgba(43,50,53,1);
40
+ -webkit-border-radius: 3px;
41
+ -moz-border-radius: 3px;
42
+ border-radius: 3px;
43
+ color: rgba(255,255,255,1);
44
+ max-width: 200px;
45
+ padding: 6px 10px 4px 10px;
46
+ text-align: center;
47
+ text-decoration: none;
48
+ }
49
+ .tooltip-arrow {
50
+ border-color: transparent;
51
+ border-style: solid;
52
+ height: 0;
53
+ position: absolute;
54
+ width: 0;
55
+ }
56
+ .tooltip.top .tooltip-arrow {
57
+ border-top-color: rgba(43,50,53,1);
58
+ border-width: 5px 5px 0;
59
+ bottom: 0;
60
+ left: 50%;
61
+ margin-left: -5px;
62
+ }
63
+ .tooltip.right .tooltip-arrow {
64
+ border-right-color: rgba(43,50,53,1);
65
+ border-width: 5px 5px 5px 0;
66
+ left: 0;
67
+ margin-top: -5px;
68
+ top: 50%;
69
+ }
70
+ .tooltip.left .tooltip-arrow {
71
+ border-left-color: rgba(43,50,53,1);
72
+ border-width: 5px 0 5px 5px;
73
+ margin-top: -5px;
74
+ right: 0;
75
+ top: 50%;
76
+ }
77
+ .tooltip.bottom .tooltip-arrow {
78
+ border-bottom-color: rgba(43,50,53,1);
79
+ border-width: 0 5px 5px;
80
+ left: 50%;
81
+ margin-left: -5px;
82
+ top: 0;
83
+ }