<?xml version="1.0"?>

<?xml-stylesheet href="chrome://global/skin/" type="text/css"?>

<window
  xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
  xmlns:html="http://www.w3c.org/1999/xhtml"
  width="400"
  height="600">

<vbox>
  <hbox style="height: 20px;">
    <spacer style="width: 100px; background: yellow;"/>
    <spacer style="width: 100px; background: blue;"/>
    <spacer style="width: 50px; background: yellow;"/>
    <spacer style="width: 150px; background: green;"/>
  </hbox>

  <hbox style="height: 20px;">
    <spacer style="width: 100px; background: yellow;"/>
    <spacer style="width: 100px; background: blue;"/>
    <spacer style="width: 50px; background: yellow;"/>
    <spacer style="width: 150px; background: green;"/>
  </hbox>

  <hbox style="height: 20px;">
    <spacer style="width: 100px; background: yellow;"/>
    <spacer style="width: 100px; background: blue;"/>
    <spacer style="width: 50px; background: yellow;"/>
    <spacer style="width: 150px; background: green;"/>
  </hbox>

  <hbox style="height: 20px;">
    <spacer style="width: 100px; background: yellow;"/>
    <spacer style="width: 100px; background: blue;"/>
    <spacer style="width: 200px; background: green;"/>
  </hbox>

  <hbox style="height: 20px;">
    <spacer style="width: 100px; background: yellow;"/>
    <spacer style="width: 300px; background: green;"/>
  </hbox>

  <hbox style="height: 20px;">
    <spacer style="width: 200px; background: yellow;"/>
    <spacer style="width: 200px; background: green;"/>
  </hbox>

  <hbox style="height: 20px;">
    <spacer style="width: 100px; background: yellow;"/>
    <spacer style="width: 300px; background: green;"/>
  </hbox>

</vbox>

</window>
