css-$11.lzx

<canvas height="320" width="100%">

  <stylesheet>

    styledbox {
      stylebgcolor: #CCCCCC;
      styleinnercolor: "red";
    }

    styledbox styledbox2 {
      stylebgcolor: #999999;
      styleinnercolor: "blue";
    }

    styledbox styledbox2 styledbox3 {
      stylebgcolor: #666666;
      styleinnercolor: "green";
    }

  </stylesheet>

  <class name="styledbox" height="100" width="100" bgcolor="$style{'stylebgcolor'}">
    <view name="snow" x="10" y="10" height="10" width="10" bgcolor="$style{'styleinnercolor'}"/>
  </class>

  <class name="styledbox2" height="100" width="100" bgcolor="$style{'stylebgcolor'}">
    <view name="braxton" x="10" y="10" height="10" width="10" bgcolor="$style{'styleinnercolor'}"/>
  </class>

  <class name="styledbox3" height="100" width="100" bgcolor="$style{'stylebgcolor'}">
    <view name="jackson" x="10" y="10" height="10" width="10" bgcolor="$style{'styleinnercolor'}"/>
  </class>

  <styledbox id="comet" x="200" y="0">
    <styledbox2 id="shock" x="-100" y="100">
      <styledbox3 id="storm" x="-100" y="100"/>
    </styledbox2>
  </styledbox>

</canvas>
<!-- * X_LZ_COPYRIGHT_BEGIN ***************************************************
     * Copyright 2007, 2008 Laszlo Systems, Inc.  All Rights Reserved.                   *
     * Use is subject to license terms.                                            *
     * X_LZ_COPYRIGHT_END ****************************************************** -->