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 |