main_ui.xml

<root>
	<styles>
		<include src="s2r://panorama/styles/dotastyles.vcss_c" />
		<include src="file://{resources}/styles/custom_game/root.css" />
		<include src="file://{resources}/styles/custom_game/main_ui.css" />
	</styles>
	<scripts>
		<include src="file://{resources}/scripts/custom_game/main_ui.js" />
		<include src="file://{resources}/scripts/custom_game/smooth_camera.js" />
	</scripts>
    <Panel class="main-ui" hittest="false"><!--is-not-visible-->
    	<Panel id="MainUiFlow" class="flow-down fill" hittest="false">
	    	<Panel id="TopBar" class="top-bar flow-right" hittest="false">
	    		<Button id="TopBarOpenMenu" class="panel-left fill-height square margin-4" hittest="false">
	    		</Button>
	    	</Panel>
	    	<Panel id="MainScreen" class="flow-right fill" hittest="false">
	    		<Panel id="PlayerInfo" class="panel-bottom flow-down">
	    			<Panel id="PlayerInfoTopRow" style="height: 72%;" class="fill-width flow-right">
	    				<Panel id="PlayerInfoAvatar" style="width: height-percentage(75%); " class="fill-height margin-4">
	    					<DOTAHeroImage id="PlayerInfoAvatarImage" heroname="npc_dota_hero_rattletrap" class="fill" heroimagestyle="portrait" />
	    				</Panel>
	    				<Panel id="PlayerInfoItems" class="fill margin-4 flow-down">
	    				</Panel>
	    			</Panel>
	    			<Panel id="PlayerInfoBottomRow" class="fill flow-right	">
	    				<Panel id="PlayerInfoPassives" style="width: height-percentage(50%);" class="flow-down">
	    					<Image id="PlayerInfoRolePassive" src="file://{images}/custom_game/roles/role_tactician.png" style="margin-left: 4px; margin-bottom: 2px; margin-top: 4px;" class="even-space-vertical square panel-center passive"/>
	    					<Image id="PlayerInfoShaperPassive" src="file://{images}/custom_game/spellicons/pure_shaper.png" style="margin-left: 4px; margin-bottom: 4px; margin-top: 2px;" class="even-space-vertical square panel-center passive"/>
	    				</Panel>
	    				<Panel id="PlayerInfoStats" class="fill flow-down margin-4">
	    					<Panel id="PlayerInfoStatsTopRow" class="fill flow-right even-space-vertical">
	    						<Panel id="PlayerInfoStatsPower" class="fill-height even-space-horiz flow-right margin-4">
	    							<Label id="PlayerInfoStatsPowerLabel" style="color: #25b61e; font-size: 18px; text-align: center;" text="999" class="panel-center"/>
	    							<Image src="file://{images}/custom_game/hud/icon_stat_power.png" style="margin-top: 4px; margin-bottom: 4px;" class="square panel-right"/>
	    						</Panel>
	    						<Panel id="PlayerInfoStatsHaste" class="fill-height even-space-horiz flow-right margin-4">
	    							<Label id="PlayerInfoStatsHasteLabel" style="color: #5e78fe; font-size: 18px; text-align: center;" text="999" class="panel-center"/>
	    							<Image src="file://{images}/custom_game/hud/icon_stat_haste.png" style="margin-top: 4px; margin-bottom: 4px;" class="square panel-right"/>
	    						</Panel>
    							<Panel id="PlayerInfoStatsMovespeed" class="fill-height even-space-horiz flow-right margin-4">
	    							<Label id="PlayerInfoStatsMovespeedLabel" style="color: #FFFFFF; font-size: 18px; text-align: center;" text="999" class="panel-center"/>
	    							<Image src="file://{images}/custom_game/hud/icon_stat_movespeed.png" style="margin-top: 4px; margin-bottom: 4px;" class="square panel-right"/>
	    						</Panel>
	    					</Panel>
	    					<Panel id="PlayerInfoStatsBottomRow" class="fill flow-right even-space-vertical">
	    						<Panel id="PlayerInfoStatsAttackDamage" class="fill-height even-space-horiz flow-right margin-4">
	    							<Label id="PlayerInfoStatsAttackDamageLabel" style="color: #07ff00; font-size: 18px; text-align: center;" text="999" class="panel-center"/>
	    							<Image src="file://{images}/custom_game/hud/icon_stat_attack.png" style="margin-top: 4px; margin-bottom: 4px;" class="square panel-right"/>
	    						</Panel>
	    						<Panel id="PlayerInfoStatsArmour" class="fill-height even-space-horiz flow-right margin-4">
	    							<Label id="PlayerInfoStatsArmourLabel" style="color: #d68200; font-size: 18px; text-align: center;" text="999" class="panel-center"/>
	    							<Image src="file://{images}/custom_game/hud/icon_stat_armour.png" style="margin-top: 4px; margin-bottom: 4px;" class="square panel-right"/>
	    						</Panel>
	    						<Panel id="PlayerInfoStatsMagicResistance" class="fill-height even-space-horiz flow-right margin-4">
	    							<Label id="PlayerInfoStatsMagicResistanceLabel" style="color: #d100c5; font-size: 18px; text-align: center;" text="999" class="panel-center"/>
	    							<Image src="file://{images}/custom_game/hud/icon_stat_mresist.png" style="margin-top: 4px; margin-bottom: 4px;" class="square panel-right"/>
	    						</Panel>
	    					</Panel>
	    				</Panel>
	    			</Panel>
	    		</Panel>
	    		<Panel id="PlayerInfoExtended" class="panel-bottom flow-down">
	    			<Panel id="PlayerInfoExtendedTopPanel" class="flow-right fill-height">
	    				<Image src="file://{images}/custom_game/hud/vis.png" style="width: height-percentage(100%);" class="margin-4"/>
	    				<Label id="PlayerInfoExtendedVis" text="Vis: " style="color: #ffffaa; font-size: 20px;" class="panel-center-vertical"/>
	    			</Panel>
	    			<Panel id="PlayerInfoExtendedBottomPanel" class="fill flow-down">
	    				<Label id="PlayerInfoExpLabel" style="color: #ffff55;" class="panel-center" text="Exp: "/>
	    				<Panel id="PlayerInfoExp" class="fill">
	    					<Panel id="PlayerInfoExpBar" class="fill"/>
	    				</Panel>
	    			</Panel>
	    		</Panel>
	    	</Panel>
	    </Panel>
    </Panel>
</root>