1
0
forked from 0ad/0ad

Update styles to match mockup better

This was SVN commit r10085.
This commit is contained in:
WhiteTreePaladin 2011-08-24 04:16:37 +00:00
parent 37dad6eb62
commit 8a4443e4c7
13 changed files with 231 additions and 44 deletions

View File

@ -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"

View File

@ -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"
/>

View File

@ -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();

View File

@ -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"/>

View File

@ -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"

View File

@ -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>

View File

@ -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);

View File

@ -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"
>

View File

@ -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>

View File

@ -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">