| OLD | NEW |
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <style> | 2 <style> |
| 3 dialog { | 3 dialog { |
| 4 padding: 0px; | 4 padding: 0px; |
| 5 border: none; | 5 border: none; |
| 6 margin: 0px; | 6 margin: 0px; |
| 7 } | 7 } |
| 8 | 8 |
| 9 #bottom::backdrop { | 9 #bottom::backdrop { |
| 10 top: 100px; | 10 top: 100px; |
| (...skipping 58 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 69 var topDialog = document.getElementById('top'); | 69 var topDialog = document.getElementById('top'); |
| 70 var middleDialog = document.getElementById('middle'); | 70 var middleDialog = document.getElementById('middle'); |
| 71 var bottomDialog = document.getElementById('bottom'); | 71 var bottomDialog = document.getElementById('bottom'); |
| 72 topDialog.showModal(); | 72 topDialog.showModal(); |
| 73 bottomDialog.showModal(); | 73 bottomDialog.showModal(); |
| 74 topDialog.close(); // Just to shuffle the top layer order around a little. | 74 topDialog.close(); // Just to shuffle the top layer order around a little. |
| 75 middleDialog.showModal(); | 75 middleDialog.showModal(); |
| 76 topDialog.showModal(); | 76 topDialog.showModal(); |
| 77 </script> | 77 </script> |
| 78 </body> | 78 </body> |
| OLD | NEW |