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,114 @@
1
+ (function( $ ){
2
+
3
+ $.fn.wizard = function(options) {
4
+
5
+ var settings = $.extend({
6
+ defaultTitle : 'Step',
7
+ nextClass: 'btn-wizard-next',
8
+ prevClass: 'btn-wizard-previous',
9
+ jumperClass: 'btn-wizard-jump',
10
+ primaryButtonClass : 'btn-wizard-submit'
11
+ }, options );
12
+
13
+ this.each(function() {
14
+ $(this).data('wizard', new Wizard(this, settings));
15
+ });
16
+ return this;
17
+ }
18
+
19
+ function Wizard(wizard, settings) {
20
+ this.settings = settings;
21
+ this.$wizard = $(wizard);
22
+ this.$fieldsets = this.$wizard.find('fieldset');
23
+ this.createBreadcrumb();
24
+ this.initEvents();
25
+ }
26
+
27
+ Wizard.prototype.initEvents = function() {
28
+ var _this = this
29
+ this.$wizard.on('click', '.' + this.settings.nextClass, function(e) {
30
+ e.stopPropagation();
31
+ var $fieldset = $(this).closest('fieldset'),
32
+ validation = $fieldset.data('validation');
33
+ if (validation) {
34
+ validation($fieldset,function(valid) {
35
+ if (!valid) return;
36
+ $nextFieldset = $fieldset.next('fieldset');
37
+ _this.showFieldset($fieldset, $nextFieldset);
38
+ });
39
+ } else {
40
+ $nextFieldset = $fieldset.next('fieldset');
41
+ _this.showFieldset($fieldset, $nextFieldset);
42
+ }
43
+ return false;
44
+ });
45
+
46
+ this.$wizard.on('click', '.' + this.settings.prevClass, function(e) {
47
+ e.stopPropagation();
48
+ var $fieldset = $(this).closest('fieldset'),
49
+ $prevFieldset = $fieldset.prev('fieldset');
50
+ _this.showFieldset($fieldset, $prevFieldset);
51
+ return false;
52
+ });
53
+
54
+ this.$wizard.on('click', 'a.' + this.settings.jumperClass, function(e) {
55
+ var step = this.href.split('#')[1];
56
+ e.stopPropagation();
57
+ _this.showFieldset($('fieldset:visible'), $('fieldset:eq('+step+')'));
58
+ return false;
59
+ });
60
+
61
+ this.$fieldsets.on('keydown',':input,.' + _this.settings.primaryButtonClass, function(e) {
62
+ if (e.which != keyCodeEnter) return true;
63
+ e.stopPropagation();
64
+ $(this).closest('fieldset').find('.' + _this.settings.primaryButtonClass).trigger('click');
65
+ return false;
66
+ });
67
+ };
68
+
69
+ Wizard.prototype.createBreadcrumb = function() {
70
+ var _this = this;
71
+ this.$breadcrumb = $(document.createElement('ul')).addClass('wizard-breadcrumb');
72
+ this.$fieldsets.each(function(i) {
73
+ var $fieldset = $(this);
74
+ var $li = $(document.createElement('li'));
75
+ if (i == 0) $li.addClass('active');
76
+ var $value = $(document.createElement('span')).addClass('value');
77
+ if ($fieldset.find('legend').length) $value.text($fieldset.find('legend').text());
78
+ else $value.text((i + 1) + '. ' + _this.settings.defaultTitle);
79
+ $li.append($value);
80
+ if (i < _this.$fieldsets.length - 1 ) {
81
+ var $divider = $(document.createElement('span')).addClass('divider');
82
+ $divider.append($(document.createElement('i')).addClass('icon-double-angle-right'));
83
+ $li.append($divider);
84
+ }
85
+ _this.$breadcrumb.append($li);
86
+ });
87
+ this.$fieldsets.hide();
88
+ this.$breadcrumb.insertBefore(this.$fieldsets.first().show());
89
+ };
90
+
91
+ Wizard.prototype.showFieldset = function($oldFieldset, $newFieldset) {
92
+ var _this = this;
93
+ $oldFieldset.hide().trigger('hide');
94
+ $newFieldset.show().trigger('show').find('input:visible:first').focus();
95
+ $('li.active', _this.$breadcrumb).removeClass('active').trigger('deactivate');
96
+ $('li', _this.$breadcrumb).eq($('fieldset').index($newFieldset)).addClass('active').trigger('activate');
97
+ $('li:not(.active)', _this.$breadcrumb).each(function() {
98
+ var $this = $(this);
99
+ if ($this.index() > $('fieldset').index($newFieldset)) {
100
+ $('.value', $(this)).html($(this).text());
101
+ return true;
102
+ }
103
+ var link = $(document.createElement('a'))
104
+ .addClass(_this.settings.jumperClass)
105
+ .prop('href', '#' + $this.index())
106
+ .append($('.value', $this).text());
107
+ $('.value', $this).html(link);
108
+ });
109
+ $('li.active', _this.$breadcrumb).each(function() {
110
+ $('.value', $(this)).html($(this).text());
111
+ });
112
+ };
113
+
114
+ })( window.jQuery );
@@ -0,0 +1,42 @@
1
+ /* Table of Contents
2
+ ==================================================
3
+ #Alert */
4
+
5
+ /* #Alert
6
+ ================================================== */
7
+ .alert {
8
+ background-color: rgba(236,238,241,1);
9
+ border: 1px solid rgba(217,222,225,1);
10
+ color: rgba(43,50,53,1);
11
+ font-size: 15.5px;
12
+ margin-bottom: 20px;
13
+ padding: 13px 35px 10px 15px;
14
+ }
15
+ .alert,
16
+ .alert h4,
17
+ .alert p { color: rgba(43,50,53,1); }
18
+ .alert h4 { margin: 0; }
19
+ .alert .close {
20
+ position: relative;
21
+ right: -20px;
22
+ top: -3px;
23
+ }
24
+ .alert-green {
25
+ background-color: rgba(223,240,216,1);
26
+ border-color: rgba(204,223,188,1);
27
+ }
28
+ .alert-yellow {
29
+ background-color: rgba(252,248,227,1);
30
+ border-color: rgba(244,228,203,1);
31
+ }
32
+ .alert-red {
33
+ background-color: rgba(242,222,222,1);
34
+ border-color: rgba(228,201,205,1);
35
+ }
36
+ .alert-block {
37
+ padding-top: 14px;
38
+ padding-bottom: 14px;
39
+ }
40
+ .alert-block > p,
41
+ .alert-block > ul { margin-bottom: 0; }
42
+ .alert-block p + p { margin-top: 5px; }
@@ -0,0 +1,24 @@
1
+ /* Table of Contents
2
+ ==================================================
3
+ #Breadcrumb */
4
+
5
+ /* #Breadcrumb
6
+ ================================================== */
7
+ .breadcrumb {
8
+ list-style: none;
9
+ margin-bottom: 10px;
10
+ padding: 0;
11
+ }
12
+ .breadcrumb > li {
13
+ display: inline-block;
14
+ *display: inline;
15
+ font-size: 11.5px;
16
+ font-weight: bold;
17
+ *zoom: 1;
18
+ }
19
+ .breadcrumb > li > a { color: rgba(58,135,173,1); }
20
+ .breadcrumb > li > .divider {
21
+ color: rgba(43,50,53,1);
22
+ padding: 0 5px;
23
+ }
24
+ .breadcrumb > .active { color: rgba(43,50,53,1); }
@@ -0,0 +1,252 @@
1
+ /* Table of Contents
2
+ ==================================================
3
+ #Button
4
+ #Button Sizes
5
+ #Button Colors
6
+ #Button Icons
7
+ #Button Outlines
8
+ #Button Group
9
+ #Button Toolbar
10
+ #Close Button */
11
+
12
+ /* #Button
13
+ ================================================== */
14
+ .btn {
15
+ -webkit-appearance: none;
16
+ background: rgba(246,247,249,1);
17
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(246,247,249,1)), color-stop(100%, rgba(235,236,239,1)));
18
+ background: -webkit-linear-gradient(top, rgba(246,247,249,1) 0%, rgba(235,236,239,1) 100%);
19
+ background: -moz-linear-gradient(top, rgba(246,247,249,1) 0%, rgba(235,236,239,1) 100%);
20
+ background: -ms-linear-gradient(top, rgba(246,247,249,1) 0%, rgba(235,236,239,1) 100%);
21
+ background: -o-linear-gradient(top, rgba(246,247,249,1) 0%, rgba(235,236,239,1) 100%);
22
+ background: linear-gradient(to bottom, rgba(246,247,249,1) 0%, rgba(235,236,239,1) 100%);
23
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f7f9', endColorstr='#ebecef',GradientType=0);
24
+ -webkit-border-radius: 2px;
25
+ -moz-border-radius: 2px;
26
+ border-radius: 2px;
27
+ border: 1px solid rgba(217,222,225,1);
28
+ color: rgba(43,50,53,0.9);
29
+ cursor: pointer;
30
+ display: inline-block;
31
+ *display: inline;
32
+ font-size: 12.5px;
33
+ -webkit-font-smoothing: antialiased;
34
+ -moz-font-smoothing: antialiased;
35
+ -ms-font-smoothing: antialiased;
36
+ -o-font-smoothing: antialiased;
37
+ font-smoothing: antialiased;
38
+ font-weight: bold;
39
+ letter-spacing: 0.5px;
40
+ line-height: 12.5px;
41
+ margin: 0;
42
+ *margin-left: .3em;
43
+ padding: 14px 20px 12px 20px;
44
+ text-align: center;
45
+ text-decoration: none;
46
+ text-rendering: optimizeLegibility;
47
+ text-shadow: 0 1px 0 rgba(0,0,0,0.10);
48
+ vertical-align: middle;
49
+ *zoom: 1;
50
+ }
51
+ .btn:hover {
52
+ border-color: rgba(202,207,210,1);
53
+ color: rgba(43,50,53,1);
54
+ text-decoration: none;
55
+ -webkit-transition: all 0.1s linear;
56
+ -moz-transition: all 0.1s linear;
57
+ -ms-transition: all 0.1s linear;
58
+ -o-transition: all 0.1s linear;
59
+ transition: all 0.1s linear;
60
+ }
61
+
62
+ /* #Button Sizes
63
+ ================================================== */
64
+ .btn-large {
65
+ font-size: 14.5px;
66
+ line-height: 14.5px;
67
+ padding: 17px 30px 15px 30px;
68
+ }
69
+ .btn-small {
70
+ font-size: 10.5px;
71
+ line-height: 10.5px;
72
+ padding: 8px 15px 7px 15px;
73
+ }
74
+ .btn-mini {
75
+ font-size: 8.5px;
76
+ line-height: 8.5px;
77
+ padding: 6px 10px;
78
+ }
79
+ .btn-block,
80
+ button.btn-block,
81
+ input.btn-block {
82
+ -webkit-box-sizing: border-box;
83
+ -moz-box-sizing: border-box;
84
+ box-sizing: border-box;
85
+ display:block;
86
+ min-width: 100%;
87
+ padding-left: 0;
88
+ padding-right: 0;
89
+ width: 100%;
90
+ }
91
+
92
+ /* #Button Colors
93
+ ================================================== */
94
+ .btn-blue {
95
+ background: rgba(77,144,254,1);
96
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(77,144,254,1)), color-stop(100%,rgba(53,122,232,1)));
97
+ background: -webkit-linear-gradient(top, rgba(77,144,254,1) 0%, rgba(53,122,232,1) 100%);
98
+ background: -moz-linear-gradient(top, rgba(77,144,254,1) 0%, rgba(53,122,232,1) 100%);
99
+ background: -ms-linear-gradient(top, rgba(77,144,254,1) 0%, rgba(53,122,232,1) 100%);
100
+ background: -o-linear-gradient(top, rgba(77,144,254,1) 0%, rgba(53,122,232,1) 100%);
101
+ background: linear-gradient(to bottom, rgba(77,144,254,1) 0%,rgba(53,122,232,1) 100%);
102
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d90fe', endColorstr='#357ae8', GradientType=0);
103
+ border-color: rgba(48,121,237,1);
104
+ color: rgba(255,255,255,0.9);
105
+ }
106
+ .btn-blue:hover {
107
+ border-color: rgba(47,97,183,1);
108
+ color: rgba(255,255,255,1);
109
+ }
110
+ .btn-green {
111
+ background: rgba(60,147,0,1);
112
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(60,147,0,1)), color-stop(100%, rgba(54,130,0,1)));
113
+ background: -webkit-linear-gradient(top, rgba(60,147,0,1) 0%, rgba(54,130,0,1) 100%);
114
+ background: -moz-linear-gradient(top, rgba(60,147,0,1) 0%, rgba(54,130,0,1) 100%);
115
+ background: -ms-linear-gradient(top, rgba(60,147,0,1) 0%, rgba(54,130,0,1) 100%);
116
+ background: -o-linear-gradient(top, rgba(60,147,0,1) 0%, rgba(54,130,0,1) 100%);
117
+ background: linear-gradient(to bottom, rgba(60,147,0,1) 0%, rgba(54,130,0,1) 100%);
118
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3c9300', endColorstr='#368200', GradientType=0);
119
+ border-color: rgba(41,105,29,1);
120
+ color: rgba(255,255,255,0.9);
121
+ }
122
+ .btn-green:hover {
123
+ border-color: rgba(45,98,0,1);
124
+ color: rgba(255,255,255,1);
125
+ }
126
+ .btn-red {
127
+ background: rgba(220,74,56,1);
128
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(220,74,56,1)), color-stop(100%, rgba(197,55,39,1)));
129
+ background: -webkit-linear-gradient(top, rgba(220,74,56,1) 0%, rgba(197,55,39,1) 100%);
130
+ background: -moz-linear-gradient(top, rgba(220,74,56,1) 0%, rgba(197,55,39,1) 100%);
131
+ background: -ms-linear-gradient(top, rgba(220,74,56,1) 0%, rgba(197,55,39,1) 100%);
132
+ background: -o-linear-gradient(top, rgba(220,74,56,1) 0%, rgba(197,55,39,1) 100%);
133
+ background: linear-gradient(to bottom, rgba(220,74,56,1) 0%, rgba(197,55,39,1) 100%);
134
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dc4a38', endColorstr='#c53727', GradientType=0);
135
+ border-color: rgba(209,72,54,1);
136
+ color: rgba(255,255,255,0.9);
137
+ }
138
+ .btn-red:hover {
139
+ border-color: rgba(176,40,26,1);
140
+ color: rgba(255,255,255,1);
141
+ }
142
+
143
+ /* #Button Icons
144
+ ================================================== */
145
+ .btn-icon {
146
+ font-size: 16.5px;
147
+ line-height: 16.5px;
148
+ padding: 12px 12px 10px 12px;
149
+ }
150
+ .btn-large.btn-icon {
151
+ font-size: 22.5px;
152
+ line-height: 22.5px;
153
+ padding: 13px 14px 11px 14px;
154
+ }
155
+ .btn-small.btn-icon {
156
+ font-size: 13.5px;
157
+ line-height: 13.5px;
158
+ padding: 7px 9px 5px 9px;
159
+ }
160
+ .btn-mini.btn-icon {
161
+ font-size: 10.5px;
162
+ line-height: 10.5px;
163
+ padding: 6px 7px 4px 7px;
164
+ }
165
+
166
+ /* #Button Outlines
167
+ ================================================== */
168
+ .btn-outline {
169
+ background: transparent;
170
+ border-width: 2px;
171
+ padding: 13px 19px 11px 19px;
172
+ text-shadow: none;
173
+ }
174
+ .btn-large.btn-outline { padding: 16px 29px 14px 29px; }
175
+ .btn-small.btn-outline { padding: 7px 14px 6px 14px; }
176
+ .btn-mini.btn-outline { padding: 5px 9px; }
177
+ .btn-outline.btn-icon { padding: 11px 11px 9px 11px; }
178
+ .btn-large.btn-icon.btn-outline { padding: 12px 13px 10px 13px; }
179
+ .btn-small.btn-icon.btn-outline { padding: 6px 8px 4px 8px; }
180
+ .btn-mini.btn-icon.btn-outline { padding: 5px 6px 3px 6px; }
181
+
182
+ /* #Button Group
183
+ ================================================== */
184
+ .btn-group {
185
+ display: inline-block;
186
+ *display: inline;
187
+ font-size: 0;
188
+ *margin-left: .3em;
189
+ position: relative;
190
+ white-space: nowrap;
191
+ vertical-align: middle;
192
+ *zoom: 1;
193
+ }
194
+ .btn-group:first-child { *margin-left: 0; }
195
+ .btn-group + .btn-group { margin-left: 5px; }
196
+ .btn-group > .btn {
197
+ -webkit-border-radius: 0;
198
+ -moz-border-radius: 0;
199
+ border-radius: 0;
200
+ position: relative;
201
+ }
202
+ .btn-group > .btn + .btn { margin-left: -1px; }
203
+ .btn-group > .btn:first-child {
204
+ -webkit-border-top-left-radius: 2px;
205
+ -moz-border-radius-topleft: 2px;
206
+ border-top-left-radius: 2px;
207
+ -webkit-border-bottom-left-radius: 2px;
208
+ -moz-border-radius-bottomleft: 2px;
209
+ border-bottom-left-radius: 2px;
210
+ margin-left: 0;
211
+ }
212
+ .btn-group > .btn:last-child,
213
+ .btn-group > .dropdown-toggle {
214
+ -webkit-border-top-right-radius: 2px;
215
+ -moz-border-radius-topright: 2px;
216
+ border-top-right-radius: 2px;
217
+ -webkit-border-bottom-right-radius: 2px;
218
+ -moz-border-radius-bottomright: 2px;
219
+ border-bottom-right-radius: 2px;
220
+ }
221
+ .btn-group > .btn:hover,
222
+ .btn-group > .btn:focus,
223
+ .btn-group > .btn:active,
224
+ .btn-group > .btn.active { z-index: 2; }
225
+ .btn-group .dropdown-toggle:active,
226
+ .btn-group.open .dropdown-toggle { outline: 0; }
227
+
228
+ /* #Button Toolbar
229
+ ================================================== */
230
+ .btn-toolbar {
231
+ font-size: 0;
232
+ margin-top: 10px;
233
+ margin-bottom: 10px;
234
+ }
235
+ .btn-toolbar > .btn + .btn,
236
+ .btn-toolbar > .btn-group + .btn,
237
+ .btn-toolbar > .btn + .btn-group { margin-left: 5px; }
238
+
239
+ /* #Close Button
240
+ ================================================== */
241
+ .close {
242
+ color: rgba(171,171,171,1);
243
+ float: right;
244
+ font-size: 18px;
245
+ line-height: 18px;
246
+ }
247
+ .close:hover,
248
+ .close:focus {
249
+ color: rgba(43,50,53,1);
250
+ cursor: pointer;
251
+ text-decoration: none;
252
+ }
@@ -0,0 +1,10 @@
1
+ /* Table of Contents
2
+ ==================================================
3
+ #Chart */
4
+
5
+ /* #Chart
6
+ ================================================== */
7
+ .chart-center {
8
+ display: block;
9
+ margin: 0 auto;
10
+ }
@@ -0,0 +1,47 @@
1
+ /* Table of Contents
2
+ ==================================================
3
+ #Code
4
+ #Pre */
5
+
6
+ /* #Code
7
+ ================================================== */
8
+ code {
9
+ background-color: rgba(236,238,241,1);
10
+ color: rgba(43,50,53,1);
11
+ font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
12
+ font-size: 12px;
13
+ line-height: 20px;
14
+ margin: 0;
15
+ padding: 3px 5px 4px 5px;
16
+ word-break: break-all;
17
+ word-wrap: break-word;
18
+ white-space: pre;
19
+ }
20
+
21
+ /* #Pre
22
+ ================================================== */
23
+ pre {
24
+ background-color: rgba(236,238,241,1);
25
+ color: rgba(43,50,53,1);
26
+ display: block;
27
+ font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
28
+ font-size: 12px;
29
+ line-height: 20px;
30
+ margin: 0;
31
+ padding: 20px;
32
+ word-break: break-all;
33
+ word-wrap: break-word;
34
+ white-space: pre;
35
+ }
36
+ pre span.comment { color: rgba(43,50,53,1); font-style: italic; }
37
+ pre span.error { border: 1px solid rgba(237,76,42,1); }
38
+ pre span.highlight { background-color: rgba(43,50,53,1); color: rgba(255,255,255,1); padding: 3px 0; }
39
+ pre span.keyword { color: rgba(122,122,122,1); }
40
+ pre span.keyword-constant { color: rgba(237,76,42,1); }
41
+ pre span.keyword-declaration { color: rgba(0,0,0,1); }
42
+ pre span.keyword-pseudo { color: rgba(170,34,255,1); }
43
+ pre span.keyword-reserved { color: rgba(170,34,255,1); font-weight: bold; }
44
+ pre span.keyword-type { color: rgba(255,255,255,1); font-weight: bold; }
45
+ pre span.number { color: rgba(70,136,71,1); }
46
+ pre span.operator { color: rgba(43,50,53,1); }
47
+ pre span.string { color: rgba(58,135,173,1); }