"resource/layout/gamespage_grid.layout"
{
	controls
	{
		"grid"
		{
			"alignment"						"justify"		// left, right, justify 
			"interiorspacing"				18				// minimum interitem spacing, used for both x and y
			"wheelpct"						50				// mouse wheel -> scroll this percent of an item's dy
			"tabposition"					1
		}

		"emptylisttext" { control="RichText" style="emptylisttext" }
	}

	// random/generic settings go in "colors"
	colors
	{
		// values defining the aspect ratio of the images in the grid view
		GridView.OriginalImageWidth "460"
		GridView.OriginalImageHeight "215"

		// value defining the extra vertical distance to leave below
		// the picture for drop shadow room, in px. This value should
		// match the margin values in the layout statements in the gamespage_grid_*.layout files.
		GridView.DropShadowLeading "10"
	}

	styles
	{
		WrapPanel
		{			
			inset="1 0 0 2"
			bgcolor="none"
			render
						{
							//gradient to obscure content at top of scrolling region 
							1="gradient( x0+1, y0, x1-1, y0 + 16, dialogbg, none  )"
							
							//gradient to obscure content at bottom of scrolling region 
							2="gradient( x0+1, y1 - 16, x1-1, y1-2, none, almostblack )"
							
							// single pixel fills in the corners
							6="fill( x0 + 1, y0, x0 + 2, y0 + 1, ButtonBorderDisabled )" //UL
							7="fill( x1 - 2, y0, x1 - 1, y0 + 1, ButtonBorderDisabled )"  //UR
							8="fill( x0 + 1, y1 - 3, x0 + 2, y1 - 2, ButtonBorderDisabled )"
							9="fill( x1 - 2, y1 - 3, x1 - 1, y1 - 2, ButtonBorderDisabled )"
						}
			render_bg {

				// background gradient        
				0="gradient( x0+1, y0, x1-1, y1-2, dialogbg, almostblack )"
				1="gradient( x0+1, y0, x1-1, y0 + 31, BackgroundStartsubtle, none )"
				
				// lines around
				2="fill( x0, y0 + 1, x0 + 1, y1 - 3, ButtonBorderDisabled)"  //left
				3="fill( x1 - 1, y0 + 1, x1, y1 - 3, ButtonBorderDisabled )"  //right
				4="fill( x0 + 2, y0 - 1, x1 - 2, y0, ButtonBorderDisabled )"  //top
				5="fill( x0 + 2, y1 - 2, x1 - 2, y1 - 1, ButtonBorderDisabled )"  //btm
				

			}
		}	

		emptylisttext
		{
			textcolor="Text"
			font-size="15"
			render_bg {}
		}
		

		// GameItem_whatever suffix is computed on the fly. (not case sensitive.) possible values:
		// shortcut
		// mod
		// decrypting
		// syncing
		// installed
		// updating
		// uninstalled
		// notinstalled (yes there are two)
		GameItem_installed
		{
			alpha		255
		}
		GameItem_unInstalled
		{
			alpha		255
		}
		GameItem_Updating
		{
			alpha		255
		}
	}

	layout
	{
		place
		{
			control = grid					 x=1 y=1 width=max height=max 
		}

		place	{ control=emptylisttext x=0 y=0 margin=10 margin-top=9 width=max height=max }
	}
}

