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,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
+ }