| OLD | NEW |
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <html> | 2 <html> |
| 3 <head> | 3 <head> |
| 4 <title>Document::nodesFromRect : CSS rotate transforms - bug 85792</title> | 4 <title>Document::nodesFromRect : CSS rotate transforms - bug 85792</title> |
| 5 <style type="text/css"> | 5 <style type="text/css"> |
| 6 #sandbox { | 6 #sandbox { |
| 7 position: absolute; | 7 position: absolute; |
| 8 left: 0px; | 8 left: 0px; |
| 9 top: 0px; | 9 top: 0px; |
| 10 width: 700px; | 10 width: 700px; |
| 11 height: 700px; | 11 height: 700px; |
| 12 } | 12 } |
| 13 #layer { | 13 #layer { |
| 14 position: absolute; | 14 position: absolute; |
| 15 left: 200px; | 15 left: 200px; |
| 16 top: 200px; | 16 top: 200px; |
| 17 width: 300px; | 17 width: 300px; |
| 18 height: 300px; | 18 height: 300px; |
| 19 } | 19 } |
| 20 .rotate45 { -webkit-transform: rotate(45deg); } | 20 .rotate45 { transform: rotate(45deg); } |
| 21 .rotate90 { -webkit-transform: rotate(90deg); } | 21 .rotate90 { transform: rotate(90deg); } |
| 22 .rotate180 { -webkit-transform: rotate(180deg); } | 22 .rotate180 { transform: rotate(180deg); } |
| 23 #layer > #fleft { float: left; width: 50px; height: 300px; } | 23 #layer > #fleft { float: left; width: 50px; height: 300px; } |
| 24 #layer > #fright { float: right; width: 50px; height: 300px; } | 24 #layer > #fright { float: right; width: 50px; height: 300px; } |
| 25 #layer > .hbox { height: 100px; margin-right: 50px; margin-left: 50px } | 25 #layer > .hbox { height: 100px; margin-right: 50px; margin-left: 50px } |
| 26 </style> | 26 </style> |
| 27 <script src="../../../resources/js-test.js"></script> | 27 <script src="../../../resources/js-test.js"></script> |
| 28 <script src="resources/nodesFromRect.js"></script> | 28 <script src="resources/nodesFromRect.js"></script> |
| 29 </head> | 29 </head> |
| 30 | 30 |
| 31 <body> | 31 <body> |
| 32 <div id=sandbox> | 32 <div id=sandbox> |
| (...skipping 69 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 102 } | 102 } |
| 103 | 103 |
| 104 window.onload = runTest; | 104 window.onload = runTest; |
| 105 </script> | 105 </script> |
| 106 | 106 |
| 107 <p id='description'></p> | 107 <p id='description'></p> |
| 108 <span id="console"></span> | 108 <span id="console"></span> |
| 109 </body> | 109 </body> |
| 110 </html> | 110 </html> |
| 111 | 111 |
| OLD | NEW |