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,48 @@
1
+ /* Table of Contents
2
+ ==================================================
3
+ #Image */
4
+
5
+ /* #Image
6
+ ================================================== */
7
+ .img-placeholder {
8
+ -webkit-border-radius: 4px;
9
+ -moz-border-radius: 4px;
10
+ border-radius: 4px;
11
+ background: rgba(236,238,241,1);
12
+ color: rgba(43,50,53,1);
13
+ display: block;
14
+ font-size: 13px;
15
+ font-weight: bold;
16
+ height: 0;
17
+ line-height: 0;
18
+ padding-top: 50%;
19
+ padding-bottom: 50%;
20
+ text-align: center;
21
+ vertical-align: middle;
22
+ width: 100%;
23
+ }
24
+ .img-placeholder i {
25
+ color: rgba(43,50,53,1);
26
+ display: block;
27
+ font-size: 64px;
28
+ line-height: 64px;
29
+ margin: -42px 0 15px 0;
30
+ }
31
+ img {
32
+ -webkit-border-radius: 3px;
33
+ -moz-border-radius: 3px;
34
+ border-radius: 3px;
35
+ border: 0;
36
+ display: block;
37
+ height: auto;
38
+ max-width: 100%;
39
+ vertical-align: middle;
40
+ width: auto\9;
41
+ -ms-interpolation-mode: bicubic;
42
+ }
43
+ .img-circle {
44
+ -webkit-border-radius: 500px;
45
+ -moz-border-radius: 500px;
46
+ border-radius: 500px;
47
+ }
48
+ .img-center { margin: 0 auto; }
@@ -0,0 +1,60 @@
1
+ /* Table of Contents
2
+ ==================================================
3
+ #Label and Badge */
4
+
5
+ /* #Label and Badge
6
+ ================================================== */
7
+ .label,
8
+ .badge {
9
+ background-color: rgba(236,238,241,1);
10
+ -webkit-border-radius: 2px;
11
+ -moz-border-radius: 2px;
12
+ border-radius: 2px;
13
+ border: 1px solid rgba(217,222,225,1);
14
+ color: rgba(43,50,53,1);
15
+ display: inline-block;
16
+ padding: 5px 5px 3px 5px;
17
+ font-size: 11.5px;
18
+ font-weight: bold;
19
+ line-height: 14px;
20
+ white-space: nowrap;
21
+ vertical-align: baseline;
22
+ }
23
+ .badge {
24
+ -webkit-border-radius: 500px;
25
+ -moz-border-radius: 500px;
26
+ border-radius: 500px;
27
+ padding-right: 10px;
28
+ padding-left: 10px;
29
+ }
30
+ .label:empty,
31
+ .badge:empty { display: none; }
32
+ a.label:hover,
33
+ a.label:focus,
34
+ a.badge:hover,
35
+ a.badge:focus {
36
+ cursor: pointer;
37
+ text-decoration: none;
38
+ }
39
+ .label-green,
40
+ .badge-green {
41
+ background-color: rgba(223,240,216,1);
42
+ border-color: rgba(204,223,188,1);
43
+ }
44
+ .label-yellow,
45
+ .badge-yellow {
46
+ background-color: rgba(252,248,227,1);
47
+ border-color: rgba(244,228,203,1);
48
+ }
49
+ .label-red,
50
+ .badge-red {
51
+ background-color: rgba(242,222,222,1);
52
+ border-color: rgba(228,201,205,1);
53
+ }
54
+ .btn .label,
55
+ .btn .badge {
56
+ position: relative;
57
+ top: -1px;
58
+ }
59
+ .btn-mini .label,
60
+ .btn-mini .badge { top: 0; }
@@ -0,0 +1,22 @@
1
+ /* Table of Contents
2
+ ==================================================
3
+ #Link
4
+ #Link Color */
5
+
6
+ /* #Link
7
+ ================================================== */
8
+ a {
9
+ text-decoration: none;
10
+ -webkit-transition: all 0.3s ease-in-out;
11
+ -moz-transition: all 0.3s ease-in-out;
12
+ -ms-transition: all 0.3s ease-in-out;
13
+ -o-transition: all 0.3s ease-in-out;
14
+ transition: all 0.3s ease-in-out;
15
+ }
16
+
17
+ /* #Link Color
18
+ ================================================== */
19
+ .link-gray { color: rgba(122,122,122,1); }
20
+ .link-blue { color: rgba(58,135,173,1); }
21
+ .link-green { color: rgba(89,168,15,1); }
22
+ .link-red { color: rgba(199,77,62,1); }
@@ -0,0 +1,13 @@
1
+ /* Table of Contents
2
+ ==================================================
3
+ #Map */
4
+
5
+ /* #Map
6
+ ================================================== */
7
+ .map {
8
+ background-color: rgba(236,238,241,1);
9
+ display: block;
10
+ min-height: 220px;
11
+ min-width:220px;
12
+ }
13
+ .map-center { margin: 0 auto; }
@@ -0,0 +1,100 @@
1
+ /* Table of Contents
2
+ ==================================================
3
+ #Modal
4
+ #Media Queries */
5
+
6
+ /* #Modal
7
+ ================================================== */
8
+ .modal-backdrop {
9
+ background-color: rgba(0,0,0,1);
10
+ bottom: 0;
11
+ left: 0;
12
+ position: fixed;
13
+ right: 0;
14
+ top: 0;
15
+ z-index: 1040;
16
+ }
17
+ .modal-backdrop.fade { opacity: 0; }
18
+ .modal-backdrop,
19
+ .modal-backdrop.fade.in {
20
+ opacity: 0.8;
21
+ filter: alpha(opacity=80);
22
+ }
23
+ .modal {
24
+ -webkit-background-clip: padding-box;
25
+ -moz-background-clip: padding-box;
26
+ background-clip: padding-box;
27
+ background-color: rgba(255,255,255,1);
28
+ -webkit-box-shadow: 0 0 3px rgba(0,0,0,1);
29
+ -moz-box-shadow: 0 0 3px rgba(0,0,0,1);
30
+ box-shadow: 0 0 3px rgba(0,0,0,1);
31
+ left: 50%;
32
+ margin-left: -280px;
33
+ outline: none;
34
+ position: fixed;
35
+ top: 10%;
36
+ width: 560px;
37
+ z-index: 1050;
38
+ }
39
+ .modal.fade {
40
+ top: -35%;
41
+ -webkit-transition: opacity 0.3s linear, top 0.3s ease-out;
42
+ -moz-transition: opacity 0.3s linear, top 0.3s ease-out;
43
+ -o-transition: opacity 0.3s linear, top 0.3s ease-out;
44
+ transition: opacity 0.3s linear, top 0.3s ease-out;
45
+ }
46
+ .modal.fade.in { top: 15%; }
47
+ .modal-header {
48
+ background-color: rgba(236,238,241,1);
49
+ padding: 21px 15px 18px 15px;
50
+ }
51
+ .modal-header .close { margin-top: -3px; }
52
+ .modal-header h3 {
53
+ color: rgba(43,50,53,1);
54
+ font-size: 16.5px;
55
+ line-height: 16.5px;
56
+ margin: 0;
57
+ }
58
+ .modal-body {
59
+ border-top: 1px solid rgba(217,222,225,1);
60
+ border-bottom: 1px solid rgba(227,232,235,1);
61
+ max-height: 400px;
62
+ overflow-y: auto;
63
+ padding: 15px 18px;
64
+ position: relative;
65
+ }
66
+ .modal-footer {
67
+ background-color: rgba(246,247,249,1);
68
+ margin-bottom: 0;
69
+ padding: 10px 15px 10px 15px;
70
+ text-align: right;
71
+ *zoom: 1;
72
+ }
73
+ .modal-footer:before,
74
+ .modal-footer:after {
75
+ content: "";
76
+ display: table;
77
+ line-height: 0;
78
+ }
79
+ .modal-footer:after { clear: both; }
80
+ .modal-footer .btn + .btn {
81
+ margin-bottom: 0;
82
+ margin-left: 5px;
83
+ }
84
+ .modal-footer .btn-group .btn + .btn { margin-left: -1px; }
85
+ .modal-footer .btn-block + .btn-block { margin-left: 0; }
86
+
87
+ /* #Media Queries
88
+ ================================================== */
89
+ @media only screen and (max-width: 767px) {
90
+ .modal {
91
+ margin-left: -150px;
92
+ width: 300px;
93
+ }
94
+ }
95
+ @media only screen and (min-width: 480px) and (max-width: 767px) {
96
+ .modal {
97
+ margin-left: -210px;
98
+ width: 420px;
99
+ }
100
+ }
@@ -0,0 +1,65 @@
1
+ /* Table of Contents
2
+ ==================================================
3
+ #Pagination */
4
+
5
+ /* #Pagination
6
+ ================================================== */
7
+ .pagination ul {
8
+ display: inline-block;
9
+ *display: inline;
10
+ margin-bottom: 0;
11
+ margin-left: 0;
12
+ padding: 0;
13
+ *zoom: 1;
14
+ }
15
+ .pagination ul > li { display: inline; }
16
+ .pagination ul > li > a,
17
+ .pagination ul > li > span {
18
+ background-color: rgba(236,238,241,1);
19
+ border: 1px solid rgba(217,222,225,1);
20
+ border-left-width: 0;
21
+ color: rgba(43,50,53,1);
22
+ float: left;
23
+ padding: 9px 10px 4px 10px;
24
+ line-height: 20px;
25
+ text-decoration: none;
26
+ }
27
+ .pagination ul > li > a:hover,
28
+ .pagination ul > li > a:focus { background-color: rgba(226,228,231,1); }
29
+ .pagination ul > .active > a,
30
+ .pagination ul > .active > span {
31
+ background-color: rgba(226,228,231,1);
32
+ cursor: default;
33
+ }
34
+ .pagination ul > .disabled > span,
35
+ .pagination ul > .disabled > a,
36
+ .pagination ul > .disabled > a:hover,
37
+ .pagination ul > .disabled > a:focus {
38
+ color: rgba(171,171,171,1);
39
+ cursor: default;
40
+ background-color: transparent;
41
+ }
42
+ .pagination ul > li:first-child > a,
43
+ .pagination ul > li:first-child > span { border-left-width: 1px; }
44
+ .pagination ul > li:first-child > a,
45
+ .pagination ul > li:first-child > span,
46
+ .pagination ul > li.active:first-child {
47
+ -webkit-border-top-left-radius: 2px;
48
+ -moz-border-radius-topleft: 2px;
49
+ border-top-left-radius: 2px;
50
+ -webkit-border-bottom-left-radius: 2px;
51
+ -moz-border-radius-bottomleft: 2px;
52
+ border-bottom-left-radius: 2px;
53
+ }
54
+ .pagination ul > li:last-child > a,
55
+ .pagination ul > li:last-child > span,
56
+ .pagination ul > li.active:last-child {
57
+ -webkit-border-top-right-radius: 2px;
58
+ -moz-border-radius-topright: 2px;
59
+ border-top-right-radius: 2px;
60
+ -webkit-border-bottom-right-radius: 2px;
61
+ -moz-border-radius-bottomright: 2px;
62
+ border-bottom-right-radius: 2px;
63
+ }
64
+ .pagination-centered { text-align: center; }
65
+ .pagination-right { text-align: right; }
@@ -0,0 +1,110 @@
1
+ /* Table of Contents
2
+ ==================================================
3
+ #Popover */
4
+
5
+ /* #Popover
6
+ ================================================== */
7
+ .popover {
8
+ -webkit-background-clip: padding-box;
9
+ -moz-background-clip: padding;
10
+ background-clip: padding-box;
11
+ background-color: rgba(255,255,255,1);
12
+ -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1);
13
+ -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.1);
14
+ box-shadow: 0 1px 3px rgba(0,0,0,0.1);
15
+ border: 1px solid rgba(217,222,225,1);
16
+ display: none;
17
+ left: 0;
18
+ max-width: 276px;
19
+ position: absolute;
20
+ text-align: left;
21
+ top: 0;
22
+ white-space: normal;
23
+ z-index: 1010;
24
+ }
25
+ .popover.top { margin-top: -10px; }
26
+ .popover.right { margin-left: 10px; }
27
+ .popover.bottom { margin-top: 10px; }
28
+ .popover.left { margin-left: -10px; }
29
+ .popover-title {
30
+ background-color: rgba(236,238,241,1);
31
+ border-bottom: 1px solid rgba(217,222,225,1);
32
+ color: rgba(43,50,53,1);
33
+ font-size: 13.5px;
34
+ line-height: 18px;
35
+ margin: 0;
36
+ padding: 10px 15px 8px 15px;
37
+ }
38
+ .popover-title:empty { display: none; }
39
+ .popover-content {
40
+ background-color: rgba(255,255,255,1);
41
+ font-size: 13.5px;
42
+ line-height: 20px;
43
+ padding: 10px 15px;
44
+ }
45
+ .popover .arrow,
46
+ .popover .arrow:after {
47
+ border-color: transparent;
48
+ border-style: solid;
49
+ display: block;
50
+ height: 0;
51
+ position: absolute;
52
+ width: 0;
53
+ }
54
+ .popover .arrow { border-width: 11px; }
55
+ .popover .arrow:after {
56
+ border-width: 10px;
57
+ content: "";
58
+ }
59
+ .popover.top .arrow {
60
+ border-top-color: rgba(236,238,241,1);
61
+ border-bottom-width: 0;
62
+ bottom: -11px;
63
+ left: 50%;
64
+ margin-left: -11px;
65
+ }
66
+ .popover.top .arrow:after {
67
+ border-top-color: rgba(255,255,255,1);
68
+ border-bottom-width: 0;
69
+ bottom: 1px;
70
+ margin-left: -10px;
71
+ }
72
+ .popover.right .arrow {
73
+ border-right-color: rgba(236,238,241,1);
74
+ border-left-width: 0;
75
+ left: -11px;
76
+ margin-top: -11px;
77
+ top: 50%;
78
+ }
79
+ .popover.right .arrow:after {
80
+ border-right-color: rgba(255,255,255,1);
81
+ border-left-width: 0;
82
+ bottom: -10px;
83
+ left: 1px;
84
+ }
85
+ .popover.bottom .arrow {
86
+ border-bottom-color: rgba(236,238,241,1);
87
+ border-top-width: 0;
88
+ left: 50%;
89
+ margin-left: -11px;
90
+ top: -11px;
91
+ }
92
+ .popover.bottom .arrow:after {
93
+ border-bottom-color: rgba(255,255,255,1);
94
+ border-top-width: 0;
95
+ margin-left: -10px;
96
+ top: 1px;
97
+ }
98
+ .popover.left .arrow {
99
+ border-left-color: rgba(236,238,241,1);
100
+ border-right-width: 0;
101
+ margin-top: -11px;
102
+ right: -11px;
103
+ top: 50%;
104
+ }
105
+ .popover.left .arrow:after {
106
+ border-left-color: rgba(255,255,255,1);
107
+ border-right-width: 0;
108
+ bottom: -10px;
109
+ right: 1px;
110
+ }
@@ -0,0 +1,81 @@
1
+ /* Table of Contents
2
+ ==================================================
3
+ #Progress */
4
+
5
+ /* #Progress
6
+ ================================================== */
7
+ @-webkit-keyframes progress-bar-stripes {
8
+ from { background-position: 40px 0; }
9
+ to { background-position: 0 0; }
10
+ }
11
+ @-moz-keyframes progress-bar-stripes {
12
+ from { background-position: 40px 0; }
13
+ to { background-position: 0 0; }
14
+ }
15
+ @-ms-keyframes progress-bar-stripes {
16
+ from { background-position: 40px 0; }
17
+ to { background-position: 0 0; }
18
+ }
19
+ @-o-keyframes progress-bar-stripes {
20
+ from { background-position: 0 0; }
21
+ to { background-position: 40px 0; }
22
+ }
23
+ @keyframes progress-bar-stripes {
24
+ from { background-position: 40px 0; }
25
+ to { background-position: 0 0; }
26
+ }
27
+ .progress {
28
+ background-color: rgba(236,238,241,1);
29
+ -webkit-border-radius: 2px;
30
+ -moz-border-radius: 2px;
31
+ border-radius: 2px;
32
+ border: 1px solid rgba(217,222,225,1);
33
+ height: 25px;
34
+ overflow: hidden;
35
+ }
36
+ .progress .bar {
37
+ background-color: rgba(64,80,90,1);
38
+ background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(64,80,90,0.05)), to(rgba(64,80,90,1)));
39
+ background-image: -webkit-linear-gradient(top, rgba(64,80,90,0.05), rgba(64,80,90,1));
40
+ background-image: -moz-linear-gradient(top, rgba(64,80,90,0.05), rgba(64,80,90,1));
41
+ background-image: -ms-linear-gradient(top, rgba(64,80,90,0.05), rgba(64,80,90,1));
42
+ background-image: -o-linear-gradient(top, rgba(64,80,90,0.05), rgba(64,80,90,1));
43
+ background-image: linear-gradient(to bottom, rgba(64,80,90,0.05), rgba(64,80,90,1));
44
+ background-repeat: repeat-x;
45
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e5e9ec', endColorstr='#d9dee1', GradientType=0);
46
+
47
+ -webkit-box-sizing: border-box;
48
+ -moz-box-sizing: border-box;
49
+ box-sizing: border-box;
50
+ color: rgba(255,255,255,1);
51
+ float: left;
52
+ font-size: 12px;
53
+ height: 100%;
54
+ -webkit-transition: width 0.6s ease;
55
+ -moz-transition: width 0.6s ease;
56
+ -o-transition: width 0.6s ease;
57
+ transition: width 0.6s ease;
58
+ text-align: center;
59
+ text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
60
+ width: 0;
61
+ }
62
+ .progress-striped .bar {
63
+ background-color: rgba(64,80,90,0.50);
64
+ background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(64,80,90,0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(64,80,90,0.15)), color-stop(0.75, rgba(64,80,90,0.15)), color-stop(0.75, transparent), to(transparent));
65
+ background-image: -webkit-linear-gradient(45deg, rgba(64,80,90,0.15) 25%, transparent 25%, transparent 50%, rgba(64,80,90,0.15) 50%, rgba(64,80,90,0.15) 75%, transparent 75%, transparent);
66
+ background-image: -moz-linear-gradient(45deg, rgba(64,80,90,0.15) 25%, transparent 25%, transparent 50%, rgba(64,80,90,0.15) 50%, rgba(64,80,90,0.15) 75%, transparent 75%, transparent);
67
+ background-image: -ms-linear-gradient(45deg, rgba(64,80,90,0.15) 25%, transparent 25%, transparent 50%, rgba(64,80,90,0.15) 50%, rgba(64,80,90,0.15) 75%, transparent 75%, transparent);
68
+ background-image: -o-linear-gradient(45deg, rgba(64,80,90,0.15) 25%, transparent 25%, transparent 50%, rgba(64,80,90,0.15) 50%, rgba(64,80,90,0.15) 75%, transparent 75%, transparent);
69
+ background-image: linear-gradient(45deg, rgba(64,80,90,0.15) 25%, transparent 25%, transparent 50%, rgba(64,80,90,0.15) 50%, rgba(64,80,90,0.15) 75%, transparent 75%, transparent);
70
+ -webkit-background-size: 40px 40px;
71
+ -moz-background-size: 40px 40px;
72
+ -o-background-size: 40px 40px;
73
+ background-size: 40px 40px;
74
+ }
75
+ .progress.active .bar {
76
+ -webkit-animation: progress-bar-stripes 2s linear infinite;
77
+ -moz-animation: progress-bar-stripes 2s linear infinite;
78
+ -ms-animation: progress-bar-stripes 2s linear infinite;
79
+ -o-animation: progress-bar-stripes 2s linear infinite;
80
+ animation: progress-bar-stripes 2s linear infinite;
81
+ }