Mercurial > repos > public > wdown

annotate abcjs-midi.css @ 21:dbc7d00fcb7d midi-experiment

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Try to add midi playback of sheet music
author Jonatan Werpers <jonatan@werpers.com>
date Wed, 01 Jul 2020 11:41:39 +0200
parents
children
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
rev   line source
21
dbc7d00fcb7d Try to add midi playback of sheet music
Jonatan Werpers <jonatan@werpers.com>
parents:
diff changeset
1 /* Some basic CSS to make the MIDI controls in abcjs presentable. */
dbc7d00fcb7d Try to add midi playback of sheet music
Jonatan Werpers <jonatan@werpers.com>
parents:
diff changeset
2
dbc7d00fcb7d Try to add midi playback of sheet music
Jonatan Werpers <jonatan@werpers.com>
parents:
diff changeset
3 .abcjs-inline-midi {
dbc7d00fcb7d Try to add midi playback of sheet music
Jonatan Werpers <jonatan@werpers.com>
parents:
diff changeset
4 height: 26px;
dbc7d00fcb7d Try to add midi playback of sheet music
Jonatan Werpers <jonatan@werpers.com>
parents:
diff changeset
5 padding: 0 5px;
dbc7d00fcb7d Try to add midi playback of sheet music
Jonatan Werpers <jonatan@werpers.com>
parents:
diff changeset
6 border-radius: 3px;
dbc7d00fcb7d Try to add midi playback of sheet music
Jonatan Werpers <jonatan@werpers.com>
parents:
diff changeset
7 color: #f4f4f4;
dbc7d00fcb7d Try to add midi playback of sheet music
Jonatan Werpers <jonatan@werpers.com>
parents:
diff changeset
8 background-color: #424242;
dbc7d00fcb7d Try to add midi playback of sheet music
Jonatan Werpers <jonatan@werpers.com>
parents:
diff changeset
9 display: flex;
dbc7d00fcb7d Try to add midi playback of sheet music
Jonatan Werpers <jonatan@werpers.com>
parents:
diff changeset
10 align-items: center;
dbc7d00fcb7d Try to add midi playback of sheet music
Jonatan Werpers <jonatan@werpers.com>
parents:
diff changeset
11 box-sizing: border-box;
dbc7d00fcb7d Try to add midi playback of sheet music
Jonatan Werpers <jonatan@werpers.com>
parents:
diff changeset
12 }
dbc7d00fcb7d Try to add midi playback of sheet music
Jonatan Werpers <jonatan@werpers.com>
parents:
diff changeset
13
dbc7d00fcb7d Try to add midi playback of sheet music
Jonatan Werpers <jonatan@werpers.com>
parents:
diff changeset
14 .abcjs-inline-midi .abcjs-btn {
dbc7d00fcb7d Try to add midi playback of sheet music
Jonatan Werpers <jonatan@werpers.com>
parents:
diff changeset
15 width: 28px;
dbc7d00fcb7d Try to add midi playback of sheet music
Jonatan Werpers <jonatan@werpers.com>
parents:
diff changeset
16 height: 26px;
dbc7d00fcb7d Try to add midi playback of sheet music
Jonatan Werpers <jonatan@werpers.com>
parents:
diff changeset
17 display: inline-block;
dbc7d00fcb7d Try to add midi playback of sheet music
Jonatan Werpers <jonatan@werpers.com>
parents:
diff changeset
18 margin-right: 2px;
dbc7d00fcb7d Try to add midi playback of sheet music
Jonatan Werpers <jonatan@werpers.com>
parents:
diff changeset
19 float: left;
dbc7d00fcb7d Try to add midi playback of sheet music
Jonatan Werpers <jonatan@werpers.com>
parents:
diff changeset
20 padding: 0;
dbc7d00fcb7d Try to add midi playback of sheet music
Jonatan Werpers <jonatan@werpers.com>
parents:
diff changeset
21
dbc7d00fcb7d Try to add midi playback of sheet music
Jonatan Werpers <jonatan@werpers.com>
parents:
diff changeset
22 background: none;
dbc7d00fcb7d Try to add midi playback of sheet music
Jonatan Werpers <jonatan@werpers.com>
parents:
diff changeset
23 font: normal normal normal 14px/1 FontAwesome;
dbc7d00fcb7d Try to add midi playback of sheet music
Jonatan Werpers <jonatan@werpers.com>
parents:
diff changeset
24 font-size: 14px;
dbc7d00fcb7d Try to add midi playback of sheet music
Jonatan Werpers <jonatan@werpers.com>
parents:
diff changeset
25 text-rendering: auto;
dbc7d00fcb7d Try to add midi playback of sheet music
Jonatan Werpers <jonatan@werpers.com>
parents:
diff changeset
26 -webkit-font-smoothing: antialiased;
dbc7d00fcb7d Try to add midi playback of sheet music
Jonatan Werpers <jonatan@werpers.com>
parents:
diff changeset
27 -moz-osx-font-smoothing: grayscale;
dbc7d00fcb7d Try to add midi playback of sheet music
Jonatan Werpers <jonatan@werpers.com>
parents:
diff changeset
28 color: #f4f4f4;
dbc7d00fcb7d Try to add midi playback of sheet music
Jonatan Werpers <jonatan@werpers.com>
parents:
diff changeset
29 border: 1px solid transparent;
dbc7d00fcb7d Try to add midi playback of sheet music
Jonatan Werpers <jonatan@werpers.com>
parents:
diff changeset
30 box-sizing: border-box;
dbc7d00fcb7d Try to add midi playback of sheet music
Jonatan Werpers <jonatan@werpers.com>
parents:
diff changeset
31 }
dbc7d00fcb7d Try to add midi playback of sheet music
Jonatan Werpers <jonatan@werpers.com>
parents:
diff changeset
32
dbc7d00fcb7d Try to add midi playback of sheet music
Jonatan Werpers <jonatan@werpers.com>
parents:
diff changeset
33 .fa5 .abcjs-inline-midi .abcjs-btn {
dbc7d00fcb7d Try to add midi playback of sheet music
Jonatan Werpers <jonatan@werpers.com>
parents:
diff changeset
34 font-family: "Font Awesome 5 Free";
dbc7d00fcb7d Try to add midi playback of sheet music
Jonatan Werpers <jonatan@werpers.com>
parents:
diff changeset
35 font-weight: 900;
dbc7d00fcb7d Try to add midi playback of sheet music
Jonatan Werpers <jonatan@werpers.com>
parents:
diff changeset
36 }
dbc7d00fcb7d Try to add midi playback of sheet music
Jonatan Werpers <jonatan@werpers.com>
parents:
diff changeset
37 .abcjs-inline-midi .abcjs-btn:hover {
dbc7d00fcb7d Try to add midi playback of sheet music
Jonatan Werpers <jonatan@werpers.com>
parents:
diff changeset
38 color: #cccccc;
dbc7d00fcb7d Try to add midi playback of sheet music
Jonatan Werpers <jonatan@werpers.com>
parents:
diff changeset
39 }
dbc7d00fcb7d Try to add midi playback of sheet music
Jonatan Werpers <jonatan@werpers.com>
parents:
diff changeset
40
dbc7d00fcb7d Try to add midi playback of sheet music
Jonatan Werpers <jonatan@werpers.com>
parents:
diff changeset
41 .abcjs-inline-midi .abcjs-midi-selection:before {
dbc7d00fcb7d Try to add midi playback of sheet music
Jonatan Werpers <jonatan@werpers.com>
parents:
diff changeset
42 content: "\f07e"; /* fa-arrows-h [&#xf07e;] */
dbc7d00fcb7d Try to add midi playback of sheet music
Jonatan Werpers <jonatan@werpers.com>
parents:
diff changeset
43 }
dbc7d00fcb7d Try to add midi playback of sheet music
Jonatan Werpers <jonatan@werpers.com>
parents:
diff changeset
44
dbc7d00fcb7d Try to add midi playback of sheet music
Jonatan Werpers <jonatan@werpers.com>
parents:
diff changeset
45 .abcjs-inline-midi .abcjs-midi-selection.abcjs-pushed {
dbc7d00fcb7d Try to add midi playback of sheet music
Jonatan Werpers <jonatan@werpers.com>
parents:
diff changeset
46 border: 1px solid #cccccc;
dbc7d00fcb7d Try to add midi playback of sheet music
Jonatan Werpers <jonatan@werpers.com>
parents:
diff changeset
47 background-color: #666666;
dbc7d00fcb7d Try to add midi playback of sheet music
Jonatan Werpers <jonatan@werpers.com>
parents:
diff changeset
48 box-sizing: border-box;
dbc7d00fcb7d Try to add midi playback of sheet music
Jonatan Werpers <jonatan@werpers.com>
parents:
diff changeset
49 }
dbc7d00fcb7d Try to add midi playback of sheet music
Jonatan Werpers <jonatan@werpers.com>
parents:
diff changeset
50
dbc7d00fcb7d Try to add midi playback of sheet music
Jonatan Werpers <jonatan@werpers.com>
parents:
diff changeset
51 .abcjs-inline-midi .abcjs-midi-loop:before {
dbc7d00fcb7d Try to add midi playback of sheet music
Jonatan Werpers <jonatan@werpers.com>
parents:
diff changeset
52 content: "\f021"; /* fa-refresh [&#xf021;] */
dbc7d00fcb7d Try to add midi playback of sheet music
Jonatan Werpers <jonatan@werpers.com>
parents:
diff changeset
53 }
dbc7d00fcb7d Try to add midi playback of sheet music
Jonatan Werpers <jonatan@werpers.com>
parents:
diff changeset
54
dbc7d00fcb7d Try to add midi playback of sheet music
Jonatan Werpers <jonatan@werpers.com>
parents:
diff changeset
55 .abcjs-inline-midi .abcjs-midi-loop.abcjs-pushed {
dbc7d00fcb7d Try to add midi playback of sheet music
Jonatan Werpers <jonatan@werpers.com>
parents:
diff changeset
56 border: 1px solid #cccccc;
dbc7d00fcb7d Try to add midi playback of sheet music
Jonatan Werpers <jonatan@werpers.com>
parents:
diff changeset
57 background-color: #666666;
dbc7d00fcb7d Try to add midi playback of sheet music
Jonatan Werpers <jonatan@werpers.com>
parents:
diff changeset
58 box-sizing: border-box;
dbc7d00fcb7d Try to add midi playback of sheet music
Jonatan Werpers <jonatan@werpers.com>
parents:
diff changeset
59 }
dbc7d00fcb7d Try to add midi playback of sheet music
Jonatan Werpers <jonatan@werpers.com>
parents:
diff changeset
60
dbc7d00fcb7d Try to add midi playback of sheet music
Jonatan Werpers <jonatan@werpers.com>
parents:
diff changeset
61 .abcjs-inline-midi .abcjs-midi-reset:before {
dbc7d00fcb7d Try to add midi playback of sheet music
Jonatan Werpers <jonatan@werpers.com>
parents:
diff changeset
62 content: "\f048"; /* fa-step-backward [&#xf048;] */
dbc7d00fcb7d Try to add midi playback of sheet music
Jonatan Werpers <jonatan@werpers.com>
parents:
diff changeset
63 }
dbc7d00fcb7d Try to add midi playback of sheet music
Jonatan Werpers <jonatan@werpers.com>
parents:
diff changeset
64
dbc7d00fcb7d Try to add midi playback of sheet music
Jonatan Werpers <jonatan@werpers.com>
parents:
diff changeset
65 .abcjs-inline-midi .abcjs-midi-reset.abcjs-pushed {
dbc7d00fcb7d Try to add midi playback of sheet music
Jonatan Werpers <jonatan@werpers.com>
parents:
diff changeset
66 border: 1px solid #cccccc;
dbc7d00fcb7d Try to add midi playback of sheet music
Jonatan Werpers <jonatan@werpers.com>
parents:
diff changeset
67 background-color: #666666;
dbc7d00fcb7d Try to add midi playback of sheet music
Jonatan Werpers <jonatan@werpers.com>
parents:
diff changeset
68 box-sizing: border-box;
dbc7d00fcb7d Try to add midi playback of sheet music
Jonatan Werpers <jonatan@werpers.com>
parents:
diff changeset
69 }
dbc7d00fcb7d Try to add midi playback of sheet music
Jonatan Werpers <jonatan@werpers.com>
parents:
diff changeset
70
dbc7d00fcb7d Try to add midi playback of sheet music
Jonatan Werpers <jonatan@werpers.com>
parents:
diff changeset
71 .abcjs-inline-midi .abcjs-midi-start:before {
dbc7d00fcb7d Try to add midi playback of sheet music
Jonatan Werpers <jonatan@werpers.com>
parents:
diff changeset
72 content: "\f04b"; /* fa-play [&#xf04b;] fa-pause [&#xf04c;] */
dbc7d00fcb7d Try to add midi playback of sheet music
Jonatan Werpers <jonatan@werpers.com>
parents:
diff changeset
73 }
dbc7d00fcb7d Try to add midi playback of sheet music
Jonatan Werpers <jonatan@werpers.com>
parents:
diff changeset
74
dbc7d00fcb7d Try to add midi playback of sheet music
Jonatan Werpers <jonatan@werpers.com>
parents:
diff changeset
75 .abcjs-inline-midi .abcjs-midi-start.abcjs-pushed:before {
dbc7d00fcb7d Try to add midi playback of sheet music
Jonatan Werpers <jonatan@werpers.com>
parents:
diff changeset
76 content: "\f04c"; /* fa-play [&#xf04b;] fa-pause [&#xf04c;] */
dbc7d00fcb7d Try to add midi playback of sheet music
Jonatan Werpers <jonatan@werpers.com>
parents:
diff changeset
77 }
dbc7d00fcb7d Try to add midi playback of sheet music
Jonatan Werpers <jonatan@werpers.com>
parents:
diff changeset
78
dbc7d00fcb7d Try to add midi playback of sheet music
Jonatan Werpers <jonatan@werpers.com>
parents:
diff changeset
79 .abcjs-inline-midi .abcjs-midi-start.abcjs-loading {
dbc7d00fcb7d Try to add midi playback of sheet music
Jonatan Werpers <jonatan@werpers.com>
parents:
diff changeset
80 outline: none;
dbc7d00fcb7d Try to add midi playback of sheet music
Jonatan Werpers <jonatan@werpers.com>
parents:
diff changeset
81 animation: a 1s infinite steps(8);
dbc7d00fcb7d Try to add midi playback of sheet music
Jonatan Werpers <jonatan@werpers.com>
parents:
diff changeset
82 }
dbc7d00fcb7d Try to add midi playback of sheet music
Jonatan Werpers <jonatan@werpers.com>
parents:
diff changeset
83
dbc7d00fcb7d Try to add midi playback of sheet music
Jonatan Werpers <jonatan@werpers.com>
parents:
diff changeset
84 .abcjs-inline-midi .abcjs-midi-start.abcjs-loading:before {
dbc7d00fcb7d Try to add midi playback of sheet music
Jonatan Werpers <jonatan@werpers.com>
parents:
diff changeset
85 content: "\f110"; /* fa-loading */
dbc7d00fcb7d Try to add midi playback of sheet music
Jonatan Werpers <jonatan@werpers.com>
parents:
diff changeset
86 }
dbc7d00fcb7d Try to add midi playback of sheet music
Jonatan Werpers <jonatan@werpers.com>
parents:
diff changeset
87
dbc7d00fcb7d Try to add midi playback of sheet music
Jonatan Werpers <jonatan@werpers.com>
parents:
diff changeset
88 .abcjs-inline-midi .abcjs-midi-progress-background {
dbc7d00fcb7d Try to add midi playback of sheet music
Jonatan Werpers <jonatan@werpers.com>
parents:
diff changeset
89 background-color: #424242;
dbc7d00fcb7d Try to add midi playback of sheet music
Jonatan Werpers <jonatan@werpers.com>
parents:
diff changeset
90 height: 10px;
dbc7d00fcb7d Try to add midi playback of sheet music
Jonatan Werpers <jonatan@werpers.com>
parents:
diff changeset
91 border-radius: 5px;
dbc7d00fcb7d Try to add midi playback of sheet music
Jonatan Werpers <jonatan@werpers.com>
parents:
diff changeset
92 border: 2px solid #cccccc;
dbc7d00fcb7d Try to add midi playback of sheet music
Jonatan Werpers <jonatan@werpers.com>
parents:
diff changeset
93 margin: 0 8px 0 15px;
dbc7d00fcb7d Try to add midi playback of sheet music
Jonatan Werpers <jonatan@werpers.com>
parents:
diff changeset
94 position: relative;
dbc7d00fcb7d Try to add midi playback of sheet music
Jonatan Werpers <jonatan@werpers.com>
parents:
diff changeset
95 flex: 1;
dbc7d00fcb7d Try to add midi playback of sheet music
Jonatan Werpers <jonatan@werpers.com>
parents:
diff changeset
96 padding: 0;
dbc7d00fcb7d Try to add midi playback of sheet music
Jonatan Werpers <jonatan@werpers.com>
parents:
diff changeset
97 box-sizing: border-box;
dbc7d00fcb7d Try to add midi playback of sheet music
Jonatan Werpers <jonatan@werpers.com>
parents:
diff changeset
98 }
dbc7d00fcb7d Try to add midi playback of sheet music
Jonatan Werpers <jonatan@werpers.com>
parents:
diff changeset
99
dbc7d00fcb7d Try to add midi playback of sheet music
Jonatan Werpers <jonatan@werpers.com>
parents:
diff changeset
100 .abcjs-inline-midi .abcjs-midi-progress-indicator {
dbc7d00fcb7d Try to add midi playback of sheet music
Jonatan Werpers <jonatan@werpers.com>
parents:
diff changeset
101 width: 20px;
dbc7d00fcb7d Try to add midi playback of sheet music
Jonatan Werpers <jonatan@werpers.com>
parents:
diff changeset
102 margin-left: -10px; /* half of the width */
dbc7d00fcb7d Try to add midi playback of sheet music
Jonatan Werpers <jonatan@werpers.com>
parents:
diff changeset
103 height: 14px;
dbc7d00fcb7d Try to add midi playback of sheet music
Jonatan Werpers <jonatan@werpers.com>
parents:
diff changeset
104 background-color: #f4f4f4;
dbc7d00fcb7d Try to add midi playback of sheet music
Jonatan Werpers <jonatan@werpers.com>
parents:
diff changeset
105 position: absolute;
dbc7d00fcb7d Try to add midi playback of sheet music
Jonatan Werpers <jonatan@werpers.com>
parents:
diff changeset
106 display: inline-block;
dbc7d00fcb7d Try to add midi playback of sheet music
Jonatan Werpers <jonatan@werpers.com>
parents:
diff changeset
107 border-radius: 6px;
dbc7d00fcb7d Try to add midi playback of sheet music
Jonatan Werpers <jonatan@werpers.com>
parents:
diff changeset
108 top: -4px;
dbc7d00fcb7d Try to add midi playback of sheet music
Jonatan Werpers <jonatan@werpers.com>
parents:
diff changeset
109 left: 0;
dbc7d00fcb7d Try to add midi playback of sheet music
Jonatan Werpers <jonatan@werpers.com>
parents:
diff changeset
110 box-sizing: border-box;
dbc7d00fcb7d Try to add midi playback of sheet music
Jonatan Werpers <jonatan@werpers.com>
parents:
diff changeset
111 }
dbc7d00fcb7d Try to add midi playback of sheet music
Jonatan Werpers <jonatan@werpers.com>
parents:
diff changeset
112
dbc7d00fcb7d Try to add midi playback of sheet music
Jonatan Werpers <jonatan@werpers.com>
parents:
diff changeset
113 .abcjs-inline-midi .abcjs-midi-clock, .abcjs-inline-midi .abcjs-midi-post {
dbc7d00fcb7d Try to add midi playback of sheet music
Jonatan Werpers <jonatan@werpers.com>
parents:
diff changeset
114 margin-left: 4px;
dbc7d00fcb7d Try to add midi playback of sheet music
Jonatan Werpers <jonatan@werpers.com>
parents:
diff changeset
115 margin-top: 0;
dbc7d00fcb7d Try to add midi playback of sheet music
Jonatan Werpers <jonatan@werpers.com>
parents:
diff changeset
116 display: inline-block;
dbc7d00fcb7d Try to add midi playback of sheet music
Jonatan Werpers <jonatan@werpers.com>
parents:
diff changeset
117 font-family: sans-serif;
dbc7d00fcb7d Try to add midi playback of sheet music
Jonatan Werpers <jonatan@werpers.com>
parents:
diff changeset
118 font-size: 16px;
dbc7d00fcb7d Try to add midi playback of sheet music
Jonatan Werpers <jonatan@werpers.com>
parents:
diff changeset
119 box-sizing: border-box;
dbc7d00fcb7d Try to add midi playback of sheet music
Jonatan Werpers <jonatan@werpers.com>
parents:
diff changeset
120 }
dbc7d00fcb7d Try to add midi playback of sheet music
Jonatan Werpers <jonatan@werpers.com>
parents:
diff changeset
121
dbc7d00fcb7d Try to add midi playback of sheet music
Jonatan Werpers <jonatan@werpers.com>
parents:
diff changeset
122 .abcjs-inline-midi .abcjs-midi-pre {
dbc7d00fcb7d Try to add midi playback of sheet music
Jonatan Werpers <jonatan@werpers.com>
parents:
diff changeset
123 display: inline-block;
dbc7d00fcb7d Try to add midi playback of sheet music
Jonatan Werpers <jonatan@werpers.com>
parents:
diff changeset
124 box-sizing: border-box;
dbc7d00fcb7d Try to add midi playback of sheet music
Jonatan Werpers <jonatan@werpers.com>
parents:
diff changeset
125 }
dbc7d00fcb7d Try to add midi playback of sheet music
Jonatan Werpers <jonatan@werpers.com>
parents:
diff changeset
126
dbc7d00fcb7d Try to add midi playback of sheet music
Jonatan Werpers <jonatan@werpers.com>
parents:
diff changeset
127 .abcjs-inline-midi .abcjs-tempo-wrapper {
dbc7d00fcb7d Try to add midi playback of sheet music
Jonatan Werpers <jonatan@werpers.com>
parents:
diff changeset
128 float: right;
dbc7d00fcb7d Try to add midi playback of sheet music
Jonatan Werpers <jonatan@werpers.com>
parents:
diff changeset
129 font-size: 10px;
dbc7d00fcb7d Try to add midi playback of sheet music
Jonatan Werpers <jonatan@werpers.com>
parents:
diff changeset
130 display: inline-block;
dbc7d00fcb7d Try to add midi playback of sheet music
Jonatan Werpers <jonatan@werpers.com>
parents:
diff changeset
131 color: #f4f4f4;
dbc7d00fcb7d Try to add midi playback of sheet music
Jonatan Werpers <jonatan@werpers.com>
parents:
diff changeset
132 box-sizing: border-box;
dbc7d00fcb7d Try to add midi playback of sheet music
Jonatan Werpers <jonatan@werpers.com>
parents:
diff changeset
133 }
dbc7d00fcb7d Try to add midi playback of sheet music
Jonatan Werpers <jonatan@werpers.com>
parents:
diff changeset
134
dbc7d00fcb7d Try to add midi playback of sheet music
Jonatan Werpers <jonatan@werpers.com>
parents:
diff changeset
135 .abcjs-inline-midi .abcjs-midi-tempo {
dbc7d00fcb7d Try to add midi playback of sheet music
Jonatan Werpers <jonatan@werpers.com>
parents:
diff changeset
136 border-radius: 2px;
dbc7d00fcb7d Try to add midi playback of sheet music
Jonatan Werpers <jonatan@werpers.com>
parents:
diff changeset
137 border: none;
dbc7d00fcb7d Try to add midi playback of sheet music
Jonatan Werpers <jonatan@werpers.com>
parents:
diff changeset
138 margin: 1px 2px 0 4px;
dbc7d00fcb7d Try to add midi playback of sheet music
Jonatan Werpers <jonatan@werpers.com>
parents:
diff changeset
139 width: 32px;
dbc7d00fcb7d Try to add midi playback of sheet music
Jonatan Werpers <jonatan@werpers.com>
parents:
diff changeset
140 padding-left: 2px;
dbc7d00fcb7d Try to add midi playback of sheet music
Jonatan Werpers <jonatan@werpers.com>
parents:
diff changeset
141 box-sizing: border-box;
dbc7d00fcb7d Try to add midi playback of sheet music
Jonatan Werpers <jonatan@werpers.com>
parents:
diff changeset
142 }
dbc7d00fcb7d Try to add midi playback of sheet music
Jonatan Werpers <jonatan@werpers.com>
parents:
diff changeset
143
dbc7d00fcb7d Try to add midi playback of sheet music
Jonatan Werpers <jonatan@werpers.com>
parents:
diff changeset
144 /* Adding the class "abcjs-large" will make the control easier on a touch device. */
dbc7d00fcb7d Try to add midi playback of sheet music
Jonatan Werpers <jonatan@werpers.com>
parents:
diff changeset
145 .abcjs-large .abcjs-inline-midi {
dbc7d00fcb7d Try to add midi playback of sheet music
Jonatan Werpers <jonatan@werpers.com>
parents:
diff changeset
146 height: 52px;
dbc7d00fcb7d Try to add midi playback of sheet music
Jonatan Werpers <jonatan@werpers.com>
parents:
diff changeset
147 }
dbc7d00fcb7d Try to add midi playback of sheet music
Jonatan Werpers <jonatan@werpers.com>
parents:
diff changeset
148 .abcjs-large .abcjs-btn {
dbc7d00fcb7d Try to add midi playback of sheet music
Jonatan Werpers <jonatan@werpers.com>
parents:
diff changeset
149 width: 56px;
dbc7d00fcb7d Try to add midi playback of sheet music
Jonatan Werpers <jonatan@werpers.com>
parents:
diff changeset
150 height: 52px;
dbc7d00fcb7d Try to add midi playback of sheet music
Jonatan Werpers <jonatan@werpers.com>
parents:
diff changeset
151 font-size: 28px;
dbc7d00fcb7d Try to add midi playback of sheet music
Jonatan Werpers <jonatan@werpers.com>
parents:
diff changeset
152 }
dbc7d00fcb7d Try to add midi playback of sheet music
Jonatan Werpers <jonatan@werpers.com>
parents:
diff changeset
153 .abcjs-large .abcjs-midi-progress-background {
dbc7d00fcb7d Try to add midi playback of sheet music
Jonatan Werpers <jonatan@werpers.com>
parents:
diff changeset
154 height: 20px;
dbc7d00fcb7d Try to add midi playback of sheet music
Jonatan Werpers <jonatan@werpers.com>
parents:
diff changeset
155 border: 4px solid #cccccc;
dbc7d00fcb7d Try to add midi playback of sheet music
Jonatan Werpers <jonatan@werpers.com>
parents:
diff changeset
156 }
dbc7d00fcb7d Try to add midi playback of sheet music
Jonatan Werpers <jonatan@werpers.com>
parents:
diff changeset
157 .abcjs-large .abcjs-midi-progress-indicator {
dbc7d00fcb7d Try to add midi playback of sheet music
Jonatan Werpers <jonatan@werpers.com>
parents:
diff changeset
158 height: 28px;
dbc7d00fcb7d Try to add midi playback of sheet music
Jonatan Werpers <jonatan@werpers.com>
parents:
diff changeset
159 top: -8px;
dbc7d00fcb7d Try to add midi playback of sheet music
Jonatan Werpers <jonatan@werpers.com>
parents:
diff changeset
160 width: 40px;
dbc7d00fcb7d Try to add midi playback of sheet music
Jonatan Werpers <jonatan@werpers.com>
parents:
diff changeset
161 }
dbc7d00fcb7d Try to add midi playback of sheet music
Jonatan Werpers <jonatan@werpers.com>
parents:
diff changeset
162 .abcjs-large .abcjs-midi-clock {
dbc7d00fcb7d Try to add midi playback of sheet music
Jonatan Werpers <jonatan@werpers.com>
parents:
diff changeset
163 font-size: 32px;
dbc7d00fcb7d Try to add midi playback of sheet music
Jonatan Werpers <jonatan@werpers.com>
parents:
diff changeset
164 margin-right: 10px;
dbc7d00fcb7d Try to add midi playback of sheet music
Jonatan Werpers <jonatan@werpers.com>
parents:
diff changeset
165 margin-left: 10px;
dbc7d00fcb7d Try to add midi playback of sheet music
Jonatan Werpers <jonatan@werpers.com>
parents:
diff changeset
166 }