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 |