1
2/* make the abc code output look like <pre> */
3/* (not using <pre> as one library needs a div, another adds code to it) */
4.no-js .abc2-plugin,
5.preview .abc2-plugin.lib-abc2svg, /* abc2svg cannot be used in preview */
6.abc2-plugin.lib-abcjs .abctext,
7.abc2-plugin.lib-abc-ui.abc-source {
8  white-space: pre;
9  overflow: auto;
10  font-family: monospace;
11  font-size: 1em;
12  max-width: 100%;
13  margin-bottom: 1.4em;
14}
15
16/* hide the source if 'showSource' config is switched off */
17.hide-source.abc2-plugin.lib-abcjs .abctext,
18.hide-source.abc2-plugin.lib-abc-ui.abc-source {
19  display: none;
20}
21
22/* always show the code when JS is switched off */
23.no-js .abc2-plugin {
24  display: block !important;
25}
26
27/* abc-ui (original from music.min.css)
28********************************************************************/
29
30/**
31 * Music development for web
32 * @source    http://dev.music.free.fr/index.html
33 * @copyright Copyright (C) 2020 Christophe Poudras.
34 * @license	  GNU General Public License version 2 or later.
35 *
36 * changes from Anika Henke <anika@selfthinker.org>:
37 *   * removed background images
38 *   * added Unicode characters for player icons instead
39 *   * wrapped (nearly) everything in a .abc-render
40 *   * moved player and voices to the top
41 *   * changed player appearance a bit more
42 *   * moved .abc-source{display:none} out
43 */
44
45.abc-render {
46.keyWhite{stroke:gray;fill:#EEE}.keyBlack{stroke:gray;fill:black}.keySelected{stroke:gray;fill:#507fff}.keySelected.sensible{stroke:gray;fill:red}.keySelected.fourth{stroke:gray;fill:orange}.keySelected.highlight{stroke:gray;fill:green}.keySelected.optional{stroke:gray;fill:lightgray}.harmonic-sequence{display:none}br.chord-sequence{clear:both;height:0;font-size:0;line-height:0;margin:0;padding:0}.chord-sequence{margin:5px;display:inline-block;vertical-align:top}.mn-exp{font-size:70%;vertical-align:text-top}.mn-sub{font-size:60%;vertical-align:middle;line-height:1em}.mn-sus{font-size:60%;vertical-align:text-bottom;line-height:80%}.mn-add{font-size:60%;vertical-align:text-top;line-height:1em}span.xl{font-size:.6em}.mn-over{position:relative}.mn-over span{position:absolute;top:-0.5em;left:1px;font-size:.8em}.inversion-sup{position:absolute;font-size:60%;vertical-align:text-top;line-height:1em}.inversion-sub{position:absolute;font-size:60%;vertical-align:text-bottom;line-height:2.6em}ol.hs-item{display:table;float:left;border-collapse:collapse;border:1px solid black;list-style-type:none;margin:0}.hs-item li{display:table-cell;min-width:60px;text-align:center;font-weight:bold;color:white}.hs-item li.hs-chord,.hs-item li.hs-signature{display:table-header-group;color:black;border-bottom:1px dashed gray}.hs-item li.hs-degree{display:table-header-group;color:black}.hs-item li.sus-add{font-size:60%;vertical-align:text-top;position:relative;left:-24px}.hs-item ul.ul-sus-add{display:inline-table;list-style-type:none;vertical-align:top;margin-left:3px}.hs-item li.li-sus-add{display:table-header-group;font-size:60%;color:black;line-height:90%}.hs-item li.hs-function.T{background-color:#3f3f3f}.hs-item li.hs-function.Ts{background-color:#3f3f3f;color:red}.hs-item li.hs-function.t{background-color:#bfbfbf}.hs-item li.hs-function.ts{background-color:#bfbfbf;color:red}.hs-item li.hs-function.D{background-color:#f00}.hs-item li.hs-function.Dst{background-color:#f00;color:black}.hs-item li.hs-function.d{background-color:brown}.hs-item li.hs-function.dst{background-color:brown;color:black}.hs-item li.hs-function.D2{background-color:#92d050}.hs-item li.hs-function.D2st{background-color:#92d050;color:black}.hs-item li.hs-function.SD{background-color:#0070c0}.hs-item li.hs-function.SD2{background-color:#3fa4f0}.hs-item li.hs-function.UNK{background-color:orange}.hs-item li.hs-function.T:before,.hs-item li.hs-function.Ts:before,.hs-item li.hs-function.t:before,.hs-item li.hs-function.ts:before{content:"T"}.hs-item li.hs-function.d:before,.hs-item li.hs-function.dst:before,.hs-item li.hs-function.D:before,.hs-item li.hs-function.Dst:before{content:"D"}.hs-item li.hs-function.D2:before,.hs-item li.hs-function.D2st:before{content:"D²"}.hs-item li.hs-function.SD:before{content:"SD"}.hs-item li.hs-function.SD2:before{content:"SD²"}.hs-item li.hs-function.UNK:before{content:"?"}.hs-function div{min-width:60px;color:white;font-weight:bold;text-align:center}.hs-function div.T{background-color:#3f3f3f}.hs-function div.Ts{background-color:#3f3f3f;color:red}.hs-function div.t{background-color:#bfbfbf}.hs-function div.ts{background-color:#bfbfbf;color:red}.hs-function div.D{background-color:#f00}.hs-function div.Dst{background-color:#f00;color:black}.hs-function div.d{background-color:brown}.hs-function div.dst{background-color:brown;color:black}.hs-function div.D2{background-color:#92d050}.hs-function div.D2st{background-color:#92d050;color:black}.hs-function div.SD{background-color:#0070c0}.hs-function div.SD2{background-color:#3fa4f0}.hs-function div.UNK{background-color:yellow}.hs-function div.T:before,.hs-function div.Ts:before,.hs-function div.t:before,.hs-function div.ts:before{content:"T"}.hs-function div.d:before,.hs-function div.dst:before,.hs-function div.D:before,.hs-function div.Dst:before{content:"D"}.hs-function div.D2:before,.hs-function div.D2st:before{content:"D²"}.hs-function div.SD:before{content:"SD"}.hs-function div.SD2:before{content:"SD²"}.hs-function div.UNK:before{content:"?"}.sig-major{background-color:#dfd;font-weight:bold}.sig-major6{background-color:#afa;font-weight:bold}.sig-majorM7{background-color:#008040;font-weight:bold}.sig-major7{background-color:#f2dede;font-weight:bold}.sig-augmented{background-color:#8c8;font-weight:bold}.sig-augmentedM7{background-color:#aca;font-weight:bold}.sig-minor{background-color:#ffb;font-weight:bold}.sig-minor6{background-color:#ff9;font-weight:bold}.sig-minor7{background-color:#ffd;font-weight:bold}.sig-minorM7{background-color:#dda;font-weight:bold}.sig-minor7b5{background-color:#ddcdaa;font-weight:bold}.sig-diminished{background-color:#ffefcc;font-weight:bold}.sig-diminished7{background-color:#ffa500;font-weight:bold}.sig-suspended4{background-color:#faa;font-weight:bold}.harmonic-diagram{display:none}button.tone{height:30px;min-width:38px;margin:2px 2px;text-align:center;font-size:1.2em;font-weight:bold;border:solid black 2px;border-radius:12px;box-shadow:0 5px 15px rgba(0,0,0,0.25)}button.tone.selected{color:white;background-color:brown}button.tone:hover{color:white;background-color:red}button.tone:focus{outline:0}button.tonality{color:white;width:44px;height:28px;text-align:center;font-size:1.2em;font-weight:bold;border:solid black 1px}button.tonality.major{background-color:#555}button.tonality.minor{background-color:#777}button.tonality.selected{background-color:#000}button.tonality:hover{background-color:#0f71ba}button.tonality:focus{outline:0}button.signature{height:30px;min-width:80px;margin:2px 2px;text-align:center;font-size:1.2em;font-weight:bold;border:solid black 2px;border-radius:12px;box-shadow:0 5px 15px rgba(0,0,0,0.25)}button.signature.selected{color:white;background-color:#2d6987}button.signature:hover{color:white;background-color:lightblue}button.signature:focus{outline:0}.tonic,.T1{color:black;font-weight:bold}.T2{color:blue}.T3{color:brown}.fourth,.T4{color:orange;font-weight:bold}.T5{color:green;font-weight:bold}.T6{color:purple}.T7{color:red}.TT{color:red;font-weight:bold}.T2M{color:blue;font-weight:bold}.T3M{color:brown;font-weight:bold}.T4A{color:orange}.T5A{color:green}.T6M{color:purple;font-weight:bold}.sensible,.T7M{color:red;font-weight:bold}.T7D{color:red;font-weight:200}.fourth2{color:blue;font-weight:bold}.sensible2{color:green;font-weight:bold}.fnT{font-weight:bold;background-color:#3f3f3f;color:white}.fnTs{font-weight:bold;background-color:#3f3f3f;color:red}.fnTl{font-weight:bold;background-color:#bfbfbf;color:white}.fnTls{font-weight:bold;background-color:#bfbfbf;color:red}.fnD{font-weight:bold;background-color:#f00;color:white}.fnDl{font-weight:bold;background-color:#c00000;color:white}.fnDst{font-weight:bold;background-color:#f00;color:black}.fnSD{font-weight:bold;background-color:#0070c0;color:white}.fnD2{font-weight:bold;background-color:#92d050;color:white}.fnD2st{font-weight:bold;background-color:#92d050;color:black}.fnSD2{font-weight:bold;background-color:#3fa4f0;color:white}.fnHarmo.fnT:before{content:"T"}.fnHarmo.fnD:before{content:"D"}.fnHarmo.fnSD:before{content:"SD"}.xxl{font-size:1.5em}.chord-name{font-weight:bold;width:60px;height:30px;display:inline-block;text-align:right;padding-top:36px}.chord.tonic{background-color:#f8f8f8;font-weight:bold}.chord.selected{background-color:lightgray;color:white;font-weight:bold}.chord.enharmonic{font-style:italic}.sig-major{background-color:#dfd;font-weight:bold}.sig-major6{background-color:#afa;font-weight:bold}.sig-majorM7{background-color:#008040;font-weight:bold}.sig-major7{background-color:#f2dede;font-weight:bold}.sig-augmented{background-color:#8c8;font-weight:bold}.sig-augmentedM7{background-color:#aca;font-weight:bold}.sig-minor{background-color:#ffb;font-weight:bold}.sig-minor6{background-color:#ff9;font-weight:bold}.sig-minor7{background-color:#ffd;font-weight:bold}.sig-minorM7{background-color:#dda;font-weight:bold}.sig-minor7b5{background-color:#ddcdaa;font-weight:bold}.sig-diminished{background-color:#ffefcc;font-weight:bold}.sig-diminished7{background-color:#ffa500;font-weight:bold}.sig-suspended4{background-color:#faa;font-weight:bold}.full-score{margin-left:-20px}.abc-follow{fill:#00d000;fill-opacity:0;z-index:15}
47
48.abc-player{padding: 1px;}
49.abc-player::after {font-size: 200%;}
50.abc-player.ready::after {content: "▶️";}
51.abc-player.ready.playing::after {content: "⏹️";}
52
53td[valign="center"] {vertical-align: top;}
54td[align="center"] {text-align: left;}
55table, table td {border: none; padding: 0;}
56table table {margin: 0;}
57table + table {display: none;}
58
59.abc-voices {line-height: 36px; vertical-align: middle;}
60.abc-voices label {margin-right: .6em;}
61.abc-voices br {display: none;}
62.abc-tempo, .class_abc_tempo {margin-top: 3px;}
63
64.abc-dot{position:relative;top:-6.5px;cursor:pointer;height:8px;width:8px;margin-right:2px;border-radius:50%;display:inline-block}span.abc-dot:last-child{margin-right:0}.dot0{background-color:#003c00}.dot1{background-color:#005000}.dot2{background-color:#006400}.dot3{background-color:#007800}.dot4{background-color:#008c00}.dot5{background-color:#00a000}.dot6{background-color:#00b400}.dot7{background-color:#00c800}.dot8{background-color:#00dc00}.dot9{background-color:#00f000}.abc-dot.selected{background-color:#800}.abc-dot:hover{background-color:#F00}.abc-voice{font-size:.8em}.abc-hidden{display:none}
65} /* /.abc-render */
66