| OLD | NEW |
| 1 <!DOCTYPE> | 1 <!DOCTYPE> |
| 2 <html> | 2 <html> |
| 3 <head> | 3 <head> |
| 4 <style> | 4 <style> |
| 5 #background { | 5 #background { |
| 6 width: 200px; | 6 width: 200px; |
| 7 height: 200px; | 7 height: 200px; |
| 8 display: block; | 8 display: block; |
| 9 background-color: green; | 9 background-color: green; |
| 10 } | 10 } |
| (...skipping 14 matching lines...) Expand all Loading... |
| 25 | 25 |
| 26 .transparent { | 26 .transparent { |
| 27 opacity: 0; | 27 opacity: 0; |
| 28 } | 28 } |
| 29 | 29 |
| 30 [hidden] { | 30 [hidden] { |
| 31 display: none; | 31 display: none; |
| 32 } | 32 } |
| 33 | 33 |
| 34 .overlay.transparent .page { | 34 .overlay.transparent .page { |
| 35 -webkit-transform: scale(1) translateY(0px); | 35 transform: scale(1) translateY(0px); |
| 36 } | 36 } |
| 37 | 37 |
| 38 </style> | 38 </style> |
| 39 <script type="text/javascript" charset="utf-8"> | 39 <script type="text/javascript" charset="utf-8"> |
| 40 function runTest() | 40 function runTest() |
| 41 { | 41 { |
| 42 var solid_color_overlay = document.getElementById("solid_color_overlay")
; | 42 var solid_color_overlay = document.getElementById("solid_color_overlay")
; |
| 43 solid_color_overlay.removeAttribute('hidden'); | 43 solid_color_overlay.removeAttribute('hidden'); |
| 44 | 44 |
| 45 var popup = document.getElementById("popup"); | 45 var popup = document.getElementById("popup"); |
| (...skipping 22 matching lines...) Expand all Loading... |
| 68 </script> | 68 </script> |
| 69 </head> | 69 </head> |
| 70 <body> | 70 <body> |
| 71 <div id="background"> | 71 <div id="background"> |
| 72 <div id="solid_color_overlay" class="overlay transparent" hidden=true> | 72 <div id="solid_color_overlay" class="overlay transparent" hidden=true> |
| 73 <div id="popup" class="page" hidden=true></div> | 73 <div id="popup" class="page" hidden=true></div> |
| 74 </div> | 74 </div> |
| 75 </div> | 75 </div> |
| 76 </body> | 76 </body> |
| 77 </html> | 77 </html> |
| OLD | NEW |