1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000
1.2 +++ b/layout/reftests/forms/progress/bar-pseudo-element-vertical.html Wed Dec 31 06:09:35 2014 +0100
1.3 @@ -0,0 +1,46 @@
1.4 +<!DOCTYPE html>
1.5 +<html>
1.6 + <link rel='stylesheet' type='text/css' href='style.css'>
1.7 + <style>
1.8 + progress {
1.9 + margin: 10px;
1.10 + -moz-orient: vertical;
1.11 + }
1.12 + body > progress:nth-child(1)::-moz-progress-bar { margin: 4px; padding: 0px; }
1.13 + body > progress:nth-child(2)::-moz-progress-bar { margin: 0px; padding: 4px; }
1.14 + body > progress:nth-child(3)::-moz-progress-bar { margin: 4px; padding: 4px; }
1.15 + body > progress:nth-child(4)::-moz-progress-bar { margin: 10px 0px 0px 0px; padding: 0px; }
1.16 + body > progress:nth-child(5)::-moz-progress-bar { margin: 0px 10px 0px 0px; padding: 0px; }
1.17 + body > progress:nth-child(6)::-moz-progress-bar { margin: 0px 0px 10px 0px; padding: 0px; }
1.18 + body > progress:nth-child(7)::-moz-progress-bar { margin: 0px 0px 0px 10px; padding: 0px; }
1.19 + body > progress:nth-child(8)::-moz-progress-bar { margin: 0px; padding: 10px 0px 0px 0px; }
1.20 + body > progress:nth-child(9)::-moz-progress-bar { margin: 0px; padding: 0px 10px 0px 0px; }
1.21 + body > progress:nth-child(10)::-moz-progress-bar { margin: 0px; padding: 0px 0px 10px 0px; }
1.22 + body > progress:nth-child(11)::-moz-progress-bar { margin: 0px; padding: 0px 0px 0px 10px; }
1.23 + body > progress:nth-child(12)::-moz-progress-bar { height: 1000px; }
1.24 + body > progress:nth-child(13)::-moz-progress-bar { height: 10px; }
1.25 + body > progress:nth-child(14)::-moz-progress-bar { height: 10%; }
1.26 + body > progress:nth-child(15)::-moz-progress-bar { height: 200%; }
1.27 + body > progress:nth-of-type(16)::-moz-progress-bar { margin: 64px; padding: 64px; }
1.28 + </style>
1.29 + <body>
1.30 + <!-- Those will be used to change padding/margin on ::-moz-progress-bar -->
1.31 + <progress value='1'></progress>
1.32 + <progress value='1'></progress>
1.33 + <progress value='1'></progress>
1.34 + <progress value='1'></progress>
1.35 + <progress value='1'></progress>
1.36 + <progress value='1'></progress>
1.37 + <progress value='1'></progress>
1.38 + <progress value='1'></progress>
1.39 + <progress value='1'></progress>
1.40 + <progress value='1'></progress>
1.41 + <progress value='1'></progress>
1.42 + <progress value='1'></progress>
1.43 + <!-- Those will be used to change width. -->
1.44 + <progress value='1'></progress>
1.45 + <progress value='1'></progress>
1.46 + <progress value='1'></progress>
1.47 + <br><progress value='1'></progress>
1.48 + </body>
1.49 +</html>
