!!pairs

- labelDefault:   &lDefault
    fontColor:    rgbaFFFFFF80
    drawBorder:   false
    fontSize:     14
    font:         orbitron-bold.ttf
- labelVerySmall: &lVerySmall
    drawBorder:   false
- 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:   Select level
    #Campaign selector container
    - widget container:
        !!pairs
        - layout: {x: pLeft, y: 'pTop + 136', w: pWidth, h: '24 * 4 + 8 * 5'}
        - 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 level:
            !!pairs
            - style:         *bDefault
            - style focused: *bFocused
            - style active:  *bActive
            - layout: {x: 'pLeft + 24', y: 'pTop + 8', w: 'pWidth - 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: '>'
        - widget label:
            !!pairs
            - style:  *lVerySmall
            - layout: {x: 'pLeft + 8', y: 'pTop + 48', w: pWidth - 16, h: 20}
            - text: "Best score:"
        - widget label score:
            !!pairs
            - style:  *lVerySmall
            - layout: {x: 'pLeft + 8', y: 'pTop + 66', w: pWidth - 16, h: 20}
            - text: 0
        - widget button back:
            !!pairs
            - style:         *bDefault
            - style focused: *bFocused
            - style active:  *bActive
            - layout: {x: 'pLeft + 8', y: 'pTop + 104', w: pWidth - 16, h: 24}
            - text: Back
