65 lines
1.2 KiB
CSS
65 lines
1.2 KiB
CSS
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;
|
|
}
|