Commented out most of old styles.xml and changed references to new styles, outlined tabs in summary, fixed chat color in multiplayer setup

This was SVN commit r10130.
This commit is contained in:
WhiteTreePaladin 2011-08-28 21:32:35 +00:00
parent 769a927446
commit ded514644e
10 changed files with 480 additions and 442 deletions

View File

@ -4,10 +4,6 @@
<!--
==========================================
MENU TEXT STYLES
@ -98,6 +94,14 @@
text_valign="center"
/>
<style name="ChatText"
font="serif-9"
textcolor="white"
text_align="left"
text_valign="top"
/>

View File

@ -27,7 +27,7 @@
==========================================
-->
<style name="thinWheatWindow"
<!-- <style name="thinWheatWindow"
sprite="thinWheatWindowSand"
buffer_zone="10"
text_align="left"
@ -54,7 +54,7 @@
sprite="wheatWindowTitle"
text_align="center"
text_valign="center"
/>
/>-->
<!--
==========================================
@ -62,7 +62,7 @@
==========================================
-->
<style name="skin*Hele*Window"
<!-- <style name="skin*Hele*Window"
sprite="bkGraniteBorderBlack"
buffer_zone="10"
text_align="left"
@ -83,7 +83,7 @@
sprite_pressed="wheatButtonOver"
text_align="center"
text_valign="center"
/>
/>-->
<!--
==========================================
@ -91,7 +91,7 @@
==========================================
-->
<style name="wheatButton"
<!-- <style name="wheatButton"
sprite="wheatButton"
sprite_disabled="wheatButtonDisabled"
sprite_over="wheatButtonOver"
@ -186,7 +186,7 @@
textcolor_selected="white"
text_align="left"
text_valign="center"
/>
/>-->
<!--
This control is new, so here's a summary:
@ -207,7 +207,7 @@
* textcolor_selected=text color hobered item
-->
<style name="wheatDropDown"
<!-- <style name="wheatDropDown"
dropdown_buffer="1"
font="serif-13"
textcolor="black"
@ -229,7 +229,7 @@
scrollbar="true"
scrollbar_style="wheatScrollBar"
/>
/>-->
<!--
==========================================
@ -243,12 +243,12 @@
=============================================================
-->
<style name="wheatTextHeadMaxBlack"
<!-- <style name="wheatTextHeadMaxBlack"
ghost="true"
font="serif-bold-18"
text_align="center"
textcolor="black"
/>
/>-->
<!--
=============================================================
@ -257,11 +257,11 @@
=============================================================
-->
<style name="wheatTextHeadBlack"
<!-- <style name="wheatTextHeadBlack"
ghost="true"
font="serif-16"
textcolor="black"
/>
/>-->
<!--
=============================================================
@ -270,11 +270,11 @@
=============================================================
-->
<style name="wheatTextLabelBlack"
<!-- <style name="wheatTextLabelBlack"
ghost="true"
font="serif-14"
textcolor="black"
/>
/>-->
<!--
=============================================================
@ -283,7 +283,7 @@
=============================================================
-->
<style name="fancyTextHeadGold"
<!-- <style name="fancyTextHeadGold"
ghost="true"
font="serif-16"
textcolor="gold"
@ -293,7 +293,7 @@
ghost="true"
font="serif-14"
textcolor="white"
/>
/>-->
<!--
==========================================
@ -301,7 +301,7 @@
==========================================
-->
<style name="wheatBorderBlack"
<!-- <style name="wheatBorderBlack"
scrollbar_style="wheatScrollBar"
sprite="bkBorderBlack"
sprite_selectarea="bkFillGray"
@ -322,7 +322,7 @@
sprite_selectarea="bkFillGray"
textcolor="black"
textcolor_selected="white"
/>
/>-->
<!--
==========================================
@ -330,12 +330,12 @@
==========================================
-->
<style name="wheatProgressBarBlue"
<!-- <style name="wheatProgressBarBlue"
sprite_background="bkBorderBlack"
sprite_bar="bkBlueBorderBlack"
ghost="true"
tooltip_style="snToolTip"
tooltip="(TBA)"
/>
/>-->
</styles>

View File

