Add support for draw broders for on screen buttons.

6 files changed, 81 insertions, 14 deletions

diff --git a/data/graphics/gui/dpad.xml b/data/graphics/gui/dpad.xml
index 79ba00907..0cd91ef27 100644
--- a/data/graphics/gui/dpad.xml
+++ b/data/graphics/gui/dpad.xml
@@ -1,9 +1,22 @@
 <skinset name="Default" image="window.png">
-    <widget type="Window">
+    <widget type="Window" xpos="486" ypos="232">
         <option name="padding" value="10" />
         <option name="x" value="0" />
         <option name="y" value="0" />
 
-        <part type="standart" xpos="412" ypos="156" width="100" height="100" />
-    </widget>
+		<!-- Top Row -->
+		<part type="top-left-corner" xpos="0" ypos="0" width="10" height="5" />
+		<part type="top-edge" xpos="9" ypos="0" width="8" height="5" />
+		<part type="top-right-corner" xpos="16" ypos="0" width="10" height="5" />
+
+		<!-- Middle Row -->
+		<part type="left-edge" xpos="0" ypos="4" width="10" height="16" />
+		<part type="bg-quad" xpos="9" ypos="4" width="8" height="16" />
+		<part type="right-edge" xpos="16" ypos="4" width="10" height="16" />
+
+		<!-- Bottom Row -->
+		<part type="bottom-left-corner" xpos="0" ypos="19" width="10" height="5" />
+		<part type="bottom-edge" xpos="9" ypos="19" width="8" height="5" />
+		<part type="bottom-right-corner" xpos="16" ypos="19" width="10" height="5" />
+	</widget>
 </skinset>
diff --git a/data/graphics/gui/dpad_attack.xml b/data/graphics/gui/dpad_attack.xml
index 675014eed..ebf312aca 100644
--- a/data/graphics/gui/dpad_attack.xml
+++ b/data/graphics/gui/dpad_attack.xml
@@ -1,9 +1,22 @@
 <skinset name="Default" image="window.png">
-    <widget type="Window">
+    <widget type="Window" xpos="486" ypos="232">
         <option name="padding" value="20" />
         <option name="x" value="0" />
         <option name="y" value="0" />
 
-        <part type="standart" xpos="452" ypos="96" width="60" height="60" />
-    </widget>
+		<!-- Top Row -->
+		<part type="top-left-corner" xpos="0" ypos="0" width="10" height="5" />
+		<part type="top-edge" xpos="9" ypos="0" width="8" height="5" />
+		<part type="top-right-corner" xpos="16" ypos="0" width="10" height="5" />
+
+		<!-- Middle Row -->
+		<part type="left-edge" xpos="0" ypos="4" width="10" height="16" />
+		<part type="bg-quad" xpos="9" ypos="4" width="8" height="16" />
+		<part type="right-edge" xpos="16" ypos="4" width="10" height="16" />
+
+		<!-- Bottom Row -->
+		<part type="bottom-left-corner" xpos="0" ypos="19" width="10" height="5" />
+		<part type="bottom-edge" xpos="9" ypos="19" width="8" height="5" />
+		<part type="bottom-right-corner" xpos="16" ypos="19" width="10" height="5" />
+	</widget>
 </skinset>
diff --git a/data/graphics/gui/dpad_cancel.xml b/data/graphics/gui/dpad_cancel.xml
index 635d84721..34702c197 100644
--- a/data/graphics/gui/dpad_cancel.xml
+++ b/data/graphics/gui/dpad_cancel.xml
@@ -1,9 +1,22 @@
 <skinset name="Default" image="window.png">
-    <widget type="Window">
+    <widget type="Window" xpos="486" ypos="232">
         <option name="padding" value="20" />
         <option name="x" value="100" />
         <option name="y" value="0" />
 
