| 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 .first { | |
| 9 list-style-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAA
ABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0
WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6
cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9
IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAg
ICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1z
eW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8v
bnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAv
MS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNv
dXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIg
eG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpGRDAzNDVGOTNCMEQxMUUyQkVGOEU1OTA4MTYyRjA0RiIg
eG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpGRDAzNDVGQTNCMEQxMUUyQkVGOEU1OTA4MTYyRjA0RiI+
IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkZEMDM0NUY3M0IwRDEx
RTJCRUY4RTU5MDgxNjJGMDRGIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkZEMDM0NUY4M0IwRDEx
RTJCRUY4RTU5MDgxNjJGMDRGIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBt
ZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+rpZ8YAAAAGlJREFUeNpi/P//PwMlgImBQoDVAEZGxv9ATLEL
iDKEkBcIGkJMGOA1hNhAxGkIKbHwn37RiAM0UmIASPMB7B4DJmV0DPUvDDcAsQM2dWC1BAzAq5mQAQ34
NBIyoAFKOxAygJHS7AwQYAAt068AjhXk+gAAAABJRU5ErkJggg==); | |
| 10 list-style-position: inside; | |
| 11 } | |
| 12 .second { | |
| 13 list-style-type: square; | |
| 14 list-style-position: outside; | |
| 15 } | |
| 16 .third { | |
| 17 list-style-type: upper-roman; | |
| 18 list-style-position: inside; | |
| 19 } | |
| 20 .inner { | |
| 21 list-style-type: upper-alpha; | |
| 22 } | |
| 23 .container { | |
| 24 color: #006400; | |
| 25 background-color: lightgreen; | |
| 26 margin: 2em; | |
| 27 float: left; | |
| 28 width: 20em; | |
| 29 height: 20em; | |
| 30 } | |
| 31 .region { | |
| 32 margin: 2em; | |
| 33 background-color: lightblue; | |
| 34 float: left; | |
| 35 width: 20em; | |
| 36 height: 20em; | |
| 37 color: blue; | |
| 38 } | |
| 39 | |
| 40 .region > ul, | |
| 41 .region > ol { | |
| 42 padding: 0; | |
| 43 margin: 0; | |
| 44 } | |
| 45 .disc { | |
| 46 list-style-type: disc; | |
| 47 } | |
| 48 .decimal { | |
| 49 list-style-type: decimal; | |
| 50 } | |
| 51 .latin { | |
| 52 list-style-type: upper-latin; | |
| 53 } | |
| 54 .hide { | |
| 55 visibility: hidden; | |
| 56 height: 0; | |
| 57 } | |
| 58 .third li { | |
| 59 font-weight: bold; | |
| 60 } | |
| 61 .third li span { | |
| 62 font-weight: normal; | |
| 63 } | |
| 64 </style> | |
| 65 </head> | |
| 66 <body> | |
| 67 <p>Test passes if you see two rectangles, one green and one blue, as des
cribed below. Except where noted, all list items should be rendered on two lines
.<br> | |
| 68 The green rectangle should contain three lists, separated by a small ver
tical space, each with two items. The <strong>first list</strong> should use a t
riangle-shaped bullet and the text on the second line should start below the bul
let. The <strong>second list</strong> should use a square-shaped bullet and the
text on the second line should not come under the bullet. The <strong>third list
</strong> should be numbered with roman numerals starting with 20 (XX) and the t
ext on the second line should start below the number.<br> | |
| 69 The blue rectangle should contain a list with items numbered/marked in d
ifferent ways, as follows. The <strong>first item</strong> should use a triangle
-shaped bullet and the text on the second line should start below the bullet. Th
e <strong>second item</strong> should use a square-shaped bullet and the bullet
should be outside of the blue rectangle. The <strong>third and fourth items</str
ong> should be one-line and numbered with letters A and B respectively. The thir
d item should be indented while the fourth item should have the number outside t
he blue rectangle. The <strong>fifth item</strong> should be numbered with the r
oman numeral 22 (XXII) and the text on the second line should start below the nu
mber.</p> | |
| 70 <div class="container"> | |
| 71 <ul class="first"> | |
| 72 <li>Custom bullet list, item 1<br><em>Another line of text here<
/em></li> | |
| 73 <li>Custom bullet list, item 2<br><em>Another line of text here<
/em></li> | |
| 74 </ul> | |
| 75 <ul class="second"> | |
| 76 <li>Square bullet list, item 1<br><em>Another line of text here<
/em></li> | |
| 77 <li>Square bullet list, item 2<br><em>Another line of text here<
/em></li> | |
| 78 </ul> | |
| 79 <ol start="20" class="third"> | |
| 80 <li><span>Roman numbered list, item XX<br><em>Another line of te
xt here</em></span></li> | |
| 81 <li><span>Roman numbered list, item XXI<br><em>Another line of t
ext here</em></span></li> | |
| 82 </ol> | |
| 83 </div> | |
| 84 <div class="region" id="r1"> | |
| 85 <ul class="first"> | |
| 86 <li>Custom bullet list, item 3<br><em>Another line of text here<
/em></li> | |
| 87 </ul> | |
| 88 <ul class="second"> | |
| 89 <li>Square bullet list, item 3<br><em>Another line of text here<
/em> | |
| 90 <ol class="inner"> | |
| 91 <li>Inner ordered list, item A</li> | |
| 92 </ol> | |
| 93 </li> | |
| 94 </ul> | |
| 95 <ol class="inner" start="2"> | |
| 96 <li>Inner ordered list, item B</li> | |
| 97 </ol> | |
| 98 <ol start="22" class="third"> | |
| 99 <li><span>Roman numbered list, item XXII<br><em>Another line of
text here</em></span></li> | |
| 100 </ol> | |
| 101 </div> | |
| 102 </body> | |
| 103 </html> | |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 159933010:
Remove everything region-specific from LayoutTests. (Closed)
Base URL: https://chromium.googlesource.com/chromium/blink.git@master