<?xml version="1.0"?>
<?xml-stylesheet href="chrome://global/skin" type="text/css"?>
<?xml-stylesheet href="data:text/css,
vbox { height: 50px; }
checkbox {
  color: transparent;
  margin: 0;
}
" type="text/css"?>

<window title="Checkboxes with mini, small and regular control font"
        xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
  <vbox style="font-size: 9px">
    <hbox><checkbox native="true" label="Mini"/></hbox>
  </vbox>
  <vbox style="font: message-box">
    <hbox><checkbox native="true" label="Small"/></hbox>
  </vbox>
  <vbox style="font: menu">
    <hbox><checkbox native="true" label="Regular"/></hbox>
  </vbox>
  <vbox style="font-size: 9px">
    <hbox><checkbox native="true" label="Mini" checked="true"/></hbox>
  </vbox>
  <vbox style="font: message-box">
    <hbox><checkbox native="true" label="Small" checked="true"/></hbox>
  </vbox>
  <vbox style="font: menu">
    <hbox><checkbox native="true" label="Regular" checked="true"/></hbox>
  </vbox>
</window>