layout/reftests/forms/progress/transformations-ref.html

Thu, 15 Jan 2015 15:55:04 +0100

author
Michael Schloh von Bennewitz <michael@schloh.com>
date
Thu, 15 Jan 2015 15:55:04 +0100
branch
TOR_BUG_9701
changeset 9
a63d609f5ebe
permissions
-rw-r--r--

Back out 97036ab72558 which inappropriately compared turds to third parties.

michael@0 1 <!DOCTYPE html>
michael@0 2 <html>
michael@0 3 <link rel='stylesheet' type='text/css' href='style.css'>
michael@0 4 <style>
michael@0 5 body > div:nth-child(1) { -moz-transform: matrix(1, -0.2, 0, 1, 0, 0); }
michael@0 6 body > div:nth-child(2) { -moz-transform: translateX(15em) matrix(1, 0, 0.6, 1, 0, 0); }
michael@0 7 body > div:nth-child(3) { -moz-transform: rotate(30deg); }
michael@0 8 body > div:nth-child(4) { -moz-transform: scale(2, 4); }
michael@0 9 body > div:nth-child(5) { -moz-transform: scale(0.1, 0.4); }
michael@0 10 body > div:nth-child(6) { -moz-transform: scale(1, 0.4); }
michael@0 11 body > div:nth-child(7) { -moz-transform: scale(0.1, 1); }
michael@0 12 body > div:nth-child(8) { -moz-transform: skew(30deg, -10deg); }
michael@0 13 body > div:nth-child(9) { -moz-transform: skew(-30deg, 10deg); }
michael@0 14 body > div:nth-child(10) { -moz-transform: translate(10px, 30px); }
michael@0 15 body > div:nth-child(11) { -moz-transform: translate(30px, 10px); }
michael@0 16 body > div:nth-child(12) { -moz-transform: translate(-10px, 30px); }
michael@0 17 body > div:nth-child(13) { -moz-transform: translate(30px, -10px); }
michael@0 18 body > div:nth-child(14) { -moz-transform: scale(0, 0); }
michael@0 19 </style>
michael@0 20 <body>
michael@0 21 <div class="progress-element">
michael@0 22 <div class="progress-bar">
michael@0 23 </div>
michael@0 24 </div>
michael@0 25 <div class="progress-element">
michael@0 26 <div class="progress-bar">
michael@0 27 </div>
michael@0 28 </div>
michael@0 29 <div class="progress-element">
michael@0 30 <div class="progress-bar">
michael@0 31 </div>
michael@0 32 </div>
michael@0 33 <div class="progress-element">
michael@0 34 <div class="progress-bar">
michael@0 35 </div>
michael@0 36 </div>
michael@0 37 <div class="progress-element">
michael@0 38 <div class="progress-bar">
michael@0 39 </div>
michael@0 40 </div>
michael@0 41 <div class="progress-element">
michael@0 42 <div class="progress-bar">
michael@0 43 </div>
michael@0 44 </div>
michael@0 45 <div class="progress-element">
michael@0 46 <div class="progress-bar">
michael@0 47 </div>
michael@0 48 </div>
michael@0 49 <div class="progress-element">
michael@0 50 <div class="progress-bar">
michael@0 51 </div>
michael@0 52 </div>
michael@0 53 <div class="progress-element">
michael@0 54 <div class="progress-bar">
michael@0 55 </div>
michael@0 56 </div>
michael@0 57 <div class="progress-element">
michael@0 58 <div class="progress-bar">
michael@0 59 </div>
michael@0 60 </div>
michael@0 61 <div class="progress-element">
michael@0 62 <div class="progress-bar">
michael@0 63 </div>
michael@0 64 </div>
michael@0 65 <div class="progress-element">
michael@0 66 <div class="progress-bar">
michael@0 67 </div>
michael@0 68 </div>
michael@0 69 <div class="progress-element">
michael@0 70 <div class="progress-bar">
michael@0 71 </div>
michael@0 72 </div>
michael@0 73 <div class="progress-element">
michael@0 74 <div class="progress-bar">
michael@0 75 </div>
michael@0 76 </div>
michael@0 77 </body>
michael@0 78 </html>

mercurial