| 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 -webkit-column-fill: auto; |
| 14 columns: 2; |
| 15 column-gap: 10px; |
| 16 column-fill: auto; |
| 13 } | 17 } |
| 14 | 18 |
| 15 div.marker { | 19 div.marker { |
| 16 position: absolute; | 20 position: absolute; |
| 17 border: solid rgba(0, 0, 255, 0.5); | 21 border: solid rgba(0, 0, 255, 0.5); |
| 18 -webkit-box-sizing: border-box; | 22 -webkit-box-sizing: border-box; |
| 19 } | 23 } |
| 20 | 24 |
| 21 input[type="range"] { | 25 input[type="range"] { |
| 22 -webkit-appearance: none; | 26 -webkit-appearance: none; |
| (...skipping 93 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 116 placeMarkersForRange(range); | 120 placeMarkersForRange(range); |
| 117 | 121 |
| 118 var image = document.getElementById("t6"); | 122 var image = document.getElementById("t6"); |
| 119 range.selectNode(image); | 123 range.selectNode(image); |
| 120 placeMarkersForRange(range); | 124 placeMarkersForRange(range); |
| 121 | 125 |
| 122 var div = document.getElementById("t7"); | 126 var div = document.getElementById("t7"); |
| 123 range.selectNode(div); | 127 range.selectNode(div); |
| 124 placeMarkersForRange(div); | 128 placeMarkersForRange(div); |
| 125 </script> | 129 </script> |
| OLD | NEW |