chromium/src/third_party/blink/web_tests/fast/css/css2-system-color-expected.html - manifest_repos/chromium_src - Git at Google

 <!DOCTYPE html>
 <html>
 <head>
 <title>Color Test</title>
 <style>
   html {
     font-size: 12px;
     width: 750px;
   }
   .box:after {
     content: " ";
     clear: both;
     display: block;
   }
   .inner {
     border-top: solid 1px;
     float: right;
     width: 620px;
   }
   .text {
     float: left;
   }
 </style>
 </head>
 <body>
   <div class="box"><div class="text">ActiveBorder</div><div class="inner" style="background-color: rgb(255, 255, 255)">&nbsp;</div></div>
   <div class="box"><div class="text">ActiveCaption</div><div class="inner" style="background-color: rgb(204, 204, 204)">&nbsp;</div></div>
   <div class="box"><div class="text">ActiveText</div><div class="inner" style="background-color: rgb(255, 0, 0)">&nbsp;</div></div>
   <div class="box"><div class="text">AppWorkspace</div><div class="inner" style="background-color: rgb(255, 255, 255)">&nbsp;</div></div>
   <div class="box"><div class="text">Background</div><div class="inner" style="background-color: rgb(99, 99, 206)">&nbsp;</div></div>
   <div class="box"><div class="text">ButtonFace</div><div class="inner" style="background-color: rgb(221, 221, 221)">&nbsp;</div></div>
   <div class="box"><div class="text">ButtonHighlight</div><div class="inner" style="background-color: rgb(221, 221, 221)">&nbsp;</div></div>
   <div class="box"><div class="text">ButtonShadow</div><div class="inner" style="background-color: rgb(136, 136, 136)">&nbsp;</div></div>
   <div class="box"><div class="text">ButtonText</div><div class="inner" style="background-color: rgb(0, 0, 0)">&nbsp;</div></div>
   <div class="box"><div class="text">Canvas</div><div class="inner" style="background-color: rgb(255, 255, 255)">&nbsp;</div></div>
   <div class="box"><div class="text">CanvasText</div><div class="inner" style="background-color: rgb(0, 0, 0)">&nbsp;</div></div>
   <div class="box"><div class="text">CaptionText</div><div class="inner" style="background-color: rgb(0, 0, 0)">&nbsp;</div></div>
   <div class="box"><div class="text">Field</div><div class="inner" style="background-color: rgb(255, 255, 255)">&nbsp;</div></div>
   <div class="box"><div class="text">FieldText</div><div class="inner" style="background-color: rgb(0, 0, 0)">&nbsp;</div></div>
   <div class="box"><div class="text">GrayText</div><div class="inner" style="background-color: rgb(128, 128, 128)">&nbsp;</div></div>
   <div class="box"><div class="text">Highlight</div><div class="inner" style="background-color: rgb(181, 213, 255)">&nbsp;</div></div>
   <div class="box"><div class="text">HighlightText</div><div class="inner" style="background-color: rgb(0, 0, 0)">&nbsp;</div></div>
   <div class="box"><div class="text">InactiveBorder</div><div class="inner" style="background-color: rgb(255, 255, 255)">&nbsp;</div></div>
   <div class="box"><div class="text">InactiveCaption</div><div class="inner" style="background-color: rgb(255, 255, 255)">&nbsp;</div></div>
   <div class="box"><div class="text">InactiveCaptionText</div><div class="inner" style="background-color: rgb(127, 127, 127)">&nbsp;</div></div>
   <div class="box"><div class="text">InfoBackground</div><div class="inner" style="background-color: rgb(251, 252, 197)">&nbsp;</div></div>
   <div class="box"><div class="text">InfoText</div><div class="inner" style="background-color: rgb(0, 0, 0)">&nbsp;</div></div>
   <div class="box"><div class="text">LinkText</div><div class="inner" style="background-color: rgb(0, 0, 238)">&nbsp;</div></div>
   <div class="box"><div class="text">Menu</div><div class="inner" style="background-color: rgb(247, 247, 247)">&nbsp;</div></div>
   <div class="box"><div class="text">MenuText</div><div class="inner" style="background-color: rgb(0, 0, 0)">&nbsp;</div></div>
   <div class="box"><div class="text">Scrollbar</div><div class="inner" style="background-color: rgb(255, 255, 255)">&nbsp;</div></div>
   <div class="box"><div class="text">ThreeDDarkShadow</div><div class="inner" style="background-color: rgb(102, 102, 102)">&nbsp;</div></div>
   <div class="box"><div class="text">ThreeDFace</div><div class="inner" style="background-color: rgb(192, 192, 192)">&nbsp;</div></div>
   <div class="box"><div class="text">ThreeDHighlight</div><div class="inner" style="background-color: rgb(221, 221, 221)">&nbsp;</div></div>
   <div class="box"><div class="text">ThreeDLightShadow</div><div class="inner" style="background-color: rgb(192, 192, 192)">&nbsp;</div></div>
   <div class="box"><div class="text">ThreeDShadow</div><div class="inner" style="background-color: rgb(136, 136, 136)">&nbsp;</div></div>
   <div class="box"><div class="text">VisitedText</div><div class="inner" style="background-color: rgb(85, 26, 139)">&nbsp;</div></div>
   <div class="box"><div class="text">Window</div><div class="inner" style="background-color: rgb(255, 255, 255)">&nbsp;</div></div>
   <div class="box"><div class="text">WindowFrame</div><div class="inner" style="background-color: rgb(204, 204, 204)">&nbsp;</div></div>
   <div class="box"><div class="text">WindowText</div><div class="inner" style="background-color: rgb(0, 0, 0)">&nbsp;</div></div>
 </body>
 </html>
	<!DOCTYPE html>
	<html>
	<head>
	<title>Color Test</title>
	<style>
	html {
	font-size: 12px;
	width: 750px;
	}
	.box:after {
	content: " ";
	clear: both;
	display: block;
	}
	.inner {
	border-top: solid 1px;
	float: right;
	width: 620px;
	}
	.text {
	float: left;
	}
	</style>
	</head>
	<body>
	<div class="box"><div class="text">ActiveBorder</div><div class="inner" style="background-color: rgb(255, 255, 255)"> </div></div>
	<div class="box"><div class="text">ActiveCaption</div><div class="inner" style="background-color: rgb(204, 204, 204)"> </div></div>
	<div class="box"><div class="text">ActiveText</div><div class="inner" style="background-color: rgb(255, 0, 0)"> </div></div>
	<div class="box"><div class="text">AppWorkspace</div><div class="inner" style="background-color: rgb(255, 255, 255)"> </div></div>
	<div class="box"><div class="text">Background</div><div class="inner" style="background-color: rgb(99, 99, 206)"> </div></div>
	<div class="box"><div class="text">ButtonFace</div><div class="inner" style="background-color: rgb(221, 221, 221)"> </div></div>
	<div class="box"><div class="text">ButtonHighlight</div><div class="inner" style="background-color: rgb(221, 221, 221)"> </div></div>
	<div class="box"><div class="text">ButtonShadow</div><div class="inner" style="background-color: rgb(136, 136, 136)"> </div></div>
	<div class="box"><div class="text">ButtonText</div><div class="inner" style="background-color: rgb(0, 0, 0)"> </div></div>
	<div class="box"><div class="text">Canvas</div><div class="inner" style="background-color: rgb(255, 255, 255)"> </div></div>
	<div class="box"><div class="text">CanvasText</div><div class="inner" style="background-color: rgb(0, 0, 0)"> </div></div>
	<div class="box"><div class="text">CaptionText</div><div class="inner" style="background-color: rgb(0, 0, 0)"> </div></div>
	<div class="box"><div class="text">Field</div><div class="inner" style="background-color: rgb(255, 255, 255)"> </div></div>
	<div class="box"><div class="text">FieldText</div><div class="inner" style="background-color: rgb(0, 0, 0)"> </div></div>
	<div class="box"><div class="text">GrayText</div><div class="inner" style="background-color: rgb(128, 128, 128)"> </div></div>
	<div class="box"><div class="text">Highlight</div><div class="inner" style="background-color: rgb(181, 213, 255)"> </div></div>
	<div class="box"><div class="text">HighlightText</div><div class="inner" style="background-color: rgb(0, 0, 0)"> </div></div>
	<div class="box"><div class="text">InactiveBorder</div><div class="inner" style="background-color: rgb(255, 255, 255)"> </div></div>
	<div class="box"><div class="text">InactiveCaption</div><div class="inner" style="background-color: rgb(255, 255, 255)"> </div></div>
	<div class="box"><div class="text">InactiveCaptionText</div><div class="inner" style="background-color: rgb(127, 127, 127)"> </div></div>
	<div class="box"><div class="text">InfoBackground</div><div class="inner" style="background-color: rgb(251, 252, 197)"> </div></div>
	<div class="box"><div class="text">InfoText</div><div class="inner" style="background-color: rgb(0, 0, 0)"> </div></div>
	<div class="box"><div class="text">LinkText</div><div class="inner" style="background-color: rgb(0, 0, 238)"> </div></div>
	<div class="box"><div class="text">Menu</div><div class="inner" style="background-color: rgb(247, 247, 247)"> </div></div>
	<div class="box"><div class="text">MenuText</div><div class="inner" style="background-color: rgb(0, 0, 0)"> </div></div>
	<div class="box"><div class="text">Scrollbar</div><div class="inner" style="background-color: rgb(255, 255, 255)"> </div></div>
	<div class="box"><div class="text">ThreeDDarkShadow</div><div class="inner" style="background-color: rgb(102, 102, 102)"> </div></div>
	<div class="box"><div class="text">ThreeDFace</div><div class="inner" style="background-color: rgb(192, 192, 192)"> </div></div>
	<div class="box"><div class="text">ThreeDHighlight</div><div class="inner" style="background-color: rgb(221, 221, 221)"> </div></div>
	<div class="box"><div class="text">ThreeDLightShadow</div><div class="inner" style="background-color: rgb(192, 192, 192)"> </div></div>
	<div class="box"><div class="text">ThreeDShadow</div><div class="inner" style="background-color: rgb(136, 136, 136)"> </div></div>
	<div class="box"><div class="text">VisitedText</div><div class="inner" style="background-color: rgb(85, 26, 139)"> </div></div>
	<div class="box"><div class="text">Window</div><div class="inner" style="background-color: rgb(255, 255, 255)"> </div></div>
	<div class="box"><div class="text">WindowFrame</div><div class="inner" style="background-color: rgb(204, 204, 204)"> </div></div>
	<div class="box"><div class="text">WindowText</div><div class="inner" style="background-color: rgb(0, 0, 0)"> </div></div>
	</body>
	</html>