-        <part type="standart" xpos="452" ypos="96" width="60" height="60" />
-    </widget>
+		<!-- Top Row -->
+		<part type="top-left-corner" xpos="0" ypos="0" width="10" height="5" />
+		<part type="top-edge" xpos="9" ypos="0" width="8" height="5" />
+		<part type="top-right-corner" xpos="16" ypos="0" width="10" height="5" />
+
+		<!-- Middle Row -->
+		<part type="left-edge" xpos="0" ypos="4" width="10" height="16" />
+		<part type="bg-quad" xpos="9" ypos="4" width="8" height="16" />
+		<part type="right-edge" xpos="16" ypos="4" width="10" height="16" />
+
+		<!-- Bottom Row -->
+		<part type="bottom-left-corner" xpos="0" ypos="19" width="10" height="5" />
+		<part type="bottom-edge" xpos="9" ypos="19" width="8" height="5" />
+		<part type="bottom-right-corner" xpos="16" ypos="19" width="10" height="5" />
+	</widget>
 </skinset>
diff --git a/data/graphics/gui/keyboard_icon.xml b/data/graphics/gui/keyboard_icon.xml
index 4b157ef10..4cffb4502 100644
--- a/data/graphics/gui/keyboard_icon.xml
+++ b/data/graphics/gui/keyboard_icon.xml
@@ -1,9 +1,24 @@
 <skinset name="Default" image="window.png">
-    <widget type="Window">
+    <widget type="Window" xpos="169" ypos="220">
         <option name="padding" value="5" />
         <option name="x" value="10" />
         <option name="y" value="10" />
 
-        <part type="standart" xpos="168" ypos="220" width="28" height="28" />
-    </widget>
+<!--        <part type="bg-quad" xpos="168" ypos="220" width="28" height="28" />-->
+
+		<!-- Top Row -->
+		<part type="top-left-corner" xpos="0" ypos="0" width="28" height="28" />
+		<part type="top-edge" xpos="0" ypos="0" width="0" height="0" />
+		<part type="top-right-corner" xpos="0" ypos="0" width="0" height="0" />
+
+		<!-- Middle Row -->
+		<part type="left-edge" xpos="0" ypos="0" width="0" height="0" />
+		<part type="bg-quad" xpos="0" ypos="0" width="0" height="0" />
+		<part type="right-edge" xpos="0" ypos="0" width="0" height="0" />
+
+		<!-- Bottom Row -->
+		<part type="bottom-left-corner" xpos="0" ypos="0" width="0" height="0" />
+		<part type="bottom-edge" xpos="0" ypos="0" width="0" height="0" />
+		<part type="bottom-right-corner" xpos="0" ypos="0" width="0" height="0" />
+	</widget>
 </skinset>
diff --git a/data/graphics/gui/window.png b/data/graphics/gui/window.png
index 15f36d826..08b341ba3 100644
--- a/data/graphics/gui/window.png
+++ b/data/graphics/gui/window.png
diff --git a/data/themes/jewelry/keyboard_icon.xml b/data/themes/jewelry/keyboard_icon.xml
index c31d38c8b..ed5773dda 100644
--- a/data/themes/jewelry/keyboard_icon.xml
+++ b/data/themes/jewelry/keyboard_icon.xml
@@ -1,9 +1,22 @@
 <skinset name="Default" image="window.png">
     <widget type="Window">
-
         <option name="padding" value="6" />
+        <option name="x" value="10" />
+        <option name="y" value="10" />
+
+        <!-- Top Row -->
+        <part type="top-left-corner" xpos="153" ypos="186" width="32" height="32" />
+        <part type="top-edge" xpos="0" ypos="0" width="0" height="0" />
+        <part type="top-right-corner" xpos="0" ypos="0" width="0" height="0" />
 
-        <part type="standart" xpos="153" ypos="186" width="32" height="32" />
+        <!-- Middle Row -->
+        <part type="left-edge" xpos="0" ypos="0" width="0" height="0" />
+        <part type="bg-quad" xpos="0" ypos="0" width="0" height="0" />
+        <part type="right-edge" xpos="0" ypos="0" width="0" height="0" />
 
+        <!-- Bottom Row -->
+        <part type="bottom-left-corner" xpos="0" ypos="0" width="0" height="0" />
+        <part type="bottom-edge" xpos="0" ypos="0" width="0" height="0" />
+        <part type="bottom-right-corner" xpos="0" ypos="0" width="0" height="0" />
     </widget>
 </skinset>