GamePlay/samples/browser/res/common/default.theme

theme mainMenu
{
    texture = res/png/default-theme.png

    imageList normalImages
    {
        color = #ffffffff

        image unchecked
        {
            region = 78, 1, 46, 46
        }

        image checked
        {
            region = 78, 46, 46, 46
        }

        image unselected
        {
            region = 127, 1, 46, 46
        }

        image selected
        {
            region = 127, 46, 46, 46
        }

        image minCap
        {
            region = 3, 115, 8, 11
        }

        image maxCap
        {
            region = 3, 115, 8, 11
        }

        image marker
        {
            region = 16, 113, 18, 18
        }

        image track
        {
            region = 42, 119, 26, 6
        }

        image textCaret
        {
            region = 5, 149, 11, 25
        }

        image scrollBarTopCap
        {
            //region = 0, 99, 12, 5
            region = 0, 43, 17, 10
        }

        image verticalScrollBar
        {
            //region = 0, 104, 12, 19
            region = 0, 53, 17, 16
        }

        image scrollBarBottomCap
        {
            //region = 0, 138, 12, 5
            region = 0, 69, 17, 10
        }

        image scrollBarLeftCap
        {
            region = 35, 115, 5, 12
        }

        image horizontalScrollBar
        {
            region = 43, 115, 19, 12
        }

        image scrollBarRightCap
        {
            region = 65, 115, 5, 12
        }
    }

    imageList activeImages : normalImages
    {
        color = #ffffffff

        image unchecked
        {
            region = 78, 91, 46, 46
        }

        image checked
        {
            region = 78, 91, 46, 46
        }

        image unselected
        {
            region = 127, 91, 46, 46
        }

        image selected
        {
            region = 127, 91, 46, 46
        }
    }

    style Container
    {
        stateNormal
        {
            imageList = normalImages
        }
    }

    skin FormNormal
    {
        border
        {
            left = 10
            right = 10
            top = 10
            bottom = 10
        }

        region = 1, 1, 40, 40
        color = #ffffffff
    }

    style Form
    {
        stateNormal
        {
            skin = FormNormal
            imageList = normalImages
            font = res/common/arial.gpb
        }
    }

    style Label
    {
        stateNormal
        {
            //textColor = #ccccccff
            textColor = #ffffffff
            font = res/common/arial.gpb
            fontSize = 16
            textAlignment = ALIGN_VCENTER_LEFT
            imageList = normalImages
        }
    }

    skin ButtonNormal
    {
        border
        {
            left = 10
            right = 10
            top = 10
            bottom = 10
        }

        region = 176, 0, 48, 47
        color = #ffffffff
    }

    skin ButtonActive
    {
        border
        {
            left = 10
            right = 10
            top = 10
            bottom = 10
        }

        region = 176, 47, 48, 47
        color = #ffffffff
    }

    style Button : Label
    {
        stateNormal
        {
            skin = ButtonNormal
            textAlignment = ALIGN_VCENTER_HCENTER
        }

        stateActive
        {
            skin = ButtonActive
            textColor = #ffffffff
            imageList = activeImages
        }

        stateDisabled
		{
			opacity = 0.6
		}
    }







    skin mainNormal
    {
        border
        {
            left = 10
            right = 10
            top = 10
            bottom = 10
        }
        
        region = 1, 1, 74, 74
        color = #ffffffff
    }

    skin mainActive : mainNormal
    {
        color = #ffffffff
    }

	skin mainFocus : mainNormal
	{
		color = #ffffffff
	}

    skin formEntry : mainNormal
    {
        region = 78, 1, 46, 46
        color = #ffffffff
    }

	skin formFocus : formEntry
	{
        color = #ffffffff
	}
    
    skin underliner
    {
        border
        {
            bottom = 10
        }
        
        region = 4, 82, 68, 5
        color = #ffffffff
    }

    skin plusNormal
    {
        region = 81, 139, 40, 40
        color = #ffffffff
    }

    skin plusActive : plusNormal
    {
        color = #ffffffff
    }

    skin minusNormal
    {
        region = 81, 184, 40, 40
        color = #ffffffff
    }

    skin minusActive : minusNormal
    {
        color = #ffffffff
    }

    style plus
    {
        stateNormal
        {
            skin = plusNormal
        }

        stateActive
        {
            skin = plusActive
        }
    }

    style minus
    {
        stateNormal
        {
            skin = minusNormal
        }

        stateActive
        {
            skin = minusActive
        }
    }

    style underlined
    {
        padding
        {
            top = 5
        }
    
        stateNormal
        {
            skin = underliner
            textColor = #ffffffff
            font = res/common/arial.gpb
            fontSize = 24
            textAlignment = ALIGN_BOTTOM_HCENTER
        }
    }

    style leftAlignedUnderlined : underlined
    {
        stateNormal
        {
            textAlignment = ALIGN_TOP_LEFT
        }
    }
	
	style basicContainer
	{
		stateNormal
        {
            skin = mainNormal
            imageList = normalImages

            font = res/common/arial.gpb
            textColor = #ffffffff
            fontSize = 18
            textAlignment = ALIGN_VCENTER_HCENTER
        }

		stateFocus
		{
			skin = mainFocus
		}
		
		stateDisabled
		{
			opacity = 0.6
		}
	}

    style basic : basicContainer
    {
        stateActive
        {
            imageList = activeImages
        }
		
		stateFocus
		{
			skin = mainNormal
			textColor = #ffffffff
		}
    }

    style topLeftAlignedEntry : basic
    {
        stateNormal
        {
            skin = formEntry
            textAlignment = ALIGN_TOP_LEFT
        }

        stateFocus
        {
            skin = formFocus
        }
    }

    style buttonStyle : basic
    {
        padding
        {
            top = -10
            bottom = -10
        }

        stateNormal
        {
            font = res/common/arial.gpb
            fontSize = 20
        }

        stateActive
        {
            skin = mainActive
        }
    }
	
	style buttonHover : buttonStyle
	{
		stateHover
		{
			textColor = #ffffffff
		}
	}

    style noBorder
    {
        stateNormal
        {
            imageList = normalImages
            font = res/common/arial.gpb
            textColor = #ffffffff
            fontSize = 14
            textAlignment = ALIGN_VCENTER_HCENTER
        }
		
		stateFocus
		{
			textColor = #ffffffff
		}

        stateActive
        {
            imageList = activeImages
            textAlignment = ALIGN_VCENTER_HCENTER
        }
    }

    style iconNoBorder : noBorder
    {
        stateNormal
        {
            font = res/common/arial.gpb
            fontSize = 20
            textAlignment = ALIGN_VCENTER_LEFT
        }

        stateFocus
		{
			textAlignment = ALIGN_VCENTER_LEFT
		}

        stateActive
        {
            font = res/common/arial.gpb
            fontSize = 20
            textAlignment = ALIGN_VCENTER_LEFT
        }
    }

    style topLeftNoBorder : iconNoBorder
    {
        stateNormal
        {
            textAlignment = ALIGN_TOP_LEFT
        }

        stateActive
        {
            textAlignment = ALIGN_TOP_LEFT
        }

        stateFocus
        {
            textAlignment = ALIGN_TOP_LEFT
        }

        stateHover
        {
            textAlignment = ALIGN_TOP_LEFT
        }
    }

    style title
    {
        stateNormal
        {
            textColor = #ffffffff
            font = res/common/arial.gpb
            fontSize = 26
            textAlignment = ALIGN_BOTTOM_HCENTER
        }

        stateActive
        {
            textColor = #ffffffff
        }
    }

    style CheckBox : iconNoBorder
    {
    }

    style RadioButton : iconNoBorder
    {
    }

    style Slider : topLeftNoBorder
    {
    }

    style TextBox : topLeftAlignedEntry
    {
    }

    style Image
    {
    }
}