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
|
text.mod, text.key, text.dead {
fill:#111;
fill-opacity:1;
stroke:none;
font-style:normal;
font-variant:normal;
font-weight:normal;
font-stretch:normal;
display:inline;
font-family:DejaVu Sans;
writing-mode:lr-tb;
}
text.key {
font-family:Linux Libertine O,Linux Libertine;
}
text.mod {
text-align:start;
text-anchor:start;
}
text.deadcircle, text.dead, text.center, text.key {
text-align:center;
text-anchor:middle;
}
text.key { font-size:22px; }
text.dead { font-size:20px; }
text.deadcircle { font-size:14px; }
text.mod { font-size:10px; }
text.big { font-size:14px; }
.key {
stroke-width:1.25;
}
.grey { fill:#949494; stroke:#696969; }
.grey { fill:#9f9f9f; stroke:#747474; }
/* bootstrap colors */
.l2, .r2 { fill:#337ab7; }
.l3, .r3 { fill:#5cb85c; }
.l4, .r4 { fill:#d9534f; }
.l5, .r5 { fill:#f0ad4e; }
/* btn bg hover, unused */
.l2, .r2 { stroke:#3071a9; }
.l3, .r3 { stroke:#449d44; }
.l4, .r4 { stroke:#c9302c; }
.l5, .r5 { stroke:#ec971f; }
/* btn border hover */
.l2, .r2 { stroke:#204d74; }
.l3, .r3 { stroke:#398439; }
.l4, .r4 { stroke:#ac2925; }
.l5, .r5 { stroke:#d58512; }
text.nubkey { fill:#eee; }
.pressed {
opacity:0.5;
fill:#555;
}
|
