﻿<?xml version="1.0" encoding="UTF-8"?>

<stylesheet xmlns="http://www.w3.org/1999/XSL/Transform" xmlns:jsgp="http://www.jsgp.us/demos/" version="1.0">

	<jsgp:created>2007-08-01</jsgp:created>
	<jsgp:revised>2007-08-01</jsgp:revised>

	<output media-type="application/xhtml+xml" omit-xml-declaration="no" version="1.0" encoding="UTF-8" doctype-public="-//W3C//DTD XHTML 1.1//EN" doctype-system="http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd" indent="yes"/>

	<template match="/">

		<xhtml:html xmlns:xhtml="http://www.w3.org/1999/xhtml" xml:lang="en-Latn-US">
			<xhtml:head>

				<xhtml:title>Demo DIC31071</xhtml:title>
				<xhtml:style type="text/css">
					* { margin: 0; padding: 0; }
					html { background: white; color: black; font: 1/1.2 sans-serif; }
					h1 { margin: 0.333em; font: small-caps 3em serif; }
					ul, li { border-style: solid; }
					ul { margin: 1em; border-width: 1px 1px 0 0; }
					li { list-style: none; margin: 1px 0 0; border-width: 0 0 1px 1em; padding: 1em; background: #eee; }
					li:first-child { margin: 0; }
					li:hover { border-left-color: brown; background: beige; }
				</xhtml:style>

			</xhtml:head>
			<xhtml:body>

				<xhtml:h1>Anime and Movie Characters</xhtml:h1>
				<xhtml:ul>
					<for-each select="(document('DIC31071N1.xml')|document('DIC31071N2.xml'))//name">
						<sort order="ascending"/>
						<xhtml:li><value-of select="text()"/></xhtml:li>
					</for-each>
				</xhtml:ul>

			</xhtml:body>
		</xhtml:html>

	</template>
	
</stylesheet>