Update styles to match mockup better
This was SVN commit r10085.
This commit is contained in:
parent
37dad6eb62
commit
8a4443e4c7
BIN
binaries/data/mods/public/art/textures/ui/pregame/shading/menu_panel_background_shading.png
(Stored with Git LFS)
BIN
binaries/data/mods/public/art/textures/ui/pregame/shading/menu_panel_background_shading.png
(Stored with Git LFS)
Binary file not shown.
BIN
binaries/data/mods/public/art/textures/ui/pregame/shell/logo/wfg_logo_white.png
(Stored with Git LFS)
BIN
binaries/data/mods/public/art/textures/ui/pregame/shell/logo/wfg_logo_white.png
(Stored with Git LFS)
Binary file not shown.
@ -11,14 +11,27 @@
|
||||
<sprite name="productLogo">
|
||||
<image texture="pregame/shell/logo/0ad_logo.png"
|
||||
real_texture_placement="0 0 256 128"
|
||||
size="0 0 100% 100%"
|
||||
size="0 -5% 100% 105%"
|
||||
/>
|
||||
</sprite>
|
||||
|
||||
<sprite name="companyLogo">
|
||||
<image texture="pregame/shell/logo/wfg_logo_white.png"
|
||||
real_texture_placement="0 0 48 48"
|
||||
size="0 0 100% 100%"
|
||||
real_texture_placement="0 0 32 32"
|
||||
/>
|
||||
</sprite>
|
||||
|
||||
<!--
|
||||
==========================================
|
||||
SHADING
|
||||
==========================================
|
||||
-->
|
||||
|
||||
<!-- gradient -->
|
||||
<sprite name="BackgroundShading">
|
||||
<image
|
||||
texture="global/shading/gradient_wide.png"
|
||||
size="0 0 100% 100%"
|
||||
/>
|
||||
</sprite>
|
||||
|
||||
@ -137,10 +150,81 @@
|
||||
/>
|
||||
</sprite>
|
||||
|
||||
|
||||
<!-- MainMenuPanel -->
|
||||
<sprite name="MainMenuPanel">
|
||||
<image texture="global/tile/stone_background.png"
|
||||
real_texture_placement="24 0 288 312"
|
||||
texture_size="0 0 224 256"
|
||||
/>
|
||||
|
||||
<!-- sides -->
|
||||
<image backcolor="230 190 80"
|
||||
size="2 0 100%-2 2"
|
||||
/>
|
||||
<image backcolor="230 190 80"
|
||||
size="100%-2 0 100% 100%"
|
||||
/>
|
||||
<image backcolor="230 190 80"
|
||||
size="2 100%-2 100%-2 100%"
|
||||
/>
|
||||
<image backcolor="230 190 80"
|
||||
size="0 0 2 100%"
|
||||
/>
|
||||
</sprite>
|
||||
|
||||
|
||||
<!-- LargeStonePanelThinBorder -->
|
||||
<sprite name="LargeStonePanelThinBorder">
|
||||
<image texture="global/tile/stone_background.png"
|
||||
real_texture_placement="0 0 312 312"
|
||||
texture_size="0 0 256 256"
|
||||
size="4 4 100%-4 100%-4"
|
||||
/>
|
||||
|
||||
<!-- sides -->
|
||||
<image texture="global/border/line_horiz.png"
|
||||
texture_size="0 0 64 4"
|
||||
size="4 0 100%-4 4"
|
||||
/>
|
||||
<image texture="global/border/line_vert.png"
|
||||
texture_size="0 0 4 64"
|
||||
size="100%-4 4 100% 100%-4"
|
||||
/>
|
||||
<image texture="global/border/line_horiz.png"
|
||||
texture_size="0 0 64 4"
|
||||
size="4 100%-4 100%-4 100%"
|
||||
/>
|
||||
<image texture="global/border/line_vert.png"
|
||||
texture_size="0 0 4 64"
|
||||
size="0 4 4 100%-4"
|
||||
/>
|
||||
|
||||
<!-- corners -->
|
||||
<image
|
||||
texture="global/border/line_corner_top_right.png"
|
||||
texture_size="0 0 4 4"
|
||||
size="100%-4 0 100% 4"
|
||||
/>
|
||||
<image texture="global/border/line_corner_bottom_right.png"
|
||||
texture_size="0 0 4 4"
|
||||
size="100%-4 100%-4 100% 100%"
|
||||
/>
|
||||
<image texture="global/border/line_corner_bottom_left.png"
|
||||
texture_size="0 0 4 4"
|
||||
size="0 100%-4 4 100%"
|
||||
/>
|
||||
<image texture="global/border/line_corner_top_left.png"
|
||||
texture_size="0 0 4 4"
|
||||
size="0 0 4 4"
|
||||
/>
|
||||
</sprite>
|
||||
|
||||
|
||||
<!-- StonePanelThinBorder -->
|
||||
<sprite name="StonePanelThinBorder">
|
||||
<image texture="global/tile/stone_background.png"
|
||||
texture_size="0 0 256 256"
|
||||
texture_size="0 0 512 512"
|
||||
size="4 4 100%-4 100%-4"
|
||||
/>
|
||||
|
||||
@ -186,7 +270,7 @@
|
||||
<sprite name="StonePanel">
|
||||
<!-- background -->
|
||||
<image texture="global/tile/stone_background.png"
|
||||
texture_size="0 0 256 256"
|
||||
texture_size="0 0 512 512"
|
||||
size="4 4 100%-4 100%-4"
|
||||
/>
|
||||
|
||||
@ -227,6 +311,56 @@
|
||||
/>
|
||||
</sprite>
|
||||
|
||||
<!-- StonePanelLight -->
|
||||
<sprite name="StonePanelLight">
|
||||
<!-- background -->
|
||||
<image texture="global/tile/stone_background_light.png"
|
||||
texture_size="0 0 512 512"
|
||||
size="4 4 100%-4 100%-4"
|
||||
/>
|
||||
<!-- shading -->
|
||||
<image
|
||||
texture="global/shading/gradient_wide.png"
|
||||
size="0 0 100% 100%"
|
||||
/>
|
||||
|
||||
<!-- sides -->
|
||||
<image texture="global/border/border-top.png"
|
||||
texture_size="0 0 128 16"
|
||||
size="16 0 100%-16 16"
|
||||
/>
|
||||
<image texture="global/border/border-right.png"
|
||||
texture_size="0 0 16 128"
|
||||
size="100%-16 16 100% 100%-16"
|
||||
/>
|
||||
<image texture="global/border/border-bottom.png"
|
||||
texture_size="0 0 128 16"
|
||||
size="16 100%-16 100%-16 100%"
|
||||
/>
|
||||
<image texture="global/border/border-left.png"
|
||||
texture_size="0 0 16 128"
|
||||
size="0 16 16 100%-16"
|
||||
/>
|
||||
|
||||
<!-- corners -->
|
||||
<image texture="global/border/border-corner.png"
|
||||
texture_size="0 0 16 16"
|
||||
size="100%-16 0 100% 16"
|
||||
/>
|
||||
<image texture="global/border/border-corner.png"
|
||||
texture_size="0 0 16 16"
|
||||
size="100%-16 100%-16 100% 100%"
|
||||
/>
|
||||
<image texture="global/border/border-corner.png"
|
||||
texture_size="0 0 16 16"
|
||||
size="0 100%-16 16 100%"
|
||||
/>
|
||||
<image texture="global/border/border-corner.png"
|
||||
texture_size="0 0 16 16"
|
||||
size="0 0 16 16"
|
||||
/>
|
||||
</sprite>
|
||||
|
||||
<!-- Stone Dialog Title Bar -->
|
||||
<sprite name="StoneDialogTitleBar">
|
||||
<image texture="global/titlebar/titlebar_left.png"
|
||||
|
@ -2,12 +2,39 @@
|
||||
|
||||
<styles>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!--
|
||||
==========================================
|
||||
MENU TEXT STYLES
|
||||
==========================================
|
||||
-->
|
||||
|
||||
<style name="CenteredButtonText"
|
||||
font="serif-bold-stroke-14"
|
||||
textcolor="white"
|
||||
text_align="center"
|
||||
text_valign="center"
|
||||
/>
|
||||
|
||||
<style name="LeftButtonText"
|
||||
font="serif-bold-stroke-14"
|
||||
textcolor="white"
|
||||
text_align="left"
|
||||
text_valign="top"
|
||||
/>
|
||||
|
||||
<style name="RightButtonText"
|
||||
font="serif-bold-stroke-14"
|
||||
textcolor="white"
|
||||
text_align="right"
|
||||
text_valign="top"
|
||||
/>
|
||||
|
||||
<style name="LeftLabelText"
|
||||
font="serif-bold-stroke-14"
|
||||
textcolor="gold"
|
||||
@ -64,6 +91,13 @@
|
||||
text_valign="center"
|
||||
/>
|
||||
|
||||
<style name="SmallTitleText"
|
||||
font="serif-9"
|
||||
textcolor="white"
|
||||
text_align="center"
|
||||
text_valign="center"
|
||||
/>
|
||||
|
||||
<!--
|
||||
==========================================
|
||||
MENU TOOLTIP STYLES
|
||||
@ -85,6 +119,20 @@
|
||||
==========================================
|
||||
-->
|
||||
|
||||
<style name="MainMenuPanel"
|
||||
sprite="MainMenuPanel"
|
||||
buffer_zone="10"
|
||||
text_align="left"
|
||||
text_valign="top"
|
||||
/>
|
||||
|
||||
<style name="LargeStonePanelThinBorder"
|
||||
sprite="LargeStonePanelThinBorder"
|
||||
buffer_zone="10"
|
||||
text_align="left"
|
||||
text_valign="top"
|
||||
/>
|
||||
|
||||
<style name="StonePanelThinBorder"
|
||||
sprite="StonePanelThinBorder"
|
||||
buffer_zone="10"
|
||||
@ -99,6 +147,13 @@
|
||||
text_valign="top"
|
||||
/>
|
||||
|
||||
<style name="StonePanelLight"
|
||||
sprite="StonePanelLight"
|
||||
buffer_zone="10"
|
||||
text_align="left"
|
||||
text_valign="top"
|
||||
/>
|
||||
|
||||
<style name="StoneDialogTitleBar"
|
||||
sprite="StoneDialogTitleBar"
|
||||
buffer_zone="10"
|
||||
@ -120,7 +175,7 @@
|
||||
sprite_over="StoneButtonFancyOver"
|
||||
sprite_pressed="StoneButtonFancyGlow"
|
||||
font="serif-bold-stroke-14"
|
||||
textcolor="gold"
|
||||
textcolor="white"
|
||||
text_align="center"
|
||||
text_valign="center"
|
||||
/>
|
||||
@ -131,7 +186,7 @@
|
||||
sprite_over="StoneButtonOver"
|
||||
sprite_pressed="StoneButtonGlow"
|
||||
font="serif-bold-stroke-14"
|
||||
textcolor="gold"
|
||||
textcolor="white"
|
||||
text_align="center"
|
||||
text_valign="center"
|
||||
/>
|
||||
|
@ -17,13 +17,13 @@
|
||||
Loading
|
||||
</object>
|
||||
|
||||
<object type="text" text_align="center" text_valign="center">
|
||||
<object type="text" style="CenteredLabelText">
|
||||
Loading map data. Please wait...
|
||||
</object>
|
||||
|
||||
</object>
|
||||
|
||||
<object type="image" style="StonePanel" size="0 16 100% 100%" hidden="true" name="setupWindow">
|
||||
<object type="image" style="StonePanelLight" size="0 16 100% 100%" hidden="true" name="setupWindow">
|
||||
|
||||
<action on="Tick">
|
||||
onTick();
|
||||
|
@ -11,7 +11,7 @@
|
||||
<script file="gui/common/functions_utility_error.js"/>
|
||||
|
||||
<!-- LOADING SCREEN BACKGROUND -->
|
||||
<object type="image" sprite="loadingBackground"/>
|
||||
<object type="image" sprite="StonePanelLight"/>
|
||||
|
||||
<object size="50%-400 30 50%+400 150">
|
||||
<object name="loadingMapName" size="0 0 100% 32" type="text" style="loadingPageTitleText"/>
|
||||
|
@ -11,12 +11,6 @@
|
||||
size="0 0 100% 100%"
|
||||
/>
|
||||
|
||||
<!-- gradient -->
|
||||
<image
|
||||
texture="loading/gradient_wide.png"
|
||||
size="0 0 100% 100%"
|
||||
/>
|
||||
|
||||
<!-- sides -->
|
||||
<image
|
||||
texture="global/border/border-top.png"
|
||||
|
@ -4,6 +4,10 @@
|
||||
<include>common/styles.xml</include>
|
||||
<include>common/sprite1.xml</include>
|
||||
<include>common/init.xml</include>
|
||||
|
||||
<include>common/common_sprites.xml</include>
|
||||
<include>common/common_styles.xml</include>
|
||||
|
||||
<include>loading/styles.xml</include>
|
||||
<include>loading/sprites.xml</include>
|
||||
<include>loading/loading.xml</include>
|
||||
|
@ -72,24 +72,24 @@
|
||||
-->
|
||||
<object
|
||||
type="image"
|
||||
style="StonePanelThinBorder"
|
||||
size="50 0 322 100%"
|
||||
style="MainMenuPanel"
|
||||
size="60 -2 300 100%+2"
|
||||
>
|
||||
<object type="image"
|
||||
ghost="true"
|
||||
size="0 0 100% 100%"
|
||||
size="4 0 100%-4 100%"
|
||||
sprite="MainMenuPanelShading"
|
||||
/>
|
||||
|
||||
<object name="productLogo"
|
||||
type="image"
|
||||
ghost="true"
|
||||
size="50%-110 20 50%+110 120"
|
||||
size="50%-110 30 50%+110 130"
|
||||
sprite="productLogo"
|
||||
/>
|
||||
|
||||
<object
|
||||
size="4 2%+120 100%-4 2%+320"
|
||||
size="8 156 100%-8 356"
|
||||
>
|
||||
<object name="menuLearnToPlayButton"
|
||||
type="button"
|
||||
@ -210,7 +210,7 @@
|
||||
</object>
|
||||
|
||||
<!-- PRE-RELEASE INFO -->
|
||||
<object size="4 50%+30 100%-4 50%+240"
|
||||
<object size="8 50%+10 100%-8 50%+260"
|
||||
type="image"
|
||||
style="stoneTooltip"
|
||||
>
|
||||
@ -257,30 +257,30 @@ Watch for updates or get involved: wildfiregames.com/0ad
|
||||
|
||||
<!-- LOGO AND BUILD VERSION -->
|
||||
<object
|
||||
size="4 100%-128 100%-4 100%-56"
|
||||
size="4 100%-84 100%-4 100%-56"
|
||||
>
|
||||
<!-- COMPANY LOGO -->
|
||||
<object name="companyLogo"
|
||||
type="image"
|
||||
ghost="true"
|
||||
size="50%-24 0 50%+24 48"
|
||||
size="50%-16 0 50%+16 32"
|
||||
sprite="companyLogo"
|
||||
/>
|
||||
|
||||
<!-- COMPANY NAME -->
|
||||
<object
|
||||
type="text"
|
||||
style="TitleText"
|
||||
size="50%-128 52 50%+128 64"
|
||||
style="SmallTitleText"
|
||||
size="50%-128 32 50%+128 48"
|
||||
>WILDFIRE GAMES</object>
|
||||
</object>
|
||||
|
||||
<!-- VERSION -->
|
||||
<object name="versionNumber"
|
||||
style="CenteredLabelText"
|
||||
type="text"
|
||||
type="text"
|
||||
style="SmallTitleText"
|
||||
ghost="true"
|
||||
size="50%-128 100%-56 50%+128 100%"
|
||||
size="50%-128 100%-36 50%+128 100%"
|
||||
>
|
||||
<action on="Load"><![CDATA[
|
||||
this.caption = "Build: " + buildTime(0) + " - " + buildTime(2);
|
||||
|
@ -213,7 +213,7 @@
|
||||
<!-- Session Dialog -->
|
||||
<!-- ================================ ================================ -->
|
||||
<object name="sessionDialog"
|
||||
style="StonePanel"
|
||||
style="StonePanelLight"
|
||||
type="image"
|
||||
size="50%-180 50%-200 50%+180 50%+50"
|
||||
hidden="true"
|
||||
@ -276,7 +276,7 @@
|
||||
size="0 64 100% 96"
|
||||
tooltip_style="sessionToolTip"
|
||||
>
|
||||
<object name="pauseButtonText" type="text" style="CenteredLabelText" ghost="true">Pause</object>
|
||||
<object name="pauseButtonText" type="text" style="CenteredButtonText" ghost="true">Pause</object>
|
||||
<action on="Press">togglePause();</action>
|
||||
</object>
|
||||
|
||||
@ -469,7 +469,7 @@
|
||||
<!-- ================================ ================================ -->
|
||||
<!-- Supplemental Details Panel on Left -->
|
||||
<!-- ================================ ================================ -->
|
||||
<object size="208 100%-170 50%-110 100%" name="supplementalSelectionDetails" type="image" style="StonePanelThinBorder" z="30">
|
||||
<object size="208 100%-170 50%-110 100%" name="supplementalSelectionDetails" type="image" sprite="bottomLeft" z="30">
|
||||
|
||||
<object name="unitFormationPanel"
|
||||
size="24 12 100% 100%"
|
||||
@ -517,7 +517,7 @@
|
||||
<!-- ================================ ================================ -->
|
||||
<object name="selectionDetails"
|
||||
type="image"
|
||||
style="StonePanelThinBorder"
|
||||
sprite="bottomMiddle"
|
||||
size="50%-114 100%-205 50%+114 100%"
|
||||
hidden="false"
|
||||
>
|
||||
@ -648,7 +648,7 @@
|
||||
<!-- ================================ ================================ -->
|
||||
<object name="unitCommands"
|
||||
type="image"
|
||||
style="StonePanelThinBorder"
|
||||
sprite="bottomRight"
|
||||
size="622 100%-170 100% 100%"
|
||||
hidden="false"
|
||||
>
|
||||
|
@ -2,10 +2,10 @@
|
||||
|
||||
<sprites>
|
||||
<sprite name="bgInfoHeading">
|
||||
<image backcolor="0 0 0 150" size="0 0 100% 100%" />
|
||||
<image backcolor="255 255 255 30" size="0 0 100% 100%" />
|
||||
</sprite>
|
||||
|
||||
<sprite name="bgInfoBox">
|
||||
<image backcolor="80 80 60 120" size="0 0 100% 100%" />
|
||||
<image backcolor="255 255 255 50" size="0 0 100% 100%" />
|
||||
</sprite>
|
||||
</sprites>
|
||||
|
@ -12,7 +12,7 @@
|
||||
<object type="image" sprite="bkFillBlack">
|
||||
|
||||
<object type="image"
|
||||
style="StonePanel"
|
||||
style="StonePanelLight"
|
||||
size="25 35 100%-25 100%-25"
|
||||
>
|
||||
<object style="StoneDialogTitleBar" type="text" size="50%-128 0%-16 50%+128 16">
|
||||
@ -52,7 +52,7 @@
|
||||
<action on="Press">selectPanel(2);</action>
|
||||
<object type="text" style="TitleText" ghost="true">Resources</object>
|
||||
</object>
|
||||
<object name="unitsBuildingsPanel" type="image" sprite="bgInfoBox" size="10 100 100%-10 100%-50">
|
||||
<object name="unitsBuildingsPanel" type="image" sprite="bgInfoBox" size="16 100 100%-16 100%-16">
|
||||
|
||||
<object size="0 0 100% 100%-50">
|
||||
<object name="playerName0Heading" type="text" style="LeftTabLabelText">
|
||||
@ -96,7 +96,7 @@
|
||||
</object>
|
||||
|
||||
</object>
|
||||
<object name="conquestPanel" type="image" sprite="bgInfoBox" size="10 100 100%-10 100%-50" hidden="true">
|
||||
<object name="conquestPanel" type="image" sprite="bgInfoBox" size="16 100 100%-16 100%-16" hidden="true">
|
||||
|
||||
<object size="0 0 100% 100%-50">
|
||||
<object name="playerName1Heading" type="text" style="LeftTabLabelText">
|
||||
@ -127,7 +127,7 @@
|
||||
</object>
|
||||
|
||||
</object>
|
||||
<object name="resourcesPanel" type="image" sprite="bgInfoBox" size="10 100 100%-10 100%-50" hidden="true">
|
||||
<object name="resourcesPanel" type="image" sprite="bgInfoBox" size="16 100 100%-16 100%-16" hidden="true">
|
||||
|
||||
<object size="0 0 100% 100%-50">
|
||||
<object name="playerName2Heading" type="text" style="LeftTabLabelText">
|
||||
|
Loading…
Reference in New Issue
Block a user