瀏覽代碼

Docs: Adjusted the fixture, now it also features a heavily styled tables.

Marek Lewandowski 5 年之前
父節點
當前提交
0b818b5e9e
共有 1 個文件被更改,包括 343 次插入29 次删除
  1. 343 29
      tests/manual/performance/_utils/small-inline-css.txt

+ 343 - 29
tests/manual/performance/_utils/small-inline-css.txt

@@ -1,33 +1,347 @@
-<h2>The three greatest things
-	<span style="text-decoration: line-through; font-family: 'Trebuchet MS', Helvetica, sans-serif; font-size: 32px; background-color: #c2e0f4; color: #e03e2d;">You Learn from Traveling</span>
+<h2>
+	<span style="font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; letter-spacing: normal; orphans: 2; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; text-decoration-style: initial; text-decoration-color: initial;text-decoration: line-through; font-family: &quot;Trebuchet MS&quot;, Helvetica, sans-serif; font-size: 32px; background-color: rgb(194, 224, 244); color: rgb(224, 62, 45);">Sample text</span>
+	<span style="font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; letter-spacing: normal; orphans: 2; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; text-decoration-style: initial; text-decoration-color: initial;text-decoration: line-through; font-family: &quot;Trebuchet MS&quot;, Helvetica, sans-serif; font-size: 32px; background-color: rgb(194, 224, 244); color: rgb(224, 62, 45);">Sample text</span>
+	<span style="font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; letter-spacing: normal; orphans: 2; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; text-decoration-style: initial; text-decoration-color: initial;text-decoration: line-through; font-family: &quot;Trebuchet MS&quot;, Helvetica, sans-serif; font-size: 32px; background-color: rgb(194, 224, 244); color: rgb(224, 62, 45);">Sample text</span>
 </h2>
 
-<p>Like all the great things on
-	<span style="background-color: #fee7c0;">earth traveling teaches us</span>
-	by example. Here are some of the most precious lessons I&rsquo;ve
-	<span style="color: #e03e2d; font-family: helvetica, arial, sans-serif; font-size: 19px;">learned over the years of traveling</span>
-.</p>
-
-<figure class="media">
-	<oembed url="https://www.youtube.com/watch?v=CB70skVw3nU"></oembed>
+<figure>
+	<table style="border: 1px solid green;background:#fdfd77;width:200px;height:140px">
+		<thead>
+			<tr>
+				<td><p>Column A</p></td>
+				<td style="border:2px dashed black;background-color: lightblue"><p>Column B</p></td>
+				<td style="background: palevioletred"><p>Column C</p></td>
+			</tr>
+		</thead>
+		<tbody>
+			<tr>
+				<td style="border-color: deeppink deepskyblue;border-style: solid;border-width: 1px;border-bottom-width: 2px;border-right-style: dotted;">
+					<p>A1</p>
+				</td>
+				<td style="border: 1px solid blue;"><p>B1</p></td>
+				<td style="border: 1px solid red;"><p>C1</p></td>
+			</tr>
+			<tr>
+				<td style="border-right:1px solid blue;"><p>A2</p></td>
+				<td style="background:transparent;"><p>B2</p></td>
+				<td><p>C3</p></td>
+			</tr>
+		</tbody>
+	</table>
 </figure>
 
