layout/reftests/bugs/536061-ref.html

Wed, 31 Dec 2014 07:16:47 +0100

author
Michael Schloh von Bennewitz <michael@schloh.com>
date
Wed, 31 Dec 2014 07:16:47 +0100
branch
TOR_BUG_9701
changeset 3
141e0f1194b1
permissions
-rw-r--r--

Revert simplistic fix pending revisit of Mozilla integration attempt.

michael@0 1 <!DOCTYPE html>
michael@0 2
michael@0 3 <html lang="en">
michael@0 4 <head>
michael@0 5 <meta http-equiv="content-type" content="text/html; charset=utf-8" />
michael@0 6 <title>Bugs with -moz-transform: rotate() and box-shadow</title>
michael@0 7
michael@0 8 <style>
michael@0 9 body {
michael@0 10 overflow: hidden;
michael@0 11 }
michael@0 12
michael@0 13 .label {
michael@0 14 position: absolute;
michael@0 15 top: 200px;
michael@0 16 left: 196px;
michael@0 17 margin: 0;
michael@0 18 height:16px;
michael@0 19 width: 300px;
michael@0 20 box-shadow: 0 0 .7em black;
michael@0 21 border: 1px black solid;
michael@0 22 }
michael@0 23 .vlabel {
michael@0 24 position: absolute;
michael@0 25 top: 58px;
michael@0 26 left: 42px;
michael@0 27 margin: 0;
michael@0 28 width: 16px;
michael@0 29 height: 300px;
michael@0 30 box-shadow: 0 0 .7em black;
michael@0 31 border: 1px black solid;
michael@0 32 }
michael@0 33 </style>
michael@0 34 </head>
michael@0 35
michael@0 36 <body>
michael@0 37
michael@0 38 <p class="label"></p>
michael@0 39 <p class="label" style="top: 400px; box-shadow:none; outline: 3px dashed blue;"></p>
michael@0 40 <p class="vlabel" style="box-shadow:none; outline: 3px dashed blue;"></p>
michael@0 41 <p class="vlabel" style="left:102px; "></p>
michael@0 42 <p class="vlabel" style="top:454px; box-shadow:none; outline: 3px dashed blue; "></p>
michael@0 43 <p class="vlabel" style="top:454px; left:102px;"></p>
michael@0 44
michael@0 45 <!-- cover a few shadow corners which are a bit different -->
michael@0 46 <div style="position:absolute; top:40px; left:85px; width:50px; height:50px; background:black; z-index:99;"></div>
michael@0 47 <div style="position:absolute; top:340px; left:85px; width:50px; height:50px; background:black; z-index:99;"></div>
michael@0 48 <div style="position:absolute; top:420px; left:85px; width:50px; height:50px; background:black; z-index:99;"></div>
michael@0 49 <div style="position:absolute; top:730px; left:85px; width:50px; height:50px; background:black; z-index:99;"></div>
michael@0 50
michael@0 51 </body>
michael@0 52
michael@0 53 </html>

mercurial