<Ui xmlns="http://www.blizzard.com/wow/ui/" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://www.blizzard.com/wow/ui/
..\FrameXML\UI.xsd">
  <Button name="KeyBinderMacro" inherits="SecureActionButtonTemplate" />
  <CheckButton name="KeyButton" virtual="true">
    <Size x="32" y="32" />
    <Layers>
      <Layer level="BACKGROUND">
        <Texture parentKey="border" setAllPoints="true">
          <Color a="1" r=".25" g=".25" b=".25" />
        </Texture>
      </Layer>
      <Layer level="BORDER">

        <Texture parentKey="bg">
          <Anchors>
            <Anchor point="TOPLEFT" x="2" y="-2" />
            <Anchor point="BOTTOMRIGHT" x="-2" y="2" />
          </Anchors>
          <Color a="0.5" r="0" g="0" b="0" />
        </Texture>
      </Layer>
      <Layer level="ARTWORK">
        <Texture setAllPoints="true" parentKey="icon">

          <TexCoords left="0.1" right="0.9" top="0.1" bottom="0.9" />

          <Anchors>
            <Anchor point="TOPLEFT" x="1" y="-1" />
            <Anchor point="BOTTOMRIGHT" x="-1" y="1" />
          </Anchors>
        </Texture>
      </Layer>
      <Layer level="OVERLAY">
        <FontString inherits="NumberFontNormal" parentKey="bind">
          <Anchors>
            <Anchor point="BOTTOMRIGHT" x="-4" y="4" />
          </Anchors>
        </FontString>
        <FontString inherits="NumberFontNormal" parentKey="macro" hidden="true">
          <Anchors>
            <Anchor point="TOPLEFT" x="4" y="-4" />
          </Anchors>
        </FontString>
      </Layer>
    </Layers>
    <HighlightTexture file="Interface\BUTTONS\UI-Button-Outline" alphaMode="ADD">
      <Anchors>
        <Anchor point="TOPLEFT" x="-13" y="13" />
        <Anchor point="BOTTOMRIGHT" x="13" y="-13" />
      </Anchors>
    </HighlightTexture>
  </CheckButton>

  <Frame name="KeyBinder" parent="UIParent" inherits="KTDebugTemplate" hidden="true" clampToScreen="true" movable="true" enableMouse="true">
    <Scripts>
      <OnLoad>
        self:RegisterForDrag('LeftButton')
      </OnLoad>
      <OnDragStart>
        self:StartMoving()
      </OnDragStart>
      <OnDragStop>
        self:StopMovingOrSizing()
      </OnDragStop>
    </Scripts>
    <Anchors>
      <Anchor point="TOP" y="-25" x="0" />
    </Anchors>
    <Size x="600" y="200" />
    <Layers>
      <Layer level="BACKGROUND">
        <Texture setAllPoints="true" parentKey="bg">
          <Color a="0.5" r="0" g="0" b="0" />
        </Texture>

        <Texture parentKey="info">
          <Anchors>
            <Anchor point="TOPLEFT" />
            <Anchor point="RIGHT" />
          </Anchors>
          <Size y="42" />
        </Texture>
      </Layer>
      <Layer level="ARTWORK">
        <Texture parentKey="modebg">
          <Size x="42" y="42" />
          <Anchors>
            <Anchor point="TOPLEFT" relativeKey="$parent.info" />
          </Anchors>
        </Texture>
      </Layer>
      <Layer level="OVERLAY">

        <FontString parentKey="modetext" inherits="NumberFont_Outline_Large" justifyH="RIGHT">
          <Anchors>
            <Anchor point="TOPLEFT" relativeKey="$parent.info" />
          </Anchors>
        </FontString>

        <FontString parentKey="bindlist" inherits="NumberFont_Outline_Large" justifyH="LEFT" justifyV="TOP">
          <Anchors>
            <Anchor point="TOPLEFT" relativePoint="BOTTOMLEFT" relativeKey="$parent.modetext" x="0" y="-4" />
          </Anchors>
        </FontString>
      </Layer>
    </Layers>
    <Frames>
      <Button inherits="UIPanelCloseButton">
        <Scripts>
          <OnClick>
            self:GetParent():close()
          </OnClick>
        </Scripts>
        <Anchors>
          <Anchor point="TOPRIGHT" />
        </Anchors>
      </Button>
    </Frames>
  </Frame>
</Ui>