layout/reftests/forms/progress/bar-pseudo-element-vertical.html@97036ab72558
layout/reftests/forms/progress/bar-pseudo-element-vertical.html
Tue, 06 Jan 2015 21:39:09 +0100
- author
- Michael Schloh von Bennewitz <michael@schloh.com>
- date
- Tue, 06 Jan 2015 21:39:09 +0100
- branch
- TOR_BUG_9701
- changeset 8
- 97036ab72558
- permissions
- -rw-r--r--
Conditionally force memory storage according to privacy.thirdparty.isolate;
This solves Tor bug #9701, complying with disk avoidance documented in
https://www.torproject.org/projects/torbrowser/design/#disk-avoidance.
1 <!DOCTYPE html>
2 <html>
3 <link rel='stylesheet' type='text/css' href='style.css'>
4 <style>
5 progress {
6 margin: 10px;
7 -moz-orient: vertical;
8 }
9 body > progress:nth-child(1)::-moz-progress-bar { margin: 4px; padding: 0px; }
10 body > progress:nth-child(2)::-moz-progress-bar { margin: 0px; padding: 4px; }
11 body > progress:nth-child(3)::-moz-progress-bar { margin: 4px; padding: 4px; }
12 body > progress:nth-child(4)::-moz-progress-bar { margin: 10px 0px 0px 0px; padding: 0px; }
13 body > progress:nth-child(5)::-moz-progress-bar { margin: 0px 10px 0px 0px; padding: 0px; }
14 body > progress:nth-child(6)::-moz-progress-bar { margin: 0px 0px 10px 0px; padding: 0px; }
15 body > progress:nth-child(7)::-moz-progress-bar { margin: 0px 0px 0px 10px; padding: 0px; }
16 body > progress:nth-child(8)::-moz-progress-bar { margin: 0px; padding: 10px 0px 0px 0px; }
17 body > progress:nth-child(9)::-moz-progress-bar { margin: 0px; padding: 0px 10px 0px 0px; }
18 body > progress:nth-child(10)::-moz-progress-bar { margin: 0px; padding: 0px 0px 10px 0px; }
19 body > progress:nth-child(11)::-moz-progress-bar { margin: 0px; padding: 0px 0px 0px 10px; }
20 body > progress:nth-child(12)::-moz-progress-bar { height: 1000px; }
21 body > progress:nth-child(13)::-moz-progress-bar { height: 10px; }
22 body > progress:nth-child(14)::-moz-progress-bar { height: 10%; }
23 body > progress:nth-child(15)::-moz-progress-bar { height: 200%; }
24 body > progress:nth-of-type(16)::-moz-progress-bar { margin: 64px; padding: 64px; }
25 </style>
26 <body>
27 <!-- Those will be used to change padding/margin on ::-moz-progress-bar -->
28 <progress value='1'></progress>
29 <progress value='1'></progress>
30 <progress value='1'></progress>
31 <progress value='1'></progress>
32 <progress value='1'></progress>
33 <progress value='1'></progress>
34 <progress value='1'></progress>
35 <progress value='1'></progress>
36 <progress value='1'></progress>
37 <progress value='1'></progress>
38 <progress value='1'></progress>
39 <progress value='1'></progress>
40 <!-- Those will be used to change width. -->
41 <progress value='1'></progress>
42 <progress value='1'></progress>
43 <progress value='1'></progress>
44 <br><progress value='1'></progress>
45 </body>
46 </html>
