quantum 0.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
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,16 @@
1
+ /* Table of Contents
2
+ ==================================================
3
+ #Collapse */
4
+
5
+ /* #Collapse
6
+ ================================================== */
7
+ .collapse {
8
+ height: 0;
9
+ overflow: hidden;
10
+ position: relative;
11
+ -webkit-transition: height 0.35s ease;
12
+ -moz-transition: height 0.35s ease;
13
+ -o-transition: height 0.35s ease;
14
+ transition: height 0.35s ease;
15
+ }
16
+ .collapse.in { height: auto; }
@@ -0,0 +1,111 @@
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-left: 7px solid transparent;
15
+ border-right: 7px solid transparent;
16
+ border-bottom: 7px solid rgba(43,50,53,1);
17
+ content: '';
18
+ display: inline-block;
19
+ left: 6px;
20
+ position: absolute;
21
+ top: -7px;
22
+ }
23
+ .datepicker:after {
24
+ border-left: 6px solid transparent;
25
+ border-right: 6px solid transparent;
26
+ border-bottom: 6px solid rgba(43,50,53,1);
27
+ content: '';
28
+ display: inline-block;
29
+ left: 7px;
30
+ position: absolute;
31
+ top: -6px;
32
+ }
33
+ .dow { font-weight: bold; }
34
+ .datepicker > div { display: none; }
35
+ .datepicker table {
36
+ margin: 0;
37
+ width: 100%;
38
+ }
39
+ .datepicker td,
40
+ .datepicker th {
41
+ height: 20px;
42
+ text-align: center;
43
+ width: 20px;
44
+ }
45
+ .datepicker td.day:hover {
46
+ background-color: rgba(255,255,255,1);
47
+ -webkit-border-radius: 2px;
48
+ -moz-border-radius: 2px;
49
+ border-radius: 2px;
50
+ color: rgba(43,50,53,1);
51
+ cursor: pointer;
52
+ }
53
+ .datepicker td.day.disabled { color: rgba(171,171,171,1); }
54
+ .datepicker td.old,
55
+ .datepicker td.new { color: rgba(171,171,171,1); }
56
+ .datepicker td.active,
57
+ .datepicker td.active:hover,
58
+ .datepicker td.active:hover:hover,
59
+ .datepicker td.active:focus,
60
+ .datepicker td.active:hover:focus,
61
+ .datepicker td.active:active,
62
+ .datepicker td.active:hover:active,
63
+ .datepicker td.active.active,
64
+ .datepicker td.active:hover.active,
65
+ .datepicker td.active.disabled,
66
+ .datepicker td.active:hover.disabled,
67
+ .datepicker td.active[disabled],
68
+ .datepicker td.active:hover[disabled] {
69
+ background-color: rgba(119,126,131,1);
70
+ -webkit-border-radius: 2px;
71
+ -moz-border-radius: 2px;
72
+ border-radius: 2px;
73
+ color: rgba(255,255,255,1);
74
+ }
75
+ .datepicker td span {
76
+ cursor: pointer;
77
+ display: block;
78
+ height: 54px;
79
+ float: left;
80
+ line-height: 54px;
81
+ margin: 2px;
82
+ width: 47px;
83
+ }
84
+ .datepicker td span:hover {
85
+ background-color: rgba(255,255,255,1);
86
+ color: rgba(43,50,53,1);
87
+ }
88
+ .datepicker td span.active,
89
+ .datepicker td span.active:hover,
90
+ .datepicker td span.active:focus,
91
+ .datepicker td span.active:active,
92
+ .datepicker td span.active.active,
93
+ .datepicker td span.active.disabled,
94
+ .datepicker td span.active[disabled] {
95
+ background-color: rgba(119,126,131,1);
96
+ color: rgba(255,255,255,1);
97
+ }
98
+ .datepicker th.switch {
99
+ font-weight: bold;
100
+ width: 145px;
101
+ }
102
+ .datepicker th.next,
103
+ .datepicker th.prev { font-size: 17px; }
104
+ .datepicker thead tr:first-child th { cursor: pointer; }
105
+ .datepicker thead tr:first-child th:hover {
106
+ background-color: rgba(255,255,255,1);
107
+ -webkit-border-radius: 2px;
108
+ -moz-border-radius: 2px;
109
+ border-radius: 2px;
110
+ color: rgba(43,50,53,1);
111
+ }
@@ -0,0 +1,98 @@
1
+ /* Table of Contents
2
+ ==================================================
3
+ #Dropdown */
4
+
5
+ /* #Dropdown
6
+ ================================================== */
7
+ .dropup,
8
+ .dropdown { position: relative; }
9
+ .dropdown-toggle { *margin-bottom: -3px; }
10
+ .dropdown-toggle:active,
11
+ .open .dropdown-toggle { outline: 0; }
12
+ .dropdown-menu {
13
+ -webkit-background-clip: padding-box;
14
+ -moz-background-clip: padding;
15
+ background-clip: padding-box;
16
+ background-color: rgba(43,50,53,1);
17
+ -webkit-border-radius: 3px;
18
+ -moz-border-radius: 3px;
19
+ border-radius: 3px;
20
+ -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
21
+ -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
22
+ box-shadow: 0 1px 3px rgba(0,0,0,0.5);
23
+ color: rgba(255,255,255,1);
24
+ display: none;
25
+ float: left;
26
+ list-style: none;
27
+ margin: 2px 0 0;
28
+ min-width: 160px;
29
+ padding: 5px 0;
30
+ position: absolute;
31
+ top: 100%;
32
+ z-index: 1000;
33
+ }
34
+ .dropdown-menu.pull-right {
35
+ left: auto;
36
+ right: 0;
37
+ margin-right: 10px;
38
+ }
39
+ .dropdown-menu .divider {
40
+ background-color: rgba(255,255,255, 0.1);
41
+ height: 1px;
42
+ margin: 5px 0px;
43
+ *margin: -5px 0 5px;
44
+ overflow: hidden;
45
+ *width: 100%;
46
+ }
47
+ .dropdown-menu > li > a {
48
+ clear: both;
49
+ color: rgba(255,255,255,1);
50
+ display: block;
51
+ font-size: 11.5px;
52
+ font-weight: bold;
53
+ line-height: 20px;
54
+ padding: 5px 15px;
55
+ opacity: 0.80;
56
+ text-decoration: none;
57
+ text-shadow: 0 1px 0 rgba(0,0,0,1);
58
+ white-space: nowrap;
59
+ }
60
+ .dropdown-menu > li > a:hover,
61
+ .dropdown-menu > li > a:focus,
62
+ .dropdown-submenu:hover > a,
63
+ .dropdown-submenu:focus > a { opacity: 1; }
64
+ .open { *z-index: 1000; }
65
+ .open > .dropdown-menu { display: block; }
66
+ .pull-right > .dropdown-menu {
67
+ left: auto;
68
+ right: 0;
69
+ }
70
+ .dropdown-submenu { position: relative; }
71
+ .dropdown-submenu > .dropdown-menu {
72
+ -webkit-border-radius: 0 3px 3px 3px;
73
+ -moz-border-radius: 0 3px 3px 3px;
74
+ border-radius: 0 3px 3px 3px;
75
+ left: 100%;
76
+ margin-top: -6px;
77
+ margin-left: -1px;
78
+ top: 0;
79
+ }
80
+ .dropdown-submenu:hover > .dropdown-menu { display: block; }
81
+ .dropdown-submenu > a:after {
82
+ content: " ";
83
+ display: block;
84
+ float: right;
85
+ height: 0;
86
+ margin-top: 5px;
87
+ margin-right: -10px;
88
+ width: 0;
89
+ }
90
+ .dropdown-submenu.pull-left { float: none; }
91
+ .dropdown-submenu.pull-left > .dropdown-menu {
92
+ left: -100%;
93
+ margin-left: 10px;
94
+ }
95
+ .dropdown .dropdown-menu .nav-header {
96
+ padding-right: 20px;
97
+ padding-left: 20px;
98
+ }
@@ -0,0 +1,7 @@
1
+ /* Table of Contents
2
+ ==================================================
3
+ #File Input */
4
+
5
+ /* #File input
6
+ ================================================== */
7
+ .btn-file-center { margin: 0 auto; }
@@ -0,0 +1,99 @@
1
+ /* Table of Contents
2
+ ==================================================
3
+ #Footer
4
+ #Footer Alternate
5
+ #Media Queries */
6
+
7
+ /* #Footer
8
+ ================================================== */
9
+ .footer {
10
+ background-color: rgba(46,49,51,1);
11
+ color: rgba(119,126,131,1);
12
+ padding: 60px 0 50px 0;
13
+ }
14
+ .footer a {
15
+ color: rgba(255,255,255,1);
16
+ opacity: 0.8;
17
+ text-decoration: none;
18
+ text-shadow: 0 1px 0 rgba(0,0,0,1);
19
+ }
20
+ .footer a:hover { opacity: 1; }
21
+ .footer h5 {
22
+ color: rgba(119,126,131,1);
23
+ font-size: 13px;
24
+ font-weight: bold;
25
+ letter-spacing: 2px;
26
+ margin-bottom: 10px;
27
+ text-transform: uppercase;
28
+ text-shadow: 0 1px 0 rgba(0,0,0,1);
29
+ }
30
+ .footer ul { list-style-type: none; }
31
+ .footer li {
32
+ color: rgba(255,255,255,1);
33
+ font-size: 14.5px;
34
+ text-shadow: 0 1px 0 rgba(0,0,0,1);
35
+ }
36
+ .footer small {
37
+ border-top: 1px solid rgba(58,62,64,1);
38
+ display: block;
39
+ font-size: 11.5px;
40
+ margin-top: 48px;
41
+ padding-top: 48px;
42
+ text-align: center;
43
+ text-shadow: 0 1px 0 rgba(0,0,0,1);
44
+ }
45
+
46
+ /* #Footer Alternate
47
+ ================================================== */
48
+ .footer-alt {
49
+ border-top: 1px solid rgba(236,238,241,1);
50
+ color: rgba(150,150,150,1);
51
+ margin-top: 60px;
52
+ padding: 30px 0 100px 0;
53
+ }
54
+ .footer-alt a {
55
+ color: rgba(150,150,150,1);
56
+ opacity: 0.8;
57
+ text-decoration: none;
58
+ }
59
+ .footer-alt a:hover { opacity: 1; }
60
+ .footer-alt ul {
61
+ float: left;
62
+ list-style-type: none;
63
+ }
64
+ .footer-alt li {
65
+ display: inline-block;
66
+ font-size: 12.5px;
67
+ margin-right: 20px;
68
+ }
69
+ .footer-alt li:last-child { margin-right: 0; }
70
+ .footer-alt small {
71
+ display: inline-block;
72
+ float: right;
73
+ font-size: 12.5px;
74
+ opacity: 0.8;
75
+ text-align: center;
76
+ }
77
+
78
+ /* #Media Queries
79
+ ================================================== */
80
+ @media only screen and (max-width: 767px) {
81
+ .footer h5 { margin-bottom: 0; }
82
+ .footer li {
83
+ display: inline-block;
84
+ margin: 0 10px 10px 0;
85
+ }
86
+ .footer-alt ul {
87
+ float: none;
88
+ text-align: center;
89
+ }
90
+ .footer-alt li {
91
+ display: inline-block;
92
+ margin: 0 10px 15px 0;
93
+ }
94
+ .footer-alt small {
95
+ display: block;
96
+ float: none;
97
+ text-align: center;
98
+ }
99
+ }
@@ -0,0 +1,190 @@
1
+ /* Table of Contents
2
+ ==================================================
3
+ #Form
4
+ #Media Queries */
5
+
6
+ /* #Form
7
+ ================================================== */
8
+ fieldset { border: 0; }
9
+ legend {
10
+ border: 0;
11
+ border-bottom: 1px solid rgba(217,222,225,1);
12
+ display: block;
13
+ font-size: 15.5px;
14
+ font-weight: bold;
15
+ line-height: 25px;
16
+ margin-bottom: 20px;
17
+ padding: 0;
18
+ width: 100%;
19
+ }
20
+ label {
21
+ display: block;
22
+ font-size: 13.5px;
23
+ font-weight: bold;
24
+ margin: 5px 0 10px 0;
25
+ }
26
+ textarea,
27
+ input[type="text"],
28
+ input[type="password"],
29
+ input[type="datetime"],
30
+ input[type="datetime-local"],
31
+ input[type="date"],
32
+ input[type="month"],
33
+ input[type="time"],
34
+ input[type="week"],
35
+ input[type="number"],
36
+ input[type="email"],
37
+ input[type="url"],
38
+ input[type="search"],
39
+ input[type="tel"],
40
+ input[type="color"],
41
+ .uneditable-input {
42
+ -webkit-appearance: none;
43
+ background-color: rgba(255,255,255,1);
44
+ border: 1px solid rgba(217,222,225,1);
45
+ -webkit-border-radius: 0;
46
+ -moz-border-radius: 0;
47
+ border-radius: 0;
48
+ -webkit-box-sizing: border-box;
49
+ -moz-box-sizing: border-box;
50
+ box-sizing: border-box;
51
+ display: block;
52
+ font-size: 15.5px;
53
+ margin: -5px 0 10px 0;
54
+ padding: 13px 0 10px 0;
55
+ text-indent: 10px;
56
+ -webkit-transition: border linear 0.2s;
57
+ -moz-transition: border linear 0.2s;
58
+ -o-transition: border linear 0.2s;
59
+ transition: border linear 0.2s;
60
+ width: 100%;
61
+ vertical-align: middle;
62
+ }
63
+ textarea { height: 140px; }
64
+ .textarea-large { height: 200px; }
65
+ textarea:focus,
66
+ input[type="text"]:focus,
67
+ input[type="password"]:focus,
68
+ input[type="datetime"]:focus,
69
+ input[type="datetime-local"]:focus,
70
+ input[type="date"]:focus,
71
+ input[type="month"]:focus,
72
+ input[type="time"]:focus,
73
+ input[type="week"]:focus,
74
+ input[type="number"]:focus,
75
+ input[type="email"]:focus,
76
+ input[type="url"]:focus,
77
+ input[type="search"]:focus,
78
+ input[type="tel"]:focus,
79
+ input[type="color"]:focus,
80
+ .uneditable-input:focus {
81
+ border-color: rgba(89,168,15,1);
82
+ outline: 0;
83
+ outline: thin dotted \9;
84
+ -webkit-transition: background-color 150ms linear;
85
+ -moz-transition: background-color 150ms linear;
86
+ -ms-transition: background-color 150ms linear;
87
+ -o-transition: background-color 150ms linear;
88
+ transition: background-color 150ms linear;
89
+ }
90
+ input[type="radio"],
91
+ input[type="checkbox"] {
92
+ margin: 5px 0 0;
93
+ margin-top: 1px \9;
94
+ *margin-top: 0;
95
+ line-height: normal;
96
+ }
97
+ input[type="submit"] { margin-top: 10px; }
98
+ input[type="file"],
99
+ input[type="image"],
100
+ input[type="submit"],
101
+ input[type="reset"],
102
+ input[type="button"],
103
+ input[type="radio"],
104
+ input[type="checkbox"] { width: auto; }
105
+ select {
106
+ -webkit-appearance: none;
107
+ background: rgba(246,247,249,1);
108
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(246,247,249,1)), color-stop(100%, rgba(235,236,239,1)));
109
+ background: -webkit-linear-gradient(top, rgba(246,247,249,1) 0%, rgba(235,236,239,1) 100%);
110
+ background: -moz-linear-gradient(top, rgba(246,247,249,1) 0%, rgba(235,236,239,1) 100%);
111
+ background: -ms-linear-gradient(top, rgba(246,247,249,1) 0%, rgba(235,236,239,1) 100%);
112
+ background: -o-linear-gradient(top, rgba(246,247,249,1) 0%, rgba(235,236,239,1) 100%);
113
+ background: linear-gradient(to bottom, rgba(246,247,249,1) 0%, rgba(235,236,239,1) 100%);
114
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f7f9', endColorstr='#ebecef',GradientType=0);
115
+ border: 1px solid rgba(217,222,225,1);
116
+ -webkit-border-radius: 2px;
117
+ -moz-border-radius: 2px;
118
+ border-radius: 2px;
119
+ font-size: 100%;
120
+ margin-bottom: 15px;
121
+ padding: 13px 0 10px 15px;
122
+ text-indent: 0;
123
+ text-transform: capitalize;
124
+ width: 100%;
125
+ vertical-align: middle;
126
+ }
127
+ select.select-inline { margin-top: -5px; }
128
+ select[multiple] {
129
+ -webkit-border-radius: 2px;
130
+ -moz-border-radius: 2px;
131
+ border-radius: 2px;
132
+ padding-left: 10px;
133
+ }
134
+ select[multiple],
135
+ select[size] { height: auto; }
136
+ select:focus,
137
+ input[type="file"]:focus,
138
+ input[type="radio"]:focus,
139
+ input[type="checkbox"]:focus {
140
+ outline: thin dotted rgba(0,0,0,1);
141
+ outline: 5px auto -webkit-focus-ring-color;
142
+ outline-offset: -2px;
143
+ }
144
+ input:-moz-placeholder,
145
+ textarea:-moz-placeholder {
146
+ color: rgba(203,203,203,1);
147
+ font-weight: 200;
148
+ }
149
+ input:-ms-input-placeholder,
150
+ textarea:-ms-input-placeholder {
151
+ color: rgba(203,203,203,1);
152
+ font-weight: 200;
153
+ }
154
+ input::-webkit-input-placeholder,
155
+ textarea::-webkit-input-placeholder {
156
+ color: rgba(203,203,203,1);
157
+ font-weight: 200;
158
+ }
159
+ input:focus:invalid,
160
+ textarea:focus:invalid,
161
+ select:focus:invalid {
162
+ border-color: rgba(237,76,42,1);
163
+ color: rgba(237,76,42,1);
164
+ }
165
+ input:focus:invalid:focus,
166
+ textarea:focus:invalid:focus,
167
+ select:focus:invalid:focus { border-color: rgba(237,76,42,1); }
168
+ .form-header h2 {
169
+ border-bottom: 1px solid rgba(236,238,241,1);
170
+ margin-bottom: 30px;
171
+ padding-bottom: 5px;
172
+ }
173
+ .help-block {
174
+ color: rgba(171,171,171,1);
175
+ display: block;
176
+ font-size: 11.5px;
177
+ margin: -5px 0 15px 0;
178
+ }
179
+ .form-inline input { margin: 0; }
180
+ .input-inline {
181
+ display: inline-block;
182
+ margin-right: 10px;
183
+ }
184
+ .form-img { margin-top: -5px; }
185
+
186
+ /* #Media Queries
187
+ ================================================== */
188
+ @media only screen and (max-width: 767px) {
189
+ .form-inline input { margin-bottom: 10px; }
190
+ }