"resource/layout/gamespage_details_subheaderright.layout"
{
	controls
	{
		subheaderlabels { controlname="CDetailsSubHeaderLabelsRightPanel" }

		gamehubbutton { controlname="Button" labeltext="#steam_gamehub" style="DetailsButton" }
	}

	colors
	{
		GameDetailsSubHeader.HorizontalSpacing=10
		GameDetailsSubHeader.VerticalMargin=0
		gamehubbgtop="67 90 122 255"
		gamehubbgbottom="54 74 99 255"
		gamehubborder="74 100 133 255"
	}

	styles
	{
		CDetailsGameSubHeaderRightPanel
		{
			bgcolor=DarkDialogBGTransparent
		}

		DetailsButton
		{   
			inset="-3 0 0 0"
			font-family=basefont
			font-size=13 [$LINUX]
			font-size=15
			font-weight=400
			textcolor="Text"
			bgcolor=none

			render_bg
			{
				// background fill
				0="gradient( x0 + 1, y0 + 1, x1 - 1, y1 - 1, gamehubbgtop, gamehubbgbottom )"

				1="fill( x0 + 2, y0, x1 - 2, y0 + 1, gamehubborder )"  // top
				2="fill( x0 + 2, y1 - 1, x1 - 2, y1, gamehubborder )"  // bottom
				3="fill( x0, y0 + 2, x0 + 1, y1 - 2, gamehubborder )"  // left
				4="fill( x1 - 1, y0 + 2, x1, y1 - 2, gamehubborder )"  // right
				
				5="fill( x0 + 1, y0 + 1, x0 + 2, y0 + 2, gamehubborder )"
				6="fill( x1 - 2, y0 + 1, x1 - 1, y0 + 2, gamehubborder )"
				7="fill( x0 + 1, y1 - 2, x0 + 2, y1 - 1, gamehubborder )"
				8="fill( x1 - 2, y1 - 2, x1 - 1, y1 - 1, gamehubborder )"
				9="fill( x0, y0 + 1, x0 + 1, y0 + 2, gamehubborder )"
				10="fill( x1 - 1, y0 + 1, x1, y0 + 2, gamehubborder )"
				11="fill( x0, y1 - 2, x0 + 1, y1 - 1, gamehubborder )"
				12="fill( x1 - 1, y1 - 2, x1, y1 - 1, gamehubborder )"
				13="fill( x0 + 1, y0, x0 + 2, y0 + 1, gamehubborder )"
				14="fill( x1 - 2, y0, x1 - 1, y0 + 1, gamehubborder )"
				15="fill( x0 + 1, y1 - 1, x0 + 2, y1, gamehubborder )"
				16="fill( x1 - 2, y1 - 1, x1 - 1, y1, gamehubborder )"
			}	
		}
		
		DetailsButton:hover
		{
			textcolor="white"
		}
		
		DetailsButton:active
		{
			textcolor="white"
			inset="-2 1 0 0"
		}
	}

	layout
	{
		// Y offset here should match the vertical padding value above in the colors section
		region { name="header" y=0 x=0 width=max height=max }

		place { 
			control=subheaderlabels,gamehubbutton
			region=header
			dir=right
			align=left-center
			margin-left=10
			margin-right=10
			spacing=10
		}
	}
}
