<?xml version="1.0"?>
<root xmlns="http://verbosio.mozdev.org/demo/root/"
      xmlns:html="http://www.w3.org/1999/xhtml"
      xmlns:xlink="http://www.w3.org/1999/xlink"
      xmlns:color="http://verbosio.mozdev.org/demo/color/"
      xmlns:size="http://verbosio.mozdev.org/demo/size/"
>
  <html:style type="text/css"><![CDATA[
@namespace color url("http://verbosio.mozdev.org/demo/color/");
@namespace size url("http://verbosio.mozdev.org/demo/size/");
@namespace xlink url("http://www.w3.org/1999/xlink");

color|red {
  color: #ff0000;
}

color|green {
  color: #007f00;
}

color|blue {
  color: #0000ff;
}

color|black {
  color: #000000;
}

color|red, color|green, color|blue {
  display: block;
  text-indent: 15px;
}

size|set[change="bigger"] {
  font-size: larger;
}

size|set[change="smaller"] {
  font-size: smaller;
}

*[xlink|href] {
  text-decoration: none;
}
  ]]></html:style>
  <color:red>This whole <size:set change="bigger">sentence</size:set> is red,
while the word "<size:set change="bigger">sentence</size:set>" is always larger.</color:red>

  <color:blue>This whole <size:set change="smaller">sentence</size:set> is blue,
while the word "<size:set change="smaller">sentence</size:set>" is always smaller.</color:blue>

  <color:green>This whole <color:black xlink:type="simple" xlink:href="about:mozilla">sentence</color:black>
is green, except for the word "<color:black xlink:type="simple" xlink:href="about:mozilla">sentence</color:black>",
which is black.  The word "<color:black xlink:type="simple" xlink:href="about:mozilla">sentence</color:black>" is
also a hyperlink to "about:mozilla".</color:green>
</root>
