1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000
1.2 +++ b/layout/reftests/forms/progress/bar-pseudo-element-ref.html Wed Dec 31 06:09:35 2014 +0100
1.3 @@ -0,0 +1,105 @@
1.4 +<!DOCTYPE html>
1.5 +<html>
1.6 + <link rel='stylesheet' type='text/css' href='style.css'>
1.7 + <style>
1.8 + body > div:nth-child(1) > .progress-bar { margin: 10px; padding: 0px; }
1.9 + body > div:nth-child(2) > .progress-bar { margin: 0px; padding: 10px; }
1.10 + body > div:nth-child(3) > .progress-bar { margin: 10px; padding: 10px; }
1.11 + body > div:nth-child(4) > .progress-bar { margin: 5px; padding: 5px; }
1.12 + body > div:nth-child(5) > .progress-bar { margin: 50px; padding: 50px; }
1.13 + body > div:nth-child(6) > .progress-bar { margin: 100px; padding: 100px; }
1.14 + body > div:nth-child(7) > .progress-bar { margin: 10px 0px 0px 0px; padding: 0px; }
1.15 + body > div:nth-child(8) > .progress-bar { margin: 0px 10px 0px 0px; padding: 0px; }
1.16 + body > div:nth-child(9) > .progress-bar { margin: 0px 0px 10px 0px; padding: 0px; }
1.17 + body > div:nth-child(10) > .progress-bar { margin: 0px 0px 0px 10px; padding: 0px; }
1.18 + body > div:nth-child(11) > .progress-bar { margin: 0px; padding: 10px 0px 0px 0px; }
1.19 + body > div:nth-child(12) > .progress-bar { margin: 0px; padding: 0px 10px 0px 0px; }
1.20 + body > div:nth-child(13) > .progress-bar { margin: 0px; padding: 0px 0px 10px 0px; }
1.21 + body > div:nth-child(14) > .progress-bar { margin: 0px; padding: 0px 0px 0px 10px; }
1.22 + body > div:nth-child(15) > .progress-bar { margin: 200px; padding: 0px; }
1.23 + body > div:nth-child(16) > .progress-bar { margin: 0px; padding: 200px; }
1.24 + /* 15 - 18 should have 100% width, no need to specify. */
1.25 + </style>
1.26 + <body>
1.27 + <div class="progress-element">
1.28 + <div class="progress-bar">
1.29 + </div>
1.30 + </div>
1.31 + <div class="progress-element">
1.32 + <div class="progress-bar">
1.33 + </div>
1.34 + </div>
1.35 + <div class="progress-element">
1.36 + <div class="progress-bar">
1.37 + </div>
1.38 + </div>
1.39 + <div class="progress-element">
1.40 + <div class="progress-bar">
1.41 + </div>
1.42 + </div>
1.43 + <div class="progress-element">
1.44 + <div class="progress-bar">
1.45 + </div>
1.46 + </div>
1.47 + <div class="progress-element">
1.48 + <div class="progress-bar">
1.49 + </div>
1.50 + </div>
1.51 + <div class="progress-element">
1.52 + <div class="progress-bar">
1.53 + </div>
1.54 + </div>
1.55 + <div class="progress-element">
1.56 + <div class="progress-bar">
1.57 + </div>
1.58 + </div>
1.59 + <div class="progress-element">
1.60 + <div class="progress-bar">
1.61 + </div>
1.62 + </div>
1.63 + <div class="progress-element">
1.64 + <div class="progress-bar">
1.65 + </div>
1.66 + </div>
1.67 + <div class="progress-element">
1.68 + <div class="progress-bar">
1.69 + </div>
1.70 + </div>
1.71 + <div class="progress-element">
1.72 + <div class="progress-bar">
1.73 + </div>
1.74 + </div>
1.75 + <div class="progress-element">
1.76 + <div class="progress-bar">
1.77 + </div>
1.78 + </div>
1.79 + <div class="progress-element">
1.80 + <div class="progress-bar">
1.81 + </div>
1.82 + </div>
1.83 + <div class="progress-element">
1.84 + <div class="progress-bar">
1.85 + </div>
1.86 + </div>
1.87 + <div class="progress-element">
1.88 + <div class="progress-bar">
1.89 + </div>
1.90 + </div>
1.91 + <div class="progress-element">
1.92 + <div class="progress-bar">
1.93 + </div>
1.94 + </div>
1.95 + <div class="progress-element">
1.96 + <div class="progress-bar">
1.97 + </div>
1.98 + </div>
1.99 + <div class="progress-element">
1.100 + <div class="progress-bar">
1.101 + </div>
1.102 + </div>
1.103 + <div class="progress-element">
1.104 + <div class="progress-bar">
1.105 + </div>
1.106 + </div>
1.107 + </body>
1.108 +</html>