@ -1098,7 +1098,7 @@ function addChatMessage(msg)
var message = escapeText(msg.text);
// TODO: Maybe host should have distinct font/color?
var color = "0 0 0";
var color = "white";
if (g_PlayerAssignments[msg.guid] && g_PlayerAssignments[msg.guid].player != 255)
{ // Valid player who has been assigned - get player colour
@ -1116,11 +1116,11 @@ function addChatMessage(msg)
switch (msg.type)
{
case "connect":
formatted = '[font="serif-bold-13"][color="'+ color +'"]' + username + '[/color][/font] [color="64 64 64"]has joined[/color]';
formatted = '[font="serif-bold-13"][color="'+ color +'"]' + username + '[/color][/font] [color="gold"]has joined[/color]';
break;
case "disconnect":
formatted = '[font="serif-bold-13"][color="'+ color +'"]' + username + '[/color][/font] [color="64 64 64"]has left[/color]';
formatted = '[font="serif-bold-13"][color="'+ color +'"]' + username + '[/color][/font] [color="gold"]has left[/color]';
break;
case "message":

View File

@ -11,7 +11,7 @@
<!-- Add a translucent black background to fade out the menu page -->
<object type="image" z="0" sprite="BackgroundBlack"/>
<object type="image" style="StonePanel" size="50%-190 50%-80 50%+190 50%+80" name="loadingWindow">
<object type="image" style="StonePanelLight" size="50%-190 50%-80 50%+190 50%+80" name="loadingWindow">
<object type="text" style="StoneDialogTitleBar" size="50%-128 0%-16 50%+128 16">
Loading

View File

@ -2,7 +2,7 @@
<styles>
<style name="indentedPanel"
<!-- <style name="indentedPanel"
buffer_zone="5"
font="serif-14"
sprite="wheatIndentFillLight"
@ -10,16 +10,16 @@
textcolor_selected="white"
text_align="left"
text_valign="center"
/>
/>-->
<style name="chatPanel"
buffer_zone="5"
font="serif-13"
scrollbar="true"
scrollbar_style="wheatScrollBar"
scrollbar_style="StoneScrollBar"
scroll_bottom="true"
textcolor="black"
textcolor_selected="white"
textcolor="white"
textcolor_selected="gold"
text_align="left"
text_valign="center"
/>

View File

@ -11,7 +11,7 @@
==========================================
-->
<object type="image" sprite="bkFillBlack"/>
<object type="image" sprite="BackgroundBlack"/>
<object name="pg">
@ -84,11 +84,11 @@
You can automatically send us anonymous feedback that will help us fix bugs, and improve performance and compatibility.
</object>
<object type="button" style="wheatButton" size="4 100%-36 150 100%-4">
[font="serif-bold-16"]Enable feedback
<object type="button" style="StoneButton" size="8 100%-36 146 100%-8">
Enable feedback
<action on="Press">Engine.SetUserReportEnabled(true);</action>
</object>
<object type="button" style="wheatButton" size="100%-150 100%-36 100%-4 100%-4">
<object type="button" style="StoneButton" size="100%-146 100%-36 100%-8 100%-8">
Technical details
<action on="Press">Engine.PushGuiPage("page_manual.xml", { "page": "userreport" });</action>
</object>
@ -125,22 +125,22 @@ Status: $status.
name="userReportMessageInput"
size="4 130 100%-4 200"
type="input"
style="wheatInput"
style="StoneInput"
multiline="true"
scrollbar="true"
scrollbar_style="wheatScrollBar"
scrollbar_style="StoneScrollBar"
/>
<object size="100%-124 204 100%-4 236" type="button" style="wheatButton">
<object size="100%-124 204 100%-4 232" type="button" style="StoneButton">
Send Message
<action on="Press">submitUserReportMessage();</action>
</object>
<object type="button" style="wheatButton" size="4 100%-36 150 100%-4">
<object type="button" style="StoneButton" size="8 100%-36 146 100%-8">
Disable feedback
<action on="Press">Engine.SetUserReportEnabled(false);</action>
</object>
<object type="button" style="wheatButton" size="100%-150 100%-36 100%-4 100%-4">
<object type="button" style="StoneButton" size="100%-146 100%-36 100%-8 100%-8">
Technical details
<action on="Press">Engine.PushGuiPage("page_manual.xml", { "page": "userreport" });</action>
</object>
@ -299,7 +299,7 @@ Status: $status.
<!-- PRE-RELEASE WARNING -->
<object
style="fancyTextHeadWhite"
font="serif-14"
type="text"
textcolor="white"
size="8 8 100%-8 100%-36"

View File

@ -96,7 +96,7 @@
</action>
<object size="0 0 100%-18 16" type="text" style="devCommandsText">Control all units</object>
<object size="100%-16 0 100% 16" type="checkbox" name="devControlAll" style="wheatCrossBox">
<object size="100%-16 0 100% 16" type="checkbox" name="devControlAll" style="StoneCrossBox">
<action on="Press">
g_DevSettings.controlAll = this.checked;
Engine.PostNetworkCommand( {"type": "control-all", "flag": this.checked} );
@ -104,45 +104,45 @@
</object>
<object size="0 16 100%-18 32" type="text" style="devCommandsText">Display selection state</object>
<object size="100%-16 16 100% 32" type="checkbox" name="devDisplayState" style="wheatCrossBox"/>
<object size="100%-16 16 100% 32" type="checkbox" name="devDisplayState" style="StoneCrossBox"/>
<object size="0 32 100%-18 48" type="text" style="devCommandsText">Pathfinder overlay</object>
<object size="100%-16 32 100% 48" type="checkbox" style="wheatCrossBox">
<object size="100%-16 32 100% 48" type="checkbox" style="StoneCrossBox">
<action on="Press">Engine.GuiInterfaceCall("SetPathfinderDebugOverlay", this.checked);</action>
</object>
<object size="0 48 100%-18 64" type="text" style="devCommandsText">Obstruction overlay</object>
<object size="100%-16 48 100% 64" type="checkbox" style="wheatCrossBox">
<object size="100%-16 48 100% 64" type="checkbox" style="StoneCrossBox">
<action on="Press">Engine.GuiInterfaceCall("SetObstructionDebugOverlay", this.checked);</action>
</object>
<object size="0 64 100%-18 80" type="text" style="devCommandsText">Unit motion overlay</object>
<object size="100%-16 64 100% 80" type="checkbox" style="wheatCrossBox">
<object size="100%-16 64 100% 80" type="checkbox" style="StoneCrossBox">
<action on="Press">g_Selection.SetMotionDebugOverlay(this.checked);</action>
</object>
<object size="0 80 100%-18 96" type="text" style="devCommandsText">Range overlay</object>
<object size="100%-16 80 100% 96" type="checkbox" style="wheatCrossBox">
<object size="100%-16 80 100% 96" type="checkbox" style="StoneCrossBox">
<action on="Press">Engine.GuiInterfaceCall("SetRangeDebugOverlay", this.checked);</action>
</object>
<object size="0 96 100%-18 112" type="text" style="devCommandsText">Restrict camera</object>
<object size="100%-16 96 100% 112" type="checkbox" style="wheatCrossBox" checked="true">
<object size="100%-16 96 100% 112" type="checkbox" style="StoneCrossBox" checked="true">
<action on="Press">gameView.constrainCamera = this.checked;</action>
</object>
<object size="0 112 100%-18 128" type="text" style="devCommandsText">Reveal map</object>
<object name="devCommandsRevealMap" size="100%-16 112 100% 128" type="checkbox" style="wheatCrossBox">
<object name="devCommandsRevealMap" size="100%-16 112 100% 128" type="checkbox" style="StoneCrossBox">
<action on="Press">Engine.PostNetworkCommand({"type": "reveal-map", "enable": this.checked});</action>
</object>
<object size="0 128 100%-18 144" type="text" style="devCommandsText">Enable time warp</object>
<object size="100%-16 128 100% 144" type="checkbox" name="devTimeWarp" style="wheatCrossBox">
<object size="100%-16 128 100% 144" type="checkbox" name="devTimeWarp" style="StoneCrossBox">
<action on="Press">Engine.EnableTimeWarpRecording(this.checked ? 10 : 0);</action>
</object>
<object size="0 144 100%-18 160" type="text" style="devCommandsText">Promote selected units</object>
<object size="100%-16 144 100% 160" type="button" style="wheatCrossBox">
<object size="100%-16 144 100% 160" type="button" style="StoneCrossBox">
<action on="Press">Engine.PostNetworkCommand({"type": "promote", "entities": g_Selection.toList()});</action>
</object>
</object>
@ -291,34 +291,34 @@
>
<!-- Settings / shadows -->
<object size="0 10 100%-80 35" type="text" style="RightLabelText" ghost="true">Enable Shadows</object>
<object name="shadowsCheckbox" size="100%-56 15 100%-30 40" type="checkbox" style="wheatCrossBox" checked="true">
<object name="shadowsCheckbox" size="100%-56 15 100%-30 40" type="checkbox" style="StoneCrossBox" checked="true">
<action on="Load">if (renderer.shadows) this.checked = true; else this.checked = false;</action>
<action on="Press">renderer.shadows = this.checked;</action>
</object>
<!-- Settings / Shadow PCF -->
<object size="0 35 100%-80 60" type="text" style="RightLabelText" ghost="true">Enable Shadow Filtering</object>
<object name="shadowPCFCheckbox" size="100%-56 40 100%-30 65" type="checkbox" style="wheatCrossBox" checked="true">
<object name="shadowPCFCheckbox" size="100%-56 40 100%-30 65" type="checkbox" style="StoneCrossBox" checked="true">
<action on="Load">if (renderer.shadowPCF) this.checked = true; else this.checked = false;</action>
<action on="Press">renderer.shadowPCF = this.checked;</action>
</object>
<!-- Settings / Water -->
<object size="0 60 100%-80 85" type="text" style="RightLabelText" ghost="true">Enable Water Reflections</object>
<object name="fancyWaterCheckbox" size="100%-56 65 100%-30 90" type="checkbox" style="wheatCrossBox" checked="true">
<object name="fancyWaterCheckbox" size="100%-56 65 100%-30 90" type="checkbox" style="StoneCrossBox" checked="true">
<action on="Load">if (renderer.fancyWater) this.checked = true; else this.checked = false;</action>
<action on="Press">renderer.fancyWater = this.checked;</action>
</object>
<!-- Settings / Music-->
<object size="0 85 100%-80 110" type="text" style="RightLabelText" ghost="true">Enable Music</object>
<object size="100%-56 90 100%-30 115" type="checkbox" style="wheatCrossBox" checked="true">
<object size="100%-56 90 100%-30 115" type="checkbox" style="StoneCrossBox" checked="true">
<action on="Press">if (this.checked) startMusic(); else stopMusic();</action>
</object>
<!-- Settings / Dev Overlay -->
<object size="0 110 100%-80 135" type="text" style="RightLabelText" ghost="true">Developer Overlay</object>
<object size="100%-56 115 100%-30 140" type="checkbox" style="wheatCrossBox" checked="false">
<object size="100%-56 115 100%-30 140" type="checkbox" style="StoneCrossBox" checked="false">
<action on="Press">toggleDeveloperOverlay();</action>
</object>
</object>

View File

@ -1,11 +1,28 @@
<?xml version="1.0" encoding="utf-8"?>
<sprites>
<sprite name="bgInfoHeading">
<image backcolor="255 255 255 30" size="0 0 100% 100%" />
<sprite name="TabSpacer">
<image backcolor="gold" size="0 0 100% 100%"/>
</sprite>
<sprite name="bgInfoBox">
<image backcolor="50 35 0 100" size="0 0 100% 100%" />
<sprite name="ForegroundTab">
<image backcolor="255 255 255 40" size="0 0 100% 100%"/>
<image backcolor="gold" size="0 0 2 100%"/>
<image backcolor="gold" size="2 0 100%-2 2"/>
<image backcolor="gold" size="100%-2 0 100% 100%"/>
</sprite>
<sprite name="BackgroundTab">
<image backcolor="50 35 0 120" size="0 0 100% 100%"/>
<image backcolor="gold" size="0 0 1 100%"/>
<image backcolor="gold" size="1 0 100%-1 1"/>
<image backcolor="gold" size="100%-1 0 100% 100%"/>
</sprite>
<sprite name="ForegroundBody">
<image backcolor="255 255 255 40" size="0 0 100% 100%"/>
<image backcolor="gold" size="0 0 2 100%"/>
<image backcolor="gold" size="2 100%-2 100%-2 100%"/>
<image backcolor="gold" size="100%-2 0 100% 100%"/>
</sprite>
</sprites>

View File

@ -27,16 +27,25 @@ function selectPanel(panelNumber)
if (i != panelNumber)
{
getGUIObjectByName(panelNames[i]).hidden = true;
getGUIObjectByName(panelButtonNames[i]).sprite = "bgInfoHeading";
getGUIObjectByName(panelButtonNames[i]).sprite = "BackgroundTab";
}
else
{
getGUIObjectByName(panelNames[i]).hidden = false;
getGUIObjectByName(panelButtonNames[i]).sprite = "bgInfoBox";
getGUIObjectByName(panelButtonNames[i]).sprite = "ForegroundTab";
adjustTabDividers(getGUIObjectByName(panelButtonNames[i]).size);
}
}
}
function adjustTabDividers(tabSize)
{
var leftSpacer = getGUIObjectByName("tabDividerLeft");
var rightSpacer = getGUIObjectByName("tabDividerRight");
leftSpacer.size = "20 " + leftSpacer.size.top + " " + (tabSize.left + 2) + " " + leftSpacer.size.bottom;
rightSpacer.size = (tabSize.right - 2) + " " + rightSpacer.size.top + " 100%-20 " + rightSpacer.size.bottom;
}
function init(data)
{
var civData = loadCivData();
@ -45,9 +54,10 @@ function init(data)
getGUIObjectByName("summaryText").caption = data.gameResult;
//Space player boxes
// Space player boxes
var boxSpacing = 32;
for (var i = 0; i < panelNames.length; ++i)
{
for (var j = 0; j < MAX_SLOTS; ++j)
{
var box = getGUIObjectByName("playerBox"+i+"["+j+"]");
@ -57,11 +67,12 @@ function init(data)
boxSize.bottom = j * boxSpacing + h;
box.size = boxSize;
}
}
// TODO set mapPlayers as playerCounters.length
// TODO set maxPlayers as playerCounters.length
var maxPlayers = data.playerStates.length - 1;
// align headers
// Align headers
var left = 50;
var width = 100;
var playerNameHeadingWidth = 200;
@ -73,13 +84,13 @@ function init(data)
getGUIObjectByName("buildingsLostHeading").size = left + " 16 " + (left + width) + " 100%"; left += width;
getGUIObjectByName("enemyBuildingsDestroyedHeading").size = left + " 6 " + (left + width) + " 100%"; left += width;
var left = 50;
left = 50;
getGUIObjectByName("playerName1Heading").size = left + " 26 " + (left + playerNameHeadingWidth) + " 100%"; left += playerNameHeadingWidth;
getGUIObjectByName("civCentresBuiltHeading").size = left + " 16 " + (left + width) + " 100%"; left += width;
getGUIObjectByName("enemyCivCentresDestroyedHeading").size = left + " 6 " + (left + width) + " 100%"; left += width;
getGUIObjectByName("mapExplorationHeading").size = left + " 6 " + (left + width) + " 100%"; left += width;
var left = 50;
left = 50;
getGUIObjectByName("playerName2Heading").size = left + " 26 " + (left + playerNameHeadingWidth) + " 100%"; left += playerNameHeadingWidth;
getGUIObjectByName("foodGatheredHeading").size = left + " 16 " + (left + width) + " 100%"; left += width;
getGUIObjectByName("vegetarianRatioHeading").size = left + " 16 " + (left + width) + " 100%"; left += width;
@ -111,7 +122,6 @@ function init(data)
var playerName = getGUIObjectByName("playerName"+k+"["+i+"]");
playerName.caption = playerState.name;
getGUIObjectByName("civIcon"+k+"["+i+"]").sprite = "stretched:"+civData[playerState.civ].Emblem;
}
@ -135,34 +145,34 @@ function init(data)
// align counters
var left = 240;
var width = 100;
left = 240;
width = 100;
unitsTrained.size = left + " 2 " + (left + width) + " 100%"; left += width;
unitsLost.size = left + " 2 " + (left + width) + " 100%"; left += width;
enemyUnitsKilled.size = left + " 2 " + (left + width) + " 100%"; left += width;
buildingsConstructed.size = left + " 2 " + (left + width) + " 100%"; left += width;
buildingsLost.size = left + " 2 " + (left + width) + " 100%"; left += width;
enemyBuildingsDestroyed.size = left + " 2 " + (left + width) + " 100%"; left += width;
var size = getGUIObjectByName("playerBox0["+i+"]").size;
size = getGUIObjectByName("playerBox0["+i+"]").size;
size.right = left + 10;
getGUIObjectByName("playerBox0["+i+"]").size = size;
var left = 240;
left = 240;
civCentresBuilt.size = left + " 2 " + (left + width) + " 100%"; left += width;
enemyCivCentresDestroyed.size = left + " 2 " + (left + width) + " 100%"; left += width;
mapExploration.size = left + " 2 " + (left + width) + " 100%"; left += width;
var size = getGUIObjectByName("playerBox1["+i+"]").size;
size = getGUIObjectByName("playerBox1["+i+"]").size;
size.right = left + 10;
getGUIObjectByName("playerBox1["+i+"]").size = size;
var left = 240;
left = 240;
foodGathered.size = left + " 2 " + (left + width) + " 100%"; left += width;
vegetarianRatio.size = left + " 2 " + (left + width) + " 100%"; left += width;
woodGathered.size = left + " 2 " + (left + width) + " 100%"; left += width;
metalGathered.size = left + " 2 " + (left + width) + " 100%"; left += width;
stoneGathered.size = left + " 2 " + (left + width) + " 100%"; left += width;
treasuresCollected.size = left + " 2 " + (left + width) + " 100%"; left += width;
var size = getGUIObjectByName("playerBox2["+i+"]").size;
size = getGUIObjectByName("playerBox2["+i+"]").size;
size.right = left + 10;
getGUIObjectByName("playerBox2["+i+"]").size = size;
@ -196,4 +206,6 @@ function init(data)
}
}
}
selectPanel(0);
}

