<theme>
    <formatVersion>4</formatVersion>

	 <include>./../theme.xml</include>
	
	<view name="grid">
		<helpsystem name="help">
			<pos>2 2</pos>
		</helpsystem>		
	
		<image name="background" extra="true">
			<pos>0 0</pos>
			<size>1 1</size>
			<path>./art/background.png</path>
			<color>ffffff</color>
		</image>	
		
		<imagegrid name="gamegrid">
			<pos>0.005 0.311</pos>
			<size>0.99 0.407</size>
			<margin>0.005 0.010</margin>
			<padding>0 0 0 0</padding>
			<autoLayout>5 1</autoLayout>
			<autoLayoutSelectedZoom>1</autoLayoutSelectedZoom>
			<animateSelection>false</animateSelection>
			<imageSource>image</imageSource>
		</imagegrid>
		<gridtile name="default">
			<imageSizeMode>Size</imageSizeMode>
			<!-- <size>0.150 0.400</size> -->
			<backgroundEdgeColor>FFFFFFFF</backgroundEdgeColor>
			<backgroundCornerSize>9 9</backgroundCornerSize>
			<selectionMode>image</selectionMode>
			<padding>8 7</padding>
			<imageColor>FFFFFFB0</imageColor>
			<backgroundImage>./art/tile.png</backgroundImage>
			<imageSizeMode>minSize</imageSizeMode>
		</gridtile>
		<gridtile name="selected">
			<!-- <size>0.150 0.400</size> -->
			<backgroundCenterColor>${centerFadeColor}</backgroundCenterColor>
			<backgroundEdgeColor>FFFFFFFF</backgroundEdgeColor>
			<imageColor>FFFFFFFF</imageColor>
			<backgroundImage>./art/tile-selected.png</backgroundImage>
		</gridtile>
		
		<image name="title-bar" extra="true">
			<pos>0.5 0.2185185185185185</pos>
			<size>0.5583333333333333 0.0814814814814815</size>
			<path>./art/title-bar.png</path>
			<color>ffffff</color>	
			<origin>0.5 0.5</origin>
		</image>
		
		<text name="md_name">
			<pos>0.5 0.2185185185185185</pos>
			<size>0.5416666666666667 0.0592592592592593</size>
			<origin>0.5 0.5</origin>
			<fontPath>./../art/NesFont.ttf</fontPath>
			<fontSize>0.04</fontSize>
			<color>FFFFFF</color>
			<forceUppercase>true</forceUppercase>			
		</text>
		
		<text name="logoText">
			<pos>2 2</pos>
			<fontPath>./../art/CenturyGothic.ttf</fontPath>
			<fontSize>0.06</fontSize>
			<color>${logoTextColor}</color>
			<forceUppercase>true</forceUppercase>
			<text>${system.fullName}</text>	
		</text>

		<image name="help-image" extra="true">
			<pos>0.21 0.8</pos>
			<size>1 0.082</size>
			<path>./art/help-gamelist.png</path>
			<color>ffffff</color>	
			<zIndex>100</zIndex>			
		</image>
	
		<text name="md_players">
		  <fontPath>./../art/NesFont.ttf</fontPath>
		  <fontSize>0.018</fontSize>
		</text>	
		
	</view>
	<customView name="Carusel + Marquee" inherits="grid" displayName="Carusel + Marquee">
		<image name="md_image">
			<visible>false</visible>
		</image>
		<video name="md_video">
			<visible>false</visible>
		</video>
		<rating name="md_rating">
			<visible>false</visible>
		</rating>
		<text name="md_description">
			<visible>false</visible>
		</text>
		<image name="button_layouts" extra="true">
			<visible>false</visible>
		</image>
	</customView>
</theme>