src/third_party/WebKit/LayoutTests/fast/regions/counters/extract-list-items-006-expected.html

   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-mixed-2 ul,
   9         .outer-mixed-2 ol {
  10             color: blue;
  11         }
  12         .outer-mixed-2 ol ul {
  13             color: green;
  14         }
  15         .outer-mixed-2 ol ul ol {
  16             color: red;
  17         }
  18         #r2 ol, #r2 ul {
  19             padding: 0;
  20         }
  21
  22         .region {
  23             margin: 2em;
  24             background-color: lightgray;
  25             width: 20em;
  26         }
  27         </style>
  28     </head>
  29     <body>
  30         <p>This test passes if there is a gray rectangle with a list in it, as described below. The list markers and numbers for the lists should be rendered outside of the gray rectangle.</p>
  31         <p>The rectangle should contain a black, bulleted list. This list should contain a blue numbered list after the second item. The numbering on the blue list should start at 1. The blue list should contain a green, bulleted list after its second item. The green bulleted list should contain a red, numbered list after its second item. The numbering on the red list should start at 1, too.<br>
  32         The green list should use different bullets than the black list.<br>
  33         None of the list items should be indented &ndash; as such, they should render as a plain list, with varying types of bullets and numberings. The sequence of the colors should be, from top to bottom: black, blue, green, red, blue, black.</p>
  34         <div class="region" id="r2">
  35             <ul class="outer-mixed-2">
  36                 <li>Outer unordered list, item 1</li>
  37                 <li>Outer unordered list, item 2
  38                     <ol>
  39                         <li>Inner ordered list, item 1</li>
  40                         <li>Inner ordered list, item 2
  41                             <ul>
  42                                 <li>Inner unordered list, item 1</li>
  43                                 <li>Inner unordered list, item 2
  44                                     <ol>
  45                                         <li>Innermost ordered list, item 1</li>
  46                                         <li>Innermost ordered list, item 2</li>
  47                                         <li>Innermost ordered list, item 3</li>
  48                                     </ol>
  49                                 </li>
  50                             </ul>
  51                         </li>
  52                         <li>Inner ordered list, item 3</li>
  53                         <li>Inner ordered list, item 4</li>
  54                     </ol>
  55                 </li>
  56                 <li>Outer unordered list, item 3</li>
  57             </ul>
  58         </div>
  59     </body>
  60 </html>