Panel
  id: characterCell
  size: 190 190
  image-source: /images/ui/panel_lightflat_circle
  image-repeat: no-repeat
  image-fit: cover
  position: 0 0

  Label
    id: name
    text-auto-resize: true
    font: verdana-11px-monochrome
    color: #bbbbbb
    position: 10 10
    $on:
      color: #ffffff

  UICreature
    id: outfit
    animate: true
    size: 256 256
    position: 10 40

  Label
    id: level
    text-auto-resize: true
    font: verdana-9px-monochrome
    color: #bbbbbb
    &baseText: 'Level: %s'
    position: 10 300
    $on:
      color: #ffffff

  Label
    id: vocation
    text-auto-resize: true
    font: verdana-9px-monochrome
    color: #bbbbbb
    background-color: alpha
    &baseText: '(%s)'
    position: 10 320

  $focus:
    image-source: /images/ui/bossbar_outfit
    border-width: 0
    border-color: #f4ca16
    opacity: 1
    size: 190 190
    image-fit: contain
    image-align: center
    image-resize: true
    image-repeat: no-repeat

CharacterWidgetEmpty < Panel
  id: emptyCell
  size: 190 190
  image-source: /images/ui/panel_flat
  image-border: 3
  focusable: false

  Label
    color: #bbbbbb
    text-auto-resize: true
    font: verdana-11px-monochrome
    !text: 'Empty'
    position: 20 80