-<h3>Appreciation of diversity</h3>
-
-<p>Getting used to an entirely different culture can be
-	challengi<span style="font-size: 11px;">ng. While it&rsquo;s also nice t</span>o
-	learn about cu<span style="font-size: 11px; font-family: 'Courier New', Courier, monospace;">ltures online or from boo</span>ks,
-	nothing comes close to experiencing cultural diversity in person. You learn to
-	<span style="background-color: #f8cac6;">appreciate each and every single</span>
-	one of
-	th<span style="text-decoration: underline;"><span style="color: #e67e23; text-decoration: underline;">e differences while you become</span> </span>more
-	culturally fluid.</p>
-<blockquote>
-
-	<p>The real voyage of
-		<span style="background-color: #c2e0f4;">discovery consists not in seeking new landscapes</span>,
-		but having new eyes.
-	</p>
-
-	<p><strong>Marcel Proust</strong></p>
-</blockquote>
+<figure>
+	<table class=MsoTableGrid border=1 cellspacing=0 cellpadding=0 style='border-collapse:collapse;border:none;mso-border-alt:solid windowtext .5pt;
+mso-yfti-tbllook:1184;mso-padding-alt:0in 5.4pt 0in 5.4pt'>
+		<tr style='mso-yfti-irow:0;mso-yfti-firstrow:yes'>
+			<td width=30 valign=top style='width:22.25pt;border:solid windowtext 1.0pt;
+mso-border-alt:solid windowtext .5pt;background:#92D050;padding:0in 5.4pt 0in 5.4pt'>
+
+				<p class=MsoNormal style='margin-bottom:0in;margin-bottom:.0001pt;line-height:
+normal'>w
+
+				</p>
+			</td>
+			<td width=220 valign=top style='width:164.75pt;border-top:solid windowtext 1.0pt;
+border-left:none;border-bottom:dotted #FFC000 3.0pt;border-right:solid windowtext 1.0pt;
+mso-border-left-alt:solid windowtext .5pt;mso-border-alt:solid windowtext .5pt;
+mso-border-bottom-alt:dotted #FFC000 3.0pt;padding:0in 5.4pt 0in 5.4pt'>
+
+				<p class=MsoNormal style='margin-bottom:0in;margin-bottom:.0001pt;line-height:
+normal'>
+
+				</p>
+			</td>
+			<td width=125 valign=top style='width:93.5pt;border:solid windowtext 1.0pt;
+border-left:none;mso-border-left-alt:solid windowtext .5pt;mso-border-alt:
+solid windowtext .5pt;padding:0in 5.4pt 0in 5.4pt'>
+
+				<p class=MsoNormal style='margin-bottom:0in;margin-bottom:.0001pt;line-height:
+normal'>
+
+				</p>
+			</td>
+			<td width=125 valign=top style='width:93.5pt;border:solid windowtext 1.0pt;
+border-left:none;mso-border-left-alt:solid windowtext .5pt;mso-border-alt:
+solid windowtext .5pt;padding:0in 5.4pt 0in 5.4pt'>
+
+				<p class=MsoNormal style='margin-bottom:0in;margin-bottom:.0001pt;line-height:
+normal'>
+
+				</p>
+			</td>
+			<td width=138 valign=top style='width:93.5pt;border:solid windowtext 1.0pt;
+border-left:none;mso-border-left-alt:solid windowtext .5pt;mso-border-alt:
+solid windowtext .5pt;padding:0in 5.4pt 0in 5.4pt'>
+
+				<p class=MsoNormal style='margin-bottom:0in;margin-bottom:.0001pt;line-height:
+normal'>
+
+				</p>
+			</td>
+		</tr>
+		<tr style='mso-yfti-irow:1'>
+			<td width=30 valign=top style='width:22.25pt;border-top:none;border-left:
+solid windowtext 1.0pt;border-bottom:solid windowtext 1.0pt;border-right:
+dotted #FFC000 3.0pt;mso-border-top-alt:solid windowtext .5pt;mso-border-alt:
+solid windowtext .5pt;mso-border-right-alt:dotted #FFC000 3.0pt;background:
+#92D050;padding:0in 5.4pt 0in 5.4pt'>
+
+				<p class=MsoNormal style='margin-bottom:0in;margin-bottom:.0001pt;line-height:
+normal'>
+
+				</p>
+			</td>
+			<td width=220 valign=top style='width:164.75pt;border-top:none;border-left:
+none;border-bottom:dotted #FFC000 3.0pt;border-right:dotted #FFC000 3.0pt;
+mso-border-top-alt:dotted #FFC000 3.0pt;mso-border-left-alt:dotted #FFC000 3.0pt;
+padding:0in 5.4pt 0in 5.4pt'>
+
+				<p class=MsoNormal style='margin-bottom:0in;margin-bottom:.0001pt;line-height:
+normal'>Funny border
+
+				</p>
+			</td>
+			<td width=125 valign=top style='width:93.5pt;border-top:none;border-left:
+none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
+mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:dotted #FFC000 3.0pt;
+mso-border-alt:solid windowtext .5pt;mso-border-left-alt:dotted #FFC000 3.0pt;
+padding:0in 5.4pt 0in 5.4pt'>
+
+				<p class=MsoNormal style='margin-bottom:0in;margin-bottom:.0001pt;line-height:
+normal'>
+
+				</p>
+			</td>
+			<td width=125 valign=top style='width:93.5pt;border-top:none;border-left:
+none;border-bottom:dashed red 1.0pt;border-right:solid windowtext 1.0pt;
+mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid windowtext .5pt;
+mso-border-alt:solid windowtext .5pt;mso-border-bottom-alt:dashed red .5pt;
+padding:0in 5.4pt 0in 5.4pt'>
+
+				<p class=MsoNormal style='margin-bottom:0in;margin-bottom:.0001pt;line-height:
+normal'>Border bottom
+
+				</p>
+			</td>
+			<td width=138 valign=top style='width:93.5pt;border-top:none;border-left:
+none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
+mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid windowtext .5pt;
+mso-border-alt:solid windowtext .5pt;padding:0in 5.4pt 0in 5.4pt'>
+
+				<p class=MsoNormal style='margin-bottom:0in;margin-bottom:.0001pt;line-height:
+normal'>
+
+				</p>
+			</td>
+		</tr>
+		<tr style='mso-yfti-irow:2;height:70.35pt'>
+			<td width=30 valign=top style='width:22.25pt;border:solid windowtext 1.0pt;
+border-top:none;mso-border-top-alt:solid windowtext .5pt;mso-border-alt:solid windowtext .5pt;
+background:#92D050;padding:0in 5.4pt 0in 5.4pt;height:70.35pt'>
+
+				<p class=MsoNormal style='margin-bottom:0in;margin-bottom:.0001pt;line-height:
+normal'>
+
+				</p>
+			</td>
+			<td width=220 valign=top style='width:164.75pt;border-top:none;border-left:
+none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
+mso-border-top-alt:dotted #FFC000 3.0pt;mso-border-left-alt:solid windowtext .5pt;
+mso-border-alt:solid windowtext .5pt;mso-border-top-alt:dotted #FFC000 3.0pt;
+padding:0in 5.4pt 0in 5.4pt;height:70.35pt'>
+
+				<p class=MsoNormal style='margin-bottom:0in;margin-bottom:.0001pt;line-height:
+normal'>
+
+				</p>
+			</td>
+			<td width=125 valign=top style='width:93.5pt;border-top:none;border-left:
+none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
+mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid windowtext .5pt;
+mso-border-alt:solid windowtext .5pt;padding:0in 5.4pt 0in 5.4pt;height:70.35pt'>
+
+				<p class=MsoNormal style='margin-bottom:0in;margin-bottom:.0001pt;line-height:
+normal'>
+
+				</p>
+			</td>
+			<td width=125 valign=top style='width:93.5pt;border-top:none;border-left:
+none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
+mso-border-top-alt:dashed red .5pt;mso-border-left-alt:solid windowtext .5pt;
+mso-border-alt:solid windowtext .5pt;mso-border-top-alt:dashed red .5pt;
+padding:0in 5.4pt 0in 5.4pt;height:70.35pt'>
+
+				<p class=MsoNormal style='margin-bottom:0in;margin-bottom:.0001pt;line-height:
+normal'>
+
+				</p>
+			</td>
+			<td width=138 valign=top style='width:93.5pt;border-top:none;border-left:
+none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
+mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid windowtext .5pt;
+mso-border-alt:solid windowtext .5pt;padding:.1in .5in .5in .5in;height:70.35pt'>
+
+				<p class=MsoNormal style='margin-bottom:0in;margin-bottom:.0001pt;line-height:
+normal'>margin
+
+				</p>
+			</td>
+		</tr>
+		<tr style='mso-yfti-irow:3;height:31.0pt'>
+			<td width=30 valign=top style='width:22.25pt;border:solid windowtext 1.0pt;
+border-top:none;mso-border-top-alt:solid windowtext .5pt;mso-border-alt:solid windowtext .5pt;
+background:#92D050;padding:0in 5.4pt 0in 5.4pt;height:31.0pt'>
+
+				<p class=MsoNormal style='margin-bottom:0in;margin-bottom:.0001pt;line-height:
+normal'>
+
+				</p>
+			</td>
+			<td width=220 valign=top style='width:164.75pt;border-top:none;border-left:
+none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
+mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid windowtext .5pt;
+mso-border-alt:solid windowtext .5pt;padding:0in 5.4pt 0in 5.4pt;height:31.0pt'>
+
+				<p class=MsoNormal style='margin-bottom:0in;margin-bottom:.0001pt;line-height:
+normal'>
+
+				</p>
+			</td>
+			<td width=125 valign=top style='width:93.5pt;border-top:none;border-left:
+none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
+mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid windowtext .5pt;
+mso-border-alt:solid windowtext .5pt;padding:0in 5.4pt 0in 5.4pt;height:31.0pt'>
+
+				<p class=MsoNormal style='margin-bottom:0in;margin-bottom:.0001pt;line-height:
+normal'>TL
+
+				</p>
+			</td>
+			<td width=125 valign=top style='width:93.5pt;border-top:none;border-left:
+none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
+mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid windowtext .5pt;
+mso-border-alt:solid windowtext .5pt;padding:0in 5.4pt 0in 5.4pt;height:31.0pt'>
+
+				<p class=MsoNormal align=center style='margin-bottom:0in;margin-bottom:.0001pt;
+text-align:center;line-height:normal'>TC
+
+				</p>
+			</td>
+			<td width=138 valign=top style='width:93.5pt;border-top:none;border-left:
+none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
+mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid windowtext .5pt;
+mso-border-alt:solid windowtext .5pt;padding:0in 5.4pt 0in 5.4pt;height:31.0pt'>
+
+				<p class=MsoNormal align=right style='margin-bottom:0in;margin-bottom:.0001pt;
+text-align:right;line-height:normal'>TR
+
+				</p>
+			</td>
+		</tr>
+		<tr style='mso-yfti-irow:4;height:31.0pt'>
+			<td width=30 valign=top style='width:22.25pt;border:solid windowtext 1.0pt;
+border-top:none;mso-border-top-alt:solid windowtext .5pt;mso-border-alt:solid windowtext .5pt;
+background:#92D050;padding:0in 5.4pt 0in 5.4pt;height:31.0pt'>
+
+				<p class=MsoNormal style='margin-bottom:0in;margin-bottom:.0001pt;line-height:
+normal'>
+
+				</p>
+			</td>
+			<td width=220 valign=top style='width:164.75pt;border:none;border-right:solid windowtext 1.0pt;
+mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid windowtext .5pt;
+mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid windowtext .5pt;
+mso-border-right-alt:solid windowtext .5pt;padding:0in 5.4pt 0in 5.4pt;
+height:31.0pt'>
+
+				<p class=MsoNormal style='margin-bottom:0in;margin-bottom:.0001pt;line-height:
+normal'>
+
+				</p>
+			</td>
+			<td width=125 style='width:93.5pt;border-top:none;border-left:none;
+border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
+mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid windowtext .5pt;
+mso-border-alt:solid windowtext .5pt;padding:0in 5.4pt 0in 5.4pt;height:31.0pt'>
+
+				<p class=MsoNormal style='margin-bottom:0in;margin-bottom:.0001pt;line-height:
+normal'>L
+
+				</p>
+			</td>
+			<td width=125 style='width:93.5pt;border-top:none;border-left:none;
+border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
+mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid windowtext .5pt;
+mso-border-alt:solid windowtext .5pt;padding:0in 5.4pt 0in 5.4pt;height:31.0pt'>
+
+				<p class=MsoNormal align=center style='margin-bottom:0in;margin-bottom:.0001pt;
+text-align:center;line-height:normal'>C
+
+				</p>
+			</td>
+			<td width=138 style='width:93.5pt;border-top:none;border-left:none;
+border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
+mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid windowtext .5pt;
+mso-border-alt:solid windowtext .5pt;padding:0in 5.4pt 0in 5.4pt;height:31.0pt'>
+
+				<p class=MsoNormal align=right style='margin-bottom:0in;margin-bottom:.0001pt;
+text-align:right;line-height:normal'>R
+
+				</p>
+			</td>
+		</tr>
+		<tr style='mso-yfti-irow:5;mso-yfti-lastrow:yes;height:30.1pt'>
+			<td width=30 valign=top style='width:22.25pt;border-top:none;border-left:
+solid windowtext 1.0pt;border-bottom:solid windowtext 1.0pt;border-right:
+none;mso-border-top-alt:solid windowtext .5pt;mso-border-top-alt:solid windowtext .5pt;
+mso-border-left-alt:solid windowtext .5pt;mso-border-bottom-alt:solid windowtext .5pt;
+background:#92D050;padding:0in 5.4pt 0in 5.4pt;height:30.1pt'>
+
+				<p class=MsoNormal style='margin-bottom:0in;margin-bottom:.0001pt;line-height:
+normal'>
+
+				</p>
+			</td>
+			<td width=220 valign=top style='width:164.75pt;border:none;padding:0in 5.4pt 0in 5.4pt;
+height:30.1pt'>
+
+				<p class=MsoNormal style='margin-bottom:0in;margin-bottom:.0001pt;line-height:
+normal'>No border
+
+				</p>
+			</td>
+			<td width=125 valign=bottom style='width:93.5pt;border-top:none;border-left:
+none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
+mso-border-top-alt:solid windowtext .5pt;mso-border-top-alt:solid windowtext .5pt;
+mso-border-bottom-alt:solid windowtext .5pt;mso-border-right-alt:solid windowtext .5pt;
+padding:0in 5.4pt 0in 5.4pt;height:30.1pt'>
+
+				<p class=MsoNormal style='margin-bottom:0in;margin-bottom:.0001pt;line-height:
+normal'>BL
+
+				</p>
+			</td>
+			<td width=125 valign=bottom style='width:93.5pt;border-top:none;border-left:
+none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
+mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid windowtext .5pt;
+mso-border-alt:solid windowtext .5pt;padding:0in 5.4pt 0in 5.4pt;height:30.1pt'>
+
+				<p class=MsoNormal align=center style='margin-bottom:0in;margin-bottom:.0001pt;
+text-align:center;line-height:normal'>BC
+
+				</p>
+			</td>
+			<td width=138 valign=bottom style='width:93.5pt;border-top:none;border-left:
+none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
+mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid windowtext .5pt;
+mso-border-alt:solid windowtext .5pt;padding:0in 5.4pt 0in 5.4pt;height:30.1pt'>
+
+				<p class=MsoNormal align=right style='margin-bottom:0in;margin-bottom:.0001pt;
+text-align:right;line-height:normal'>BR
+
+				</p>
+			</td>
+		</tr>
+	</table>
+</figure>