<?xml version="1.0" standalone="yes"?>
<?xml-stylesheet href="css/complex-000.css" type="text/css"?>

<root>
	
	<document>
	
			<info>You should see a logo with a triangle and the words &quot;CSS and SVG&quot;. The triangle should have a dropshadow. The whole block should be horizontally and vertically centered.</info>


		
		<svg width="300px" height="300px" version="1.1" xmlns="http://www.w3.org/2000/svg">

			<desc>Sample logo</desc>
	
			
				<defs>
				
				
					<filter id="dropshadow">
					
					
					
						<feGaussianBlur result="blurredAlpha" in="SourceAlpha" stdDeviation="3" />
						<feOffset result="offsetBlurredAlpha" in="blurredAlpha" dx="3" dy="3" />
						<feFlood result="flooded" style="flood-color: black; flood-opacity: 0.65" />
						<feComposite result="coloredShadow" in="flooded" operator="in" in2="offsetBlurredAlpha" />
						<feComposite in="SourceGraphic" operator="over" in2="coloredShadow" />
					
					
					
					</filter>
				
				
				
				
				</defs>
				
				<polygon points="114, 61, 87, 211, 140, 211" style="filter: url(#dropshadow); stroke: #ddd; stroke-width: 1;
				stroke-opacity: 1; fill: #ccc; fill-opacity: 1;" />
				<text id="css" x="85" y="140">CSS</text>
				<text id="svg" x="60" y="170">and SVG</text>
			
	
		
		</svg>
		

		
		
			
	</document>
</root>