!!pairs

- labelDefault:  &lDefault
    fontColor:   rgbaFFFFFF80
    drawBorder:  false
    fontSize:    14
    font:        orbitron-bold.ttf
- buttonDefault: &bDefault
    borderColor: rgbaC0C0FF60
    fontColor:   rgbaA0A0FFC0
- buttonFocused: &bFocused
    borderColor: rgbaC0C0FFA0
    fontColor:   rgbaC0C0FFC0
- buttonActive:  &bActive
    borderColor: rgbaC0C0FFFF
    fontColor:   rgbaE0E0FFFF

- styleManager:  line
- style:         {drawBorder: false}
- layoutManager: boxManual 
- layout:        {x: 'pLeft', y: 'pTop', w: 'pWidth', h: 'pHeight'}
#Main container
- widget container:
    !!pairs
    - style:  {backgroundColor: rgba000000FF, borderColor: rgbaC0C0FFB0}
    - layout: {x: 'pRight - 176', y: 'pTop + 16', w: 160, h: 'pHeight - 32'}
    - widget label:
        !!pairs
        - layout: {x: 'pLeft + 8', y: 'pTop + 8', w: 'pWidth - 16', h: '24'}
        - style:  *lDefault
        - text:   Player setup
    #Profile action menu
    - widget container:
        !!pairs
        - style:  {drawBorder: false}
        - layout: {x: pLeft, y: 'pTop + 136', w: 'pWidth', h: '24 * 3 + 8 * 4'}
        - widget button newProfile:
            !!pairs
            - style:         *bDefault
            - style focused: *bFocused
            - style active:  *bActive
            - layout: {x: 'pLeft + 8', y: 'pTop + 8', w: pWidth - 16, h: 24}
            - text: New Profile
        - widget button deleteProfile:
            !!pairs
            - style:         *bDefault
            - style focused: *bFocused
            - style active:  *bActive
            - layout: {x: 'pLeft + 8', y: 'pTop + 40', w: pWidth - 16, h: 24}
            - text: Delete Profile
        - widget button back:
            !!pairs
            - style:         *bDefault
            - style focused: *bFocused
            - style active:  *bActive
            - layout: {x: 'pLeft + 8', y: 'pTop + 72', w: pWidth - 16, h: 24}
            - text: Back
    #Profile selector container
    - widget container:
        !!pairs
        - layout: {x: pLeft, y: 'pTop + 272', w: pWidth, h: '24 + 8 * 2'}
        - style: {drawBorder : false}
        - widget button previous:
            !!pairs
            - style:         *bDefault
            - style focused: *bFocused
            - style active:  *bActive
            - layout: {x: 'pLeft + 8', y: 'pTop + 8', w: 12, h: 24}
            - text: '<'
        - widget button profile:
            !!pairs
            - style:         *bDefault
            - style focused: *bFocused
            - style active:  *bActive
            - layout: {x: 'pLeft + 24', y: 'pTop + 8', w: 'pRight - pLeft - 48', h: 24}
            - text: DUMMY
        - widget button next:
            !!pairs
            - style:         *bDefault
            - style focused: *bFocused
            - style active:  *bActive
            - layout: {x: 'pRight - 20', y: 'pTop + 8', w: 12, h: 24}
            - text: '>'