View File

@ -9,7 +9,7 @@
<objects>
<script file="gui/common/functions_civinfo.js"/>
<script file="gui/summary/summary.js"/>
<object type="image" sprite="bkFillBlack">
<object type="image" sprite="BackgroundBlack">
<object type="image"
style="StonePanelLight"
@ -19,7 +19,7 @@
Summary
</object>
<object type="image" sprite="bgInfoHeading" size="16 16 100%-16 46">
<object type="image" sprite="ForegroundBody" size="20 20 100%-20 50">
<object
name="summaryText"
type="text"
@ -39,20 +39,25 @@
/>
</object>
<object name="tabDividerLeft" type="image" sprite="TabSpacer" size="172 100 174 102"/>
<object name="tabDividerRight" type="image" sprite="TabSpacer" size="328 100 330 102"/>
<object name="unitsBuildingsPanelButton" type="button" sprite="bgInfoBox" size="16 75 166 101">
<object name="unitsBuildingsPanelButton" type="button" sprite="ForegroundTab" size="20 75 170 100">
<action on="Press">selectPanel(0);</action>
<object type="text" style="TitleText" ghost="true">Units/buildings</object>
</object>
<object name="conquestPanelButton" type="button" sprite="bgInfoHeading" size="172 75 322 101">
<object name="conquestPanelButton" type="button" sprite="BackgroundTab" size="176 75 326 100">
<action on="Press">selectPanel(1);</action>
<object type="text" style="TitleText" ghost="true">Conquest</object>
</object>
<object name="resourcesPanelButton" type="button" sprite="bgInfoHeading" size="328 75 476 101">
<object name="resourcesPanelButton" type="button" sprite="BackgroundTab" size="332 75 480 100">
<action on="Press">selectPanel(2);</action>
<object type="text" style="TitleText" ghost="true">Resources</object>
</object>
<object name="unitsBuildingsPanel" type="image" sprite="bgInfoBox" size="16 100 100%-16 100%-16">
<object name="unitsBuildingsPanel" type="image" sprite="ForegroundBody" size="20 100 100%-20 100%-48">
<object size="0 0 100% 100%-50">
<object name="playerName0Heading" type="text" style="LeftTabLabelText">
@ -96,7 +101,7 @@
</object>
</object>
<object name="conquestPanel" type="image" sprite="bgInfoBox" size="16 100 100%-16 100%-16" hidden="true">
<object name="conquestPanel" type="image" sprite="ForegroundBody" size="20 100 100%-20 100%-48" hidden="true">
<object size="0 0 100% 100%-50">
<object name="playerName1Heading" type="text" style="LeftTabLabelText">
@ -127,7 +132,7 @@
</object>
</object>
<object name="resourcesPanel" type="image" sprite="bgInfoBox" size="16 100 100%-16 100%-16" hidden="true">
<object name="resourcesPanel" type="image" sprite="ForegroundBody" size="20 100 100%-20 100%-48" hidden="true">
<object size="0 0 100% 100%-50">
<object name="playerName2Heading" type="text" style="LeftTabLabelText">