Extend playerbox theming.

New theme options:
    offsetX - offset for player by x. Default -16
    offsetY - offset for player by y. Default -32
    frameSize - frame size. Default 2

3 files changed, 55 insertions, 43 deletions

diff --git a/data/graphics/gui/charcreate_playerbox.xml b/data/graphics/gui/charcreate_playerbox.xml
index 7a8b829f8..72ed13a7c 100644
--- a/data/graphics/gui/charcreate_playerbox.xml
+++ b/data/graphics/gui/charcreate_playerbox.xml
@@ -1,18 +1,22 @@
 <skinset name="Default" image="window.png">
-	<widget type="Window" xpos="75" ypos="186">
-		<!-- Top Row -->
-		<part type="top-left-corner" xpos="0" ypos="0" width="4" height="4" />
-		<part type="top-edge" xpos="3" ypos="0" width="26" height="4" />
-		<part type="top-right-corner" xpos="28" ypos="0" width="4" height="4" />
+    <widget type="Window" xpos="75" ypos="186">
+        <option name="offsetX" value="-16" />
+        <option name="offsetY" value="-32" />
+        <option name="frameSize" value="2" />
 
-		<!-- Middle Row -->
-		<part type="left-edge" xpos="0" ypos="3" width="4" height="26" />
-		<part type="bg-quad" xpos="3" ypos="3" width="26" height="26" />
-		<part type="right-edge" xpos="28" ypos="3" width="4" height="26" />
+        <!-- Top Row -->
+        <part type="top-left-corner" xpos="0" ypos="0" width="4" height="4" />
+        <part type="top-edge" xpos="3" ypos="0" width="26" height="4" />
+        <part type="top-right-corner" xpos="28" ypos="0" width="4" height="4" />
 
-		<!-- Bottom Row -->
-		<part type="bottom-left-corner" xpos="0" ypos="28" width="4" height="4" />
-		<part type="bottom-edge" xpos="3" ypos="28" width="26" height="4" />
-		<part type="bottom-right-corner" xpos="28" ypos="28" width="4" height="4" />
-	</widget>
+        <!-- Middle Row -->
+        <part type="left-edge" xpos="0" ypos="3" width="4" height="26" />
+        <part type="bg-quad" xpos="3" ypos="3" width="26" height="26" />
+        <part type="right-edge" xpos="28" ypos="3" width="4" height="26" />
+
+        <!-- Bottom Row -->
+        <part type="bottom-left-corner" xpos="0" ypos="28" width="4" height="4" />
+        <part type="bottom-edge" xpos="3" ypos="28" width="26" height="4" />
+        <part type="bottom-right-corner" xpos="28" ypos="28" width="4" height="4" />
+    </widget>
 </skinset>
diff --git a/data/graphics/gui/equipment_playerbox.xml b/data/graphics/gui/equipment_playerbox.xml
index 7a8b829f8..72ed13a7c 100644
--- a/data/graphics/gui/equipment_playerbox.xml
+++ b/data/graphics/gui/equipment_playerbox.xml
@@ -1,18 +1,22 @@
 <skinset name="Default" image="window.png">
-	<widget type="Window" xpos="75" ypos="186">
-		<!-- Top Row -->
-		<part type="top-left-corner" xpos="0" ypos="0" width="4" height="4" />
-		<part type="top-edge" xpos="3" ypos="0" width="26" height="4" />
-		<part type="top-right-corner" xpos="28" ypos="0" width="4" height="4" />
+    <widget type="Window" xpos="75" ypos="186">
+        <option name="offsetX" value="-16" />
+        <option name="offsetY" value="-32" />
+        <option name="frameSize" value="2" />
 
