<?xml version="1.0" encoding="UTF-8"?>
<Context Font="TwCenMT16" FontStyle="Base">
<!-- The Civilisation instance - icon plus list of units -->
<Instance Name="CivInstance">
<Box ID="CivRoot" Anchor="L,T" Size="424,64" Color="0,0,0,255" >
<Image ID="CivIconBG" Size="64,64" Anchor="L,T" TextureOffset="77,0" Texture="CivIconBGSizes.dds">
<Image ID="CivIconShadow" Size="48,48" Anchor="C,C" Texture="CivSymbolAtlas48.dds" Color="Black,128"/>
<Image ID="CivIcon" Size="48,48" Offset="-1,-1" Anchor="C,C" Texture="CivSymbolsColor512.dds" />
</Image>
<!-- Scroll panels within scroll panels fundamentally don't work -->
<!-- Normal controls (text, images, boxes, etc) within a scroll panel are cropped to fit, but -->
<!-- if ANY part of a scroll panel is visible the entire panel is shown -->
<!-- which causes the inner panel to "bleed" outside the limits of the containing panel -->
<ScrollPanel Anchor="L,T" ID="UnitPanel" Vertical="0" Offset="64,0" Size="360,64" AutoScrollBar="1">
<UpButton Anchor="L,B" Offset="0,0" Style="ScrollBarLeft"/>
<ScrollBar Anchor="L,B" Offset="18,0" Length="324" Style="ScrollBar"/>
<!-- We cannot do the usual R,B alignment here as the RB corner is not always in view in the scroll panel-->
<DownButton Anchor="L,B" Offset="342,0" Style="ScrollBarRight"/>
<Stack ID="UnitStack" Anchor="L,T" Padding="0" StackGrowth="Right"/>
</ScrollPanel>
</Box>
</Instance>
<!-- The Unit instance - just the icon, we'll add a tooltip via Lua -->
<Instance Name="UnitInstance">
<Box ID="UnitRoot" Anchor="L,T" Size="45,45" Color="Black,255" >
<Image ID="UnitIcon" Anchor="C,C" Size="45,45"/>
</Box>
</Instance>
<!-- The main bounding box and scroll panel -->
<Box Size="468,580" Anchor="C,C" Offset="0,0" Color="White,255">
<Box Size="464,576" Anchor="C,C" Offset="0,0" Color="Black,255">
<ScrollPanel Anchor="L,T" ID="CivPanel" Vertical="1" Size="464,576" AutoScrollBar="1">
<UpButton Anchor="R,T" Offset="2,2" Style="ScrollBarUp"/>
<ScrollBar Anchor="R,T" Offset="2,20" Length="536" Style="VertSlider"/>
<DownButton Anchor="R,B" Offset="2,2" Style="ScrollBarDown"/>
<Stack ID="CivStack" StackGrowth="B" Offset="0,0" Padding="0" />
</ScrollPanel>
</Box>
</Box>
</Context>