1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
|
pre {
font-weight: bold;
font-size: 1em;
}
.tabs,
.chord0,
.chordC {
/*Red Apple*/
color: #c00000;
font-weight: bold;
}
.chord1,
.chord-11,
.chordDb {
color: #ff0000;
}
.chord2,
.chord-10,
.chordD {
color: #e75b28;
}
.chord3,
.chord-9,
.chordEb {
color: #ff6400;
}
.chord4,
.chord-8,
.chordE {
color: #969600;
}
.chord5,
.chord-7,
.chordF {
color: #c8c800;
}
.chord6,
.chord-6,
.chordGb {
/*Green Apple*/
color: #64c000;
}
.chord7,
.chord-5,
.chordG {
/*Lime*/
color: #00dc00;
}
.chord8,
.chord-4,
.chordAb {
/*Blue Razzberry*/
color: #0096c8;
}
.chord9,
.chord-3,
.chordA {
/*Blueberry*/
color: #0000c8;
}
.chord10,
.chord-2,
.chordBb {
color: #9600be;
}
.chord11,
.chord-1,
.chordB {
color: #e7417c;
}
.btn-Z {
margin: .5em 0;
color: white;
background-color: #999;
border-color: #777777;
}
.btn-Z:hover {
color: white;
background-color: #888888;
border-color: #666666;
}
.btn-C {
margin: .5em 0;
color: white;
background-color: #c00000;
border-color: #9e0000;
}
.btn-C:hover {
color: white;
background-color: #af0000;
border-color: #8d0000;
}
.btn-Db {
margin: .5em 0;
color: white;
background-color: #ff0000;
border-color: #dd0000;
}
.btn-Db:hover {
color: white;
background-color: #ee0000;
border-color: #cc0000;
}
.btn-D {
margin: .5em 0;
color: white;
background-color: #e75b28;
border-color: #c53906;
}
.btn-D:hover {
color: white;
background-color: #d64a17;
border-color: #b42800;
}
.btn-Eb {
margin: .5em 0;
color: white;
background-color: #ff6400;
border-color: #dd4200;
}
.btn-Eb:hover {
color: white;
background-color: #ee5300;
border-color: #cc3100;
}
.btn-E {
margin: .5em 0;
color: white;
background-color: #969600;
border-color: #747400;
}
.btn-E:hover {
color: white;
background-color: #858500;
border-color: #636300;
}
.btn-F {
margin: .5em 0;
color: white;
background-color: #c8c800;
border-color: #a6a600;
}
.btn-F:hover {
color: white;
background-color: #b7b700;
border-color: #959500;
}
.btn-Gb {
margin: .5em 0;
color: white;
background-color: #64c000;
border-color: #429e00;
}
.btn-Gb:hover {
color: white;
background-color: #53af00;
border-color: #318d00;
}
.btn-G {
margin: .5em 0;
color: white;
background-color: #00dc00;
border-color: #00ba00;
}
.btn-G:hover {
color: white;
background-color: #00cb00;
border-color: #00a900;
}
.btn-Ab {
margin: .5em 0;
color: white;
background-color: #0096c8;
border-color: #0074a6;
}
.btn-Ab:hover {
color: white;
background-color: #0085b7;
border-color: #006395;
}
.btn-A {
margin: .5em 0;
color: white;
background-color: #0000c8;
border-color: #0000a6;
}
.btn-A:hover {
color: white;
background-color: #0000b7;
border-color: #000095;
}
.btn-Bb {
margin: .5em 0;
color: white;
background-color: #9600be;
border-color: #74009c;
}
.btn-Bb:hover {
color: white;
background-color: #8500ad;
border-color: #63008b;
}
.btn-B {
margin: .5em 0;
color: white;
background-color: #e7417c;
border-color: #c51f5a;
}
.btn-B:hover {
color: white;
background-color: #d6306b;
border-color: #b40e49;
}
/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImluZGV4Lmxlc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNkJBO0VBQ0MsaUJBQUE7RUFDQSxjQUFBOztBQVFEO0FBQU87QUFBUzs7RUFMZixjQUFBO0VBT0EsaUJBQUE7O0FBRUQ7QUFBUztBQUFXO0VBVG5CLGNBQUE7O0FBWUQ7QUFBUztBQUFXO0VBWm5CLGNBQUE7O0FBZUQ7QUFBUztBQUFVO0VBZmxCLGNBQUE7O0FBa0JEO0FBQVM7QUFBVTtFQWxCbEIsY0FBQTs7QUFxQkQ7QUFBUztBQUFVO0VBckJsQixjQUFBOztBQXdCRDtBQUFTO0FBQVU7O0VBeEJsQixjQUFBOztBQTJCRDtBQUFTO0FBQVU7O0VBM0JsQixjQUFBOztBQThCRDtBQUFTO0FBQVU7O0VBOUJsQixjQUFBOztBQWlDRDtBQUFTO0FBQVU7O0VBakNsQixjQUFBOztBQW9DRDtBQUFVO0FBQVU7RUFwQ25CLGNBQUE7O0FBdUNEO0FBQVU7QUFBVTtFQXZDbkIsY0FBQTs7QUF5REQ7RUFiQyxjQUFBO0VBQ0EsWUFBQTtFQUNBLHNCQUFBO0VBQ0EscUJBQUE7O0FBSUEsTUFBQztFQUNBLFlBQUE7RUFDQSx5QkFBQTtFQUNBLHFCQUFBOztBQU9GO0VBakJDLGNBQUE7RUFDQSxZQUFBO0VBQ0EseUJBQUE7RUFDQSxxQkFBQTs7QUFJQSxNQUFDO0VBQ0EsWUFBQTtFQUNBLHlCQUFBO0VBQ0EscUJBQUE7O0FBVUY7RUFwQkMsY0FBQTtFQUNBLFlBQUE7RUFDQSx5QkFBQTtFQUNBLHFCQUFBOztBQUlBLE9BQUM7RUFDQSxZQUFBO0VBQ0EseUJBQUE7RUFDQSxxQkFBQTs7QUFhRjtFQXZCQyxjQUFBO0VBQ0EsWUFBQTtFQUNBLHlCQUFBO0VBQ0EscUJBQUE7O0FBSUEsTUFBQztFQUNBLFlBQUE7RUFDQSx5QkFBQTtFQUNBLHFCQUFBOztBQWdCRjtFQTFCQyxjQUFBO0VBQ0EsWUFBQTtFQUNBLHlCQUFBO0VBQ0EscUJBQUE7O0FBSUEsT0FBQztFQUNBLFlBQUE7RUFDQSx5QkFBQTtFQUNBLHFCQUFBOztBQW1CRjtFQTdCQyxjQUFBO0VBQ0EsWUFBQTtFQUNBLHlCQUFBO0VBQ0EscUJBQUE7O0FBSUEsTUFBQztFQUNBLFlBQUE7RUFDQSx5QkFBQTtFQUNBLHFCQUFBOztBQXNCRjtFQWhDQyxjQUFBO0VBQ0EsWUFBQTtFQUNBLHlCQUFBO0VBQ0EscUJBQUE7O0FBSUEsTUFBQztFQUNBLFlBQUE7RUFDQSx5QkFBQTtFQUNBLHFCQUFBOztBQXlCRjtFQW5DQyxjQUFBO0VBQ0EsWUFBQTtFQUNBLHlCQUFBO0VBQ0EscUJBQUE7O0FBSUEsT0FBQztFQUNBLFlBQUE7RUFDQSx5QkFBQTtFQUNBLHFCQUFBOztBQTRCRjtFQXRDQyxjQUFBO0VBQ0EsWUFBQTtFQUNBLHlCQUFBO0VBQ0EscUJBQUE7O0FBSUEsTUFBQztFQUNBLFlBQUE7RUFDQSx5QkFBQTtFQUNBLHFCQUFBOztBQStCRjtFQXpDQyxjQUFBO0VBQ0EsWUFBQTtFQUNBLHlCQUFBO0VBQ0EscUJBQUE7O0FBSUEsT0FBQztFQUNBLFlBQUE7RUFDQSx5QkFBQTtFQUNBLHFCQUFBOztBQWtDRjtFQTVDQyxjQUFBO0VBQ0EsWUFBQTtFQUNBLHlCQUFBO0VBQ0EscUJBQUE7O0FBSUEsTUFBQztFQUNBLFlBQUE7RUFDQSx5QkFBQTtFQUNBLHFCQUFBOztBQXFDRjtFQS9DQyxjQUFBO0VBQ0EsWUFBQTtFQUNBLHlCQUFBO0VBQ0EscUJBQUE7O0FBSUEsT0FBQztFQUNBLFlBQUE7RUFDQSx5QkFBQTtFQUNBLHFCQUFBOztBQXdDRjtFQWxEQyxjQUFBO0VBQ0EsWUFBQTtFQUNBLHlCQUFBO0VBQ0EscUJBQUE7O0FBSUEsTUFBQztFQUNBLFlBQUE7RUFDQSx5QkFBQTtFQUNBLHFCQUFBIn0= */
|