OLD | NEW |
| (Empty) |
1 <!DOCTYPE html> | |
2 <html> | |
3 <head> | |
4 <title>CSS Reftest Reference</title> | |
5 <link rel="author" title="Mihai Balan" href="mibalan@adobe.com"> | |
6 <link rel="stylesheet" type="text/css" href="../resources/font-smoothing
-disabler.css"> | |
7 <style> | |
8 #outer-ordered-1 { | |
9 padding: 0; | |
10 } | |
11 #r2 ol, #r2 ul { | |
12 padding: 0; | |
13 } | |
14 | |
15 #outer-ordered-1 ol, | |
16 #outer-ordered-2 ol { | |
17 color: blue; | |
18 } | |
19 #outer-ordered-2 ol ol { | |
20 color: green; | |
21 } | |
22 | |
23 .region { | |
24 margin: 2em; | |
25 background-color: lightgray; | |
26 width: 20em; | |
27 } | |
28 </style> | |
29 </head> | |
30 <body> | |
31 <p>This test passes if there are two gray rectangles: each with a list
with another lists nested in it. The numbers for the black list in the first rec
tangle, and the numbers for all the lists in the second rectangle should be rend
ered outside of the gray boxes</p> | |
32 <p>The list in the first rectangle should be black, with two blue nested
lists in it. The nested lists should appear after the first and the second item
s, they should be indented and numbered starting at 1.</p> | |
33 <p>The list in the second rectangle should be black, with a blue nested
list in it that has in turn a nested green list in it. The numbers in the list i
tems text should coincide with the list item numbers.</p> | |
34 <div class="region" id="r1"> | |
35 <ol id="outer-ordered-1"> | |
36 <li>First ordered list, item 1 | |
37 <ol> | |
38 <li>First inner ordered list, item 1</li> | |
39 <li>First inner ordered list, item 2</li> | |
40 <li>First inner ordered list, item 3</li> | |
41 </ol> | |
42 </li> | |
43 <li>First ordered list, item 2 | |
44 <ol> | |
45 <li>Second inner ordered list, item 1</li> | |
46 <li>Second inner ordered list, item 2</li> | |
47 </ol> | |
48 </li> | |
49 <li>First ordered list, item 3</li> | |
50 </ol> | |
51 </div> | |
52 <div class="region" id="r2"> | |
53 <ol id="outer-ordered-2"> | |
54 <li>Second ordered list, item 1</li> | |
55 <li>Second ordered list, item 2 | |
56 <ol> | |
57 <li>Last inner ordered list, item 1</li> | |
58 <li>Last inner ordered list, item 2 | |
59 <ol> | |
60 <li>Innermost ordered list, item 1</li> | |
61 <li>Innermost ordered list, item 2</li> | |
62 </ol> | |
63 </li> | |
64 <li>Last inner ordered list, item 3</li> | |
65 <li>Last inner ordered list, item 4</li> | |
66 </ol> | |
67 </li> | |
68 <li>Second ordered list, item 3</li> | |
69 </ol> | |
70 </div> | |
71 </body> | |
72 </html> | |
OLD | NEW |