anchor.diff:  [source,xml]
   ----
   
  -<panel id="panel_top" height="25%" width="75%" align="center" childLayout="center" backgroundColor="#f008">
  -</panel>
  -<panel id="panel_mid" height="50%" width="75%" align="center" childLayout="center" backgroundColor="#0f08">
  -</panel>
  -<panel id="panel_bottom" height="25%" width="75%" align="center" childLayout="horizontal" backgroundColor="#00f8">
  -  <panel id="panel_bottom_left" height="50%" width="50%" valign="center" childLayout="center" backgroundColor="#44f8">
  +<panel id="panel_top" height="25%" width="75%" align="center" childLayout="center"
  +  backgroundColor="#f008">
  +</panel>
  +<panel id="panel_mid" height="50%" width="75%" align="center" childLayout="center"
  +  backgroundColor="#0f08">
  +</panel>
  +<panel id="panel_bottom" height="25%" width="75%" align="center" childLayout="horizontal"
  +  backgroundColor="#00f8">
  +  <panel id="panel_bottom_left" height="50%" width="50%" valign="center" childLayout="center"
  +    backgroundColor="#44f8">
     </panel>
  -  <panel id="panel_bottom_right" height="50%" width="50%" valign="center" childLayout="center" backgroundColor="#88f8">
  +  <panel id="panel_bottom_right" height="50%" width="50%" valign="center" childLayout="center"
  +    backgroundColor="#88f8">
     </panel>
   </panel>
   
  
positive.code: ----
  
  <layer id="background" childLayout="center">
      <image filename="Interface/hud-frame.png" imageMode="resize:40,490,110,170,40,560,40,270,40,560,40,40" width="100%" height="100%">
      </image>
  </layer>
  
  
negative.code: ----
  
  <panel id="panel_top" height="25%" width="75%" align="center" childLayout="center">
      <text text="My Cool Game" font="Interface/Fonts/Default.fnt" width="100%" height="100%"/>
  </panel>
  
  ----
  