OLD | NEW |
1 <style> | 1 <style> |
2 div.columns { | 2 div.columns { |
3 height: 50px; | 3 height: 50px; |
4 width: 110px; | 4 width: 110px; |
5 margin: 10px 0; | 5 margin: 10px 0; |
6 padding: 10px; | 6 padding: 10px; |
7 border: solid black; | 7 border: solid black; |
8 font-family: ahem; | 8 font-family: ahem; |
9 font-size: 25px; | 9 font-size: 25px; |
10 color: lightblue; | 10 color: lightblue; |
11 -webkit-columns: 2; | 11 -webkit-columns: 2; |
12 -webkit-column-gap: 10px; | 12 -webkit-column-gap: 10px; |
| 13 columns: 2; |
| 14 column-gap: 10px; |
| 15 column-fill: auto; |
13 } | 16 } |
14 | 17 |
15 div.marker { | 18 div.marker { |
16 position: absolute; | 19 position: absolute; |
17 border: solid rgba(0, 0, 255, 0.5); | 20 border: solid rgba(0, 0, 255, 0.5); |
18 -webkit-box-sizing: border-box; | 21 -webkit-box-sizing: border-box; |
19 } | 22 } |
20 | 23 |
21 input[type="range"] { | 24 input[type="range"] { |
22 -webkit-appearance: none; | 25 -webkit-appearance: none; |
(...skipping 93 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
116 placeMarkersForRange(range); | 119 placeMarkersForRange(range); |
117 | 120 |
118 var image = document.getElementById("t6"); | 121 var image = document.getElementById("t6"); |
119 range.selectNode(image); | 122 range.selectNode(image); |
120 placeMarkersForRange(range); | 123 placeMarkersForRange(range); |
121 | 124 |
122 var div = document.getElementById("t7"); | 125 var div = document.getElementById("t7"); |
123 range.selectNode(div); | 126 range.selectNode(div); |
124 placeMarkersForRange(div); | 127 placeMarkersForRange(div); |
125 </script> | 128 </script> |
OLD | NEW |