-		<!-- Middle Row -->
-		<part type="left-edge" xpos="0" ypos="3" width="4" height="26" />
-		<part type="bg-quad" xpos="3" ypos="3" width="26" height="26" />
-		<part type="right-edge" xpos="28" ypos="3" width="4" height="26" />
+        <!-- Top Row -->
+        <part type="top-left-corner" xpos="0" ypos="0" width="4" height="4" />
+        <part type="top-edge" xpos="3" ypos="0" width="26" height="4" />
+        <part type="top-right-corner" xpos="28" ypos="0" width="4" height="4" />
 
-		<!-- Bottom Row -->
-		<part type="bottom-left-corner" xpos="0" ypos="28" width="4" height="4" />
-		<part type="bottom-edge" xpos="3" ypos="28" width="26" height="4" />
-		<part type="bottom-right-corner" xpos="28" ypos="28" width="4" height="4" />
-	</widget>
+        <!-- Middle Row -->
+        <part type="left-edge" xpos="0" ypos="3" width="4" height="26" />
+        <part type="bg-quad" xpos="3" ypos="3" width="26" height="26" />
+        <part type="right-edge" xpos="28" ypos="3" width="4" height="26" />
+
+        <!-- Bottom Row -->
+        <part type="bottom-left-corner" xpos="0" ypos="28" width="4" height="4" />
+        <part type="bottom-edge" xpos="3" ypos="28" width="26" height="4" />
+        <part type="bottom-right-corner" xpos="28" ypos="28" width="4" height="4" />
+    </widget>
 </skinset>
diff --git a/data/graphics/gui/playerbox.xml b/data/graphics/gui/playerbox.xml
index 5fc994df5..7e8a91482 100644
--- a/data/graphics/gui/playerbox.xml
+++ b/data/graphics/gui/playerbox.xml
@@ -1,19 +1,23 @@
 <skinset name="Default" image="window.png">
-	<widget type="Window" xpos="41" ypos="186">
-		<option name="drawbackground" value="1" />
-		<!-- Top Row -->
-		<part type="top-left-corner" xpos="0" ypos="0" width="4" height="4" />
-		<part type="top-edge" xpos="3" ypos="0" width="26" height="4" />
-		<part type="top-right-corner" xpos="28" ypos="0" width="4" height="4" />
+    <widget type="Window" xpos="41" ypos="186">
+        <option name="drawbackground" value="1" />
+        <option name="offsetX" value="-16" />
+        <option name="offsetY" value="-32" />
+        <option name="frameSize" value="2" />
 
-		<!-- Middle Row -->
-		<part type="left-edge" xpos="0" ypos="3" width="4" height="26" />
-		<part type="bg-quad" xpos="3" ypos="3" width="26" height="26" />
-		<part type="right-edge" xpos="28" ypos="3" width="4" height="26" />
+        <!-- Top Row -->
+        <part type="top-left-corner" xpos="0" ypos="0" width="4" height="4" />
+        <part type="top-edge" xpos="3" ypos="0" width="26" height="4" />
+        <part type="top-right-corner" xpos="28" ypos="0" width="4" height="4" />
 
-		<!-- Bottom Row -->
-		<part type="bottom-left-corner" xpos="0" ypos="28" width="4" height="4" />
-		<part type="bottom-edge" xpos="3" ypos="28" width="26" height="4" />
-		<part type="bottom-right-corner" xpos="28" ypos="28" width="4" height="4" />
-	</widget>
+        <!-- Middle Row -->
+        <part type="left-edge" xpos="0" ypos="3" width="4" height="26" />
+        <part type="bg-quad" xpos="3" ypos="3" width="26" height="26" />
+        <part type="right-edge" xpos="28" ypos="3" width="4" height="26" />
+
+        <!-- Bottom Row -->
+        <part type="bottom-left-corner" xpos="0" ypos="28" width="4" height="4" />
+        <part type="bottom-edge" xpos="3" ypos="28" width="26" height="4" />
+        <part type="bottom-right-corner" xpos="28" ypos="28" width="4" height="4" />
+    </widget>
 </skinset>