From 317d565133fb2b8a066c0dcdce770ce079a068e8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Lars=20S=C3=B6derberg?= <lazze_1983@hotmail.com>
Date: Sat, 10 Aug 2013 08:15:58 +0200
Subject: [PATCH] Larger area for window corner diagonal arrows

---
 files/mygui/openmw_windows.skin.xml | 408 ++++++++++++++++++++++------
 1 file changed, 327 insertions(+), 81 deletions(-)

diff --git a/files/mygui/openmw_windows.skin.xml b/files/mygui/openmw_windows.skin.xml
index 1220353c5..e8861578f 100644
--- a/files/mygui/openmw_windows.skin.xml
+++ b/files/mygui/openmw_windows.skin.xml
@@ -254,6 +254,63 @@
         </BasisSkin>
     </Skin>
 
+    <!-- Expanded border corners, to get larger diagonal corner pointer area -->
+    <Skin name="TB_TL_T" size="10 4" texture="textures\menu_thick_border_top.dds">
+        <Property key="Pointer" value="dresize" />
+        <BasisSkin type="MainSkin" offset="0 0 10 4">
+            <State name="normal" offset="0 0 10 4"/>
+        </BasisSkin>
+    </Skin>
+
+    <Skin name="TB_TL_B" size="4 10" texture="textures\menu_thick_border_left.dds">
+        <Property key="Pointer" value="dresize" />
+        <BasisSkin type="MainSkin" offset="0 0 4 10">
+            <State name="normal" offset="0 0 4 10"/>
+        </BasisSkin>
+    </Skin>
+
+    <Skin name="TB_TR_T" size="10 4" texture="textures\menu_thick_border_top.dds">
+        <Property key="Pointer" value="dresize2" />
+        <BasisSkin type="MainSkin" offset="0 0 10 4">
+            <State name="normal" offset="0 0 10 4"/>
+        </BasisSkin>
+    </Skin>
+
+    <Skin name="TB_TR_B" size="4 10" texture="textures\menu_thick_border_right.dds">
+        <Property key="Pointer" value="dresize2" />
+        <BasisSkin type="MainSkin" offset="0 0 4 10">
+            <State name="normal" offset="0 0 4 10"/>
+        </BasisSkin>
+    </Skin>
+
+    <Skin name="TB_BL_T" size="4 10" texture="textures\menu_thick_border_left.dds">
+        <Property key="Pointer" value="dresize2" />
+        <BasisSkin type="MainSkin" offset="0 0 4 10">
+            <State name="normal" offset="0 0 4 10"/>
+        </BasisSkin>
+    </Skin>
+
+    <Skin name="TB_BL_B" size="10 4" texture="textures\menu_thick_border_bottom.dds">
+        <Property key="Pointer" value="dresize2" />
+        <BasisSkin type="MainSkin" offset="0 0 10 4">
+            <State name="normal" offset="0 0 10 4"/>
+        </BasisSkin>
+    </Skin>
+
+    <Skin name="TB_BR_T" size="4 10" texture="textures\menu_thick_border_right.dds">
+        <Property key="Pointer" value="dresize" />
+        <BasisSkin type="MainSkin" offset="0 0 4 10">
+            <State name="normal" offset="0 0 4 10"/>
+        </BasisSkin>
+    </Skin>
+
+    <Skin name="TB_BR_B" size="10 4" texture="textures\menu_thick_border_bottom.dds">
+        <Property key="Pointer" value="dresize" />
+        <BasisSkin type="MainSkin" offset="0 0 10 4">
+            <State name="normal" offset="0 0 10 4"/>
+        </BasisSkin>
+    </Skin>
+
     <!-- These parts defines the 'blocks' to the left and right of the caption -->
     <Skin name="HB_MID" size="256 16" texture="textures\menu_head_block_middle.dds">
         <BasisSkin type="TileRect" offset="0 0 256 16" align="Stretch">
@@ -357,66 +414,129 @@
 
 ------------------------------------------------------ -->
 
-    <Skin name="MW_Window" size="256 54">
+    <Skin name="MW_Window" size="256 256">
         <Property key="FontName" value="Default" />
         <Property key="TextAlign" value="Center" />
         <Property key="TextColour" value="0.8 0.8 0.8" />
         <Property key="Snap" value="true" />
         <Property key="MinSize" value="64 64"/>
 
-        <Child type="Widget" skin="BlackBG" offset="8 28 240 18" align="Stretch" name="Client"/>
+        <Child type="Widget" skin="BlackBG" offset="8 28 240 220" align="Stretch" name="Client"/>
 
-        <!-- Outer borders -->
-        <Child type="Widget" skin="TB_T" offset="4 0 248 4" align="Top HStretch" name="Action">
+        <!-- Outer Borders -->
+        <Child type="Widget" skin="TB_T" offset="14 0 228 4" align="Top HStretch" name="Action">
             <Property key="Scale" value="0 1 0 -1"/>
         </Child>
-        <Child type="Widget" skin="TB_L" offset="0 4 4 46" align="Left VStretch" name="Action">
+        <Child type="Widget" skin="TB_L" offset="0 14 4 228" align="Left VStretch" name="Action">
             <Property key="Scale" value="1 0 -1 0"/>
         </Child>
-        <Child type="Widget" skin="TB_B" offset="4 50 248 4" align="Bottom HStretch" name="Action">
-            <Property key="Scale" value="0 0 0 1"/>
-        </Child>
-        <Child type="Widget" skin="TB_R" offset="252 4 4 46" align="Right VStretch" name="Action">
+        <Child type="Widget" skin="TB_R" offset="252 14 4 228" align="Right VStretch" name="Action">
             <Property key="Scale" value="0 0 1 0"/>
         </Child>
+        <Child type="Widget" skin="TB_B" offset="14 252 228 4" align="Bottom HStretch" name="Action">
+            <Property key="Scale" value="0 0 0 1"/>
+        </Child>
 
-        <Child type="Widget" skin="TB_BR" offset="252 50 4 4" align="Right Bottom" name="Action">
-            <Property key="Scale" value="0 0 1 1"/>
+        <!-- OB: Top Left -->
+        <Child type="Widget" skin="TB_TL_T" offset="4 0 10 4" align="Left Top" name="Action">
+            <Property key="Scale" value="1 1 -1 -1"/>
         </Child>
-        <Child type="Widget" skin="TB_BL" offset="0 50 4 4" align="Left Bottom" name="Action">
-            <Property key="Scale" value="1 0 -1 1"/>
+        <Child type="Widget" skin="TB_TL" offset="0 0 4 4" align="Left Top" name="Action">
+            <Property key="Scale" value="1 1 -1 -1"/>
+        </Child>
+        <Child type="Widget" skin="TB_TL_B" offset="0 4 4 10" align="Left Top" name="Action">
+            <Property key="Scale" value="1 1 -1 -1"/>
+        </Child>
+
+        <!-- OB: Top Right -->
+        <Child type="Widget" skin="TB_TR_T" offset="242 0 10 4" align="Right Top" name="Action">
+            <Property key="Scale" value="0 1 1 -1"/>
         </Child>
         <Child type="Widget" skin="TB_TR" offset="252 0 4 4" align="Right Top" name="Action">
             <Property key="Scale" value="0 1 1 -1"/>
         </Child>
-        <Child type="Widget" skin="TB_TL" offset="0 0 4 4" align="Left Top" name="Action">
-            <Property key="Scale" value="1 1 -1 -1"/>
+        <Child type="Widget" skin="TB_TR_B" offset="252 4 4 10" align="Right Top" name="Action">
+            <Property key="Scale" value="0 1 1 -1"/>
         </Child>
 
-        <!-- Inner borders -->
-        <Child type="Widget" skin="TB_T" offset="8 24 240 4" align="Top HStretch" name="Action">
+        <!-- OB: Bottom Left -->
+        <Child type="Widget" skin="TB_BL_T" offset="0 242 4 10" align="Left Bottom" name="Action">
+            <Property key="Scale" value="1 0 -1 1"/>
+        </Child>
+        <Child type="Widget" skin="TB_BL" offset="0 252 4 4" align="Left Bottom" name="Action">
+            <Property key="Scale" value="1 0 -1 1"/>
+        </Child>
+        <Child type="Widget" skin="TB_BL_B" offset="4 252 10 4" align="Left Bottom" name="Action">
+            <Property key="Scale" value="1 0 -1 1"/>
+        </Child>
+
+        <!-- OB: Bottom Right -->
+        <Child type="Widget" skin="TB_BR_T" offset="252 242 4 10" align="Right Bottom" name="Action">
+            <Property key="Scale" value="0 0 1 1"/>
+        </Child>
+        <Child type="Widget" skin="TB_BR" offset="252 252 4 4" align="Right Bottom" name="Action">
+            <Property key="Scale" value="0 0 1 1"/>
+        </Child>
+        <Child type="Widget" skin="TB_BR_B" offset="242 252 10 4" align="Right Bottom" name="Action">
+            <Property key="Scale" value="0 0 1 1"/>
+        </Child>
+
+        <!-- Inner Borders -->
+        <Child type="Widget" skin="TB_T" offset="18 24 220 4" align="Top HStretch" name="Action">
             <Property key="Scale" value="0 1 0 -1"/>
         </Child>
-        <Child type="Widget" skin="TB_L" offset="4 28 4 18" align="Left VStretch" name="Action">
+        <Child type="Widget" skin="TB_L" offset="4 38 4 200" align="Left VStretch" name="Action">
             <Property key="Scale" value="1 0 -1 0"/>
         </Child>
-        <Child type="Widget" skin="TB_B" offset="8 46 240 4" align="Bottom HStretch" name="Action">
+        <Child type="Widget" skin="TB_R" offset="248 38 4 200" align="Right VStretch" name="Action">
+            <Property key="Scale" value="0 0 1 0"/>
+        </Child>
+        <Child type="Widget" skin="TB_B" offset="18 248 220 4" align="Bottom HStretch" name="Action">
             <Property key="Scale" value="0 0 0 1"/>
         </Child>
-        <Child type="Widget" skin="TB_R" offset="248 28 4 18" align="Right VStretch" name="Action">
-            <Property key="Scale" value="0 0 1 0"/>
+
+        <!-- IB: Top Left -->
+        <Child type="Widget" skin="TB_TL_T" offset="8 24 10 4" align="Top Left" name="Action">
+            <Property key="Scale" value="1 1 -1 -1"/>
         </Child>
-        <Child type="Widget" skin="TB_BR" offset="248 46 4 4" align="Bottom Right" name="Action">
-            <Property key="Scale" value="0 0 1 1"/>
+        <Child type="Widget" skin="TB_TL" offset="4 24 4 4" align="Top Left" name="Action">
+            <Property key="Scale" value="1 1 -1 -1"/>
         </Child>
-        <Child type="Widget" skin="TB_BL" offset="4 46 4 4" align="Bottom Left" name="Action">
-            <Property key="Scale" value="1 0 -1 1"/>
+        <Child type="Widget" skin="TB_TL_B" offset="4 28 4 10" align="Top Left" name="Action">
+            <Property key="Scale" value="1 1 -1 -1"/>
+        </Child>
+
+        <!-- IB: Top Right -->
+        <Child type="Widget" skin="TB_TR_T" offset="238 24 10 4" align="Top Right" name="Action">
+            <Property key="Scale" value="0 1 1 -1"/>
         </Child>
         <Child type="Widget" skin="TB_TR" offset="248 24 4 4" align="Top Right" name="Action">
             <Property key="Scale" value="0 1 1 -1"/>
         </Child>
-        <Child type="Widget" skin="TB_TL" offset="4 24 4 4" align="Top Left" name="Action">
-            <Property key="Scale" value="1 1 -1 -1"/>
+        <Child type="Widget" skin="TB_TR_B" offset="248 28 4 10" align="Top Right" name="Action">
+            <Property key="Scale" value="0 1 1 -1"/>
+        </Child>
+
+        <!-- IB: Bottom Left -->
+        <Child type="Widget" skin="TB_BL_T" offset="4 238 4 10" align="Bottom Left" name="Action">
+            <Property key="Scale" value="1 0 -1 1"/>
+        </Child>
+        <Child type="Widget" skin="TB_BL" offset="4 248 4 4" align="Bottom Left" name="Action">
+            <Property key="Scale" value="1 0 -1 1"/>
+        </Child>
+        <Child type="Widget" skin="TB_BL_B" offset="8 248 10 4" align="Bottom Left" name="Action">
+            <Property key="Scale" value="1 0 -1 1"/>
+        </Child>
+
+        <!-- IB: Bottom Right -->
+        <Child type="Widget" skin="TB_BR_T" offset="248 238 4 10" align="Right Bottom" name="Action">
+            <Property key="Scale" value="0 0 1 1"/>
+        </Child>
+        <Child type="Widget" skin="TB_BR" offset="248 248 4 4" align="Right Bottom" name="Action">
+            <Property key="Scale" value="0 0 1 1"/>
+        </Child>
+        <Child type="Widget" skin="TB_BR_B" offset="238 248 10 4" align="Right Bottom" name="Action">
+            <Property key="Scale" value="0 0 1 1"/>
         </Child>
 
         <!-- Caption -->
@@ -434,66 +554,129 @@
         </Child>
     </Skin>
 
-    <Skin name="MW_Window_NoCaption" size="256 54">
+    <Skin name="MW_Window_NoCaption" size="256 256">
         <Property key="FontName" value="Default" />
         <Property key="TextAlign" value="Center" />
         <Property key="TextColour" value="0.8 0.8 0.8" />
         <Property key="Snap" value="true" />
         <Property key="MinSize" value="64 64"/>
 
-        <Child type="Widget" skin="BlackBG" offset="8 28 240 18" align="Stretch" name="Client"/>
+        <Child type="Widget" skin="BlackBG" offset="8 28 240 220" align="Stretch" name="Client"/>
 
-        <!-- Outer borders -->
-        <Child type="Widget" skin="TB_T" offset="4 0 248 4" align="Top HStretch" name="Action">
+        <!-- Outer Borders -->
+        <Child type="Widget" skin="TB_T" offset="14 0 228 4" align="Top HStretch" name="Action">
             <Property key="Scale" value="0 1 0 -1"/>
         </Child>
-        <Child type="Widget" skin="TB_L" offset="0 4 4 46" align="Left VStretch" name="Action">
+        <Child type="Widget" skin="TB_L" offset="0 14 4 228" align="Left VStretch" name="Action">
             <Property key="Scale" value="1 0 -1 0"/>
         </Child>
-        <Child type="Widget" skin="TB_B" offset="4 50 248 4" align="Bottom HStretch" name="Action">
-            <Property key="Scale" value="0 0 0 1"/>
-        </Child>
-        <Child type="Widget" skin="TB_R" offset="252 4 4 46" align="Right VStretch" name="Action">
+        <Child type="Widget" skin="TB_R" offset="252 14 4 228" align="Right VStretch" name="Action">
             <Property key="Scale" value="0 0 1 0"/>
         </Child>
+        <Child type="Widget" skin="TB_B" offset="14 252 228 4" align="Bottom HStretch" name="Action">
+            <Property key="Scale" value="0 0 0 1"/>
+        </Child>
 
-        <Child type="Widget" skin="TB_BR" offset="252 50 4 4" align="Right Bottom" name="Action">
-            <Property key="Scale" value="0 0 1 1"/>
+        <!-- OB: Top Left -->
+        <Child type="Widget" skin="TB_TL_T" offset="4 0 10 4" align="Left Top" name="Action">
+            <Property key="Scale" value="1 1 -1 -1"/>
         </Child>
-        <Child type="Widget" skin="TB_BL" offset="0 50 4 4" align="Left Bottom" name="Action">
-            <Property key="Scale" value="1 0 -1 1"/>
+        <Child type="Widget" skin="TB_TL" offset="0 0 4 4" align="Left Top" name="Action">
+            <Property key="Scale" value="1 1 -1 -1"/>
+        </Child>
+        <Child type="Widget" skin="TB_TL_B" offset="0 4 4 10" align="Left Top" name="Action">
+            <Property key="Scale" value="1 1 -1 -1"/>
+        </Child>
+
+        <!-- OB: Top Right -->
+        <Child type="Widget" skin="TB_TR_T" offset="242 0 10 4" align="Right Top" name="Action">
+            <Property key="Scale" value="0 1 1 -1"/>
         </Child>
         <Child type="Widget" skin="TB_TR" offset="252 0 4 4" align="Right Top" name="Action">
             <Property key="Scale" value="0 1 1 -1"/>
         </Child>
-        <Child type="Widget" skin="TB_TL" offset="0 0 4 4" align="Left Top" name="Action">
-            <Property key="Scale" value="1 1 -1 -1"/>
+        <Child type="Widget" skin="TB_TR_B" offset="252 4 4 10" align="Right Top" name="Action">
+            <Property key="Scale" value="0 1 1 -1"/>
+        </Child>
+
+        <!-- OB: Bottom Left -->
+        <Child type="Widget" skin="TB_BL_T" offset="0 242 4 10" align="Left Bottom" name="Action">
+            <Property key="Scale" value="1 0 -1 1"/>
+        </Child>
+        <Child type="Widget" skin="TB_BL" offset="0 252 4 4" align="Left Bottom" name="Action">
+            <Property key="Scale" value="1 0 -1 1"/>
+        </Child>
+        <Child type="Widget" skin="TB_BL_B" offset="4 252 10 4" align="Left Bottom" name="Action">
+            <Property key="Scale" value="1 0 -1 1"/>
+        </Child>
+
+        <!-- OB: Bottom Right -->
+        <Child type="Widget" skin="TB_BR_T" offset="252 242 4 10" align="Right Bottom" name="Action">
+            <Property key="Scale" value="0 0 1 1"/>
+        </Child>
+        <Child type="Widget" skin="TB_BR" offset="252 252 4 4" align="Right Bottom" name="Action">
+            <Property key="Scale" value="0 0 1 1"/>
+        </Child>
+        <Child type="Widget" skin="TB_BR_B" offset="242 252 10 4" align="Right Bottom" name="Action">
+            <Property key="Scale" value="0 0 1 1"/>
         </Child>
 
-        <!-- Inner borders -->
-        <Child type="Widget" skin="TB_T" offset="8 24 240 4" align="Top HStretch" name="Action">
+        <!-- Inner Borders -->
+        <Child type="Widget" skin="TB_T" offset="18 24 220 4" align="Top HStretch" name="Action">
             <Property key="Scale" value="0 1 0 -1"/>
         </Child>
-        <Child type="Widget" skin="TB_L" offset="4 28 4 18" align="Left VStretch" name="Action">
+        <Child type="Widget" skin="TB_L" offset="4 38 4 200" align="Left VStretch" name="Action">
             <Property key="Scale" value="1 0 -1 0"/>
         </Child>
-        <Child type="Widget" skin="TB_B" offset="8 46 240 4" align="Bottom HStretch" name="Action">
+        <Child type="Widget" skin="TB_R" offset="248 38 4 200" align="Right VStretch" name="Action">
+            <Property key="Scale" value="0 0 1 0"/>
+        </Child>
+        <Child type="Widget" skin="TB_B" offset="18 248 220 4" align="Bottom HStretch" name="Action">
             <Property key="Scale" value="0 0 0 1"/>
         </Child>
-        <Child type="Widget" skin="TB_R" offset="248 28 4 18" align="Right VStretch" name="Action">
-            <Property key="Scale" value="0 0 1 0"/>
+
+        <!-- IB: Top Left -->
+        <Child type="Widget" skin="TB_TL_T" offset="8 24 10 4" align="Top Left" name="Action">
+            <Property key="Scale" value="1 1 -1 -1"/>
         </Child>
-        <Child type="Widget" skin="TB_BR" offset="248 46 4 4" align="Bottom Right" name="Action">
-            <Property key="Scale" value="0 0 1 1"/>
+        <Child type="Widget" skin="TB_TL" offset="4 24 4 4" align="Top Left" name="Action">
+            <Property key="Scale" value="1 1 -1 -1"/>
         </Child>
-        <Child type="Widget" skin="TB_BL" offset="4 46 4 4" align="Bottom Left" name="Action">
-            <Property key="Scale" value="1 0 -1 1"/>
+        <Child type="Widget" skin="TB_TL_B" offset="4 28 4 10" align="Top Left" name="Action">
+            <Property key="Scale" value="1 1 -1 -1"/>
+        </Child>
+
+        <!-- IB: Top Right -->
+        <Child type="Widget" skin="TB_TR_T" offset="238 24 10 4" align="Top Right" name="Action">
+            <Property key="Scale" value="0 1 1 -1"/>
         </Child>
         <Child type="Widget" skin="TB_TR" offset="248 24 4 4" align="Top Right" name="Action">
             <Property key="Scale" value="0 1 1 -1"/>
         </Child>
-        <Child type="Widget" skin="TB_TL" offset="4 24 4 4" align="Top Left" name="Action">
-            <Property key="Scale" value="1 1 -1 -1"/>
+        <Child type="Widget" skin="TB_TR_B" offset="248 28 4 10" align="Top Right" name="Action">
+            <Property key="Scale" value="0 1 1 -1"/>
+        </Child>
+
+        <!-- IB: Bottom Left -->
+        <Child type="Widget" skin="TB_BL_T" offset="4 238 4 10" align="Bottom Left" name="Action">
+            <Property key="Scale" value="1 0 -1 1"/>
+        </Child>
+        <Child type="Widget" skin="TB_BL" offset="4 248 4 4" align="Bottom Left" name="Action">
+            <Property key="Scale" value="1 0 -1 1"/>
+        </Child>
+        <Child type="Widget" skin="TB_BL_B" offset="8 248 10 4" align="Bottom Left" name="Action">
+            <Property key="Scale" value="1 0 -1 1"/>
+        </Child>
+
+        <!-- IB: Bottom Right -->
+        <Child type="Widget" skin="TB_BR_T" offset="248 238 4 10" align="Right Bottom" name="Action">
+            <Property key="Scale" value="0 0 1 1"/>
+        </Child>
+        <Child type="Widget" skin="TB_BR" offset="248 248 4 4" align="Right Bottom" name="Action">
+            <Property key="Scale" value="0 0 1 1"/>
+        </Child>
+        <Child type="Widget" skin="TB_BR_B" offset="238 248 10 4" align="Right Bottom" name="Action">
+            <Property key="Scale" value="0 0 1 1"/>
         </Child>
 
         <!-- Caption -->
@@ -508,66 +691,129 @@
         </Child>
     </Skin>
 
-    <Skin name="MW_Window_Pinnable" size="256 54">
+    <Skin name="MW_Window_Pinnable" size="256 256">
         <Property key="FontName" value="Default" />
         <Property key="TextAlign" value="Center" />
         <Property key="TextColour" value="0.8 0.8 0.8" />
         <Property key="Snap" value="true" />
         <Property key="MinSize" value="64 64"/>
 
-        <Child type="Widget" skin="BlackBG" offset="8 28 240 18" align="Stretch" name="Client"/>
+        <Child type="Widget" skin="BlackBG" offset="8 28 240 220" align="Stretch" name="Client"/>
 
-        <!-- Outer borders -->
-        <Child type="Widget" skin="TB_T" offset="4 0 248 4" align="Top HStretch" name="Action">
+        <!-- Outer Borders -->
+        <Child type="Widget" skin="TB_T" offset="14 0 228 4" align="Top HStretch" name="Action">
             <Property key="Scale" value="0 1 0 -1"/>
         </Child>
-        <Child type="Widget" skin="TB_L" offset="0 4 4 46" align="Left VStretch" name="Action">
+        <Child type="Widget" skin="TB_L" offset="0 14 4 228" align="Left VStretch" name="Action">
             <Property key="Scale" value="1 0 -1 0"/>
         </Child>
-        <Child type="Widget" skin="TB_B" offset="4 50 248 4" align="Bottom HStretch" name="Action">
-            <Property key="Scale" value="0 0 0 1"/>
-        </Child>
-        <Child type="Widget" skin="TB_R" offset="252 4 4 46" align="Right VStretch" name="Action">
+        <Child type="Widget" skin="TB_R" offset="252 14 4 228" align="Right VStretch" name="Action">
             <Property key="Scale" value="0 0 1 0"/>
         </Child>
+        <Child type="Widget" skin="TB_B" offset="14 252 228 4" align="Bottom HStretch" name="Action">
+            <Property key="Scale" value="0 0 0 1"/>
+        </Child>
 
-        <Child type="Widget" skin="TB_BR" offset="252 50 4 4" align="Right Bottom" name="Action">
-            <Property key="Scale" value="0 0 1 1"/>
+        <!-- OB: Top Left -->
+        <Child type="Widget" skin="TB_TL_T" offset="4 0 10 4" align="Left Top" name="Action">
+            <Property key="Scale" value="1 1 -1 -1"/>
         </Child>
-        <Child type="Widget" skin="TB_BL" offset="0 50 4 4" align="Left Bottom" name="Action">
-            <Property key="Scale" value="1 0 -1 1"/>
+        <Child type="Widget" skin="TB_TL" offset="0 0 4 4" align="Left Top" name="Action">
+            <Property key="Scale" value="1 1 -1 -1"/>
+        </Child>
+        <Child type="Widget" skin="TB_TL_B" offset="0 4 4 10" align="Left Top" name="Action">
+            <Property key="Scale" value="1 1 -1 -1"/>
+        </Child>
+
+        <!-- OB: Top Right -->
+        <Child type="Widget" skin="TB_TR_T" offset="242 0 10 4" align="Right Top" name="Action">
+            <Property key="Scale" value="0 1 1 -1"/>
         </Child>
         <Child type="Widget" skin="TB_TR" offset="252 0 4 4" align="Right Top" name="Action">
             <Property key="Scale" value="0 1 1 -1"/>
         </Child>
-        <Child type="Widget" skin="TB_TL" offset="0 0 4 4" align="Left Top" name="Action">
-            <Property key="Scale" value="1 1 -1 -1"/>
+        <Child type="Widget" skin="TB_TR_B" offset="252 4 4 10" align="Right Top" name="Action">
+            <Property key="Scale" value="0 1 1 -1"/>
         </Child>
 
-        <!-- Inner borders -->
-        <Child type="Widget" skin="TB_T" offset="8 24 240 4" align="Top HStretch" name="Action">
+        <!-- OB: Bottom Left -->
+        <Child type="Widget" skin="TB_BL_T" offset="0 242 4 10" align="Left Bottom" name="Action">
+            <Property key="Scale" value="1 0 -1 1"/>
+        </Child>
+        <Child type="Widget" skin="TB_BL" offset="0 252 4 4" align="Left Bottom" name="Action">
+            <Property key="Scale" value="1 0 -1 1"/>
+        </Child>
+        <Child type="Widget" skin="TB_BL_B" offset="4 252 10 4" align="Left Bottom" name="Action">
+            <Property key="Scale" value="1 0 -1 1"/>
+        </Child>
+
+        <!-- OB: Bottom Right -->
+        <Child type="Widget" skin="TB_BR_T" offset="252 242 4 10" align="Right Bottom" name="Action">
+            <Property key="Scale" value="0 0 1 1"/>
+        </Child>
+        <Child type="Widget" skin="TB_BR" offset="252 252 4 4" align="Right Bottom" name="Action">
+            <Property key="Scale" value="0 0 1 1"/>
+        </Child>
+        <Child type="Widget" skin="TB_BR_B" offset="242 252 10 4" align="Right Bottom" name="Action">
+            <Property key="Scale" value="0 0 1 1"/>
+        </Child>
+
+        <!-- Inner Borders -->
+        <Child type="Widget" skin="TB_T" offset="18 24 220 4" align="Top HStretch" name="Action">
             <Property key="Scale" value="0 1 0 -1"/>
         </Child>
-        <Child type="Widget" skin="TB_L" offset="4 28 4 18" align="Left VStretch" name="Action">
+        <Child type="Widget" skin="TB_L" offset="4 38 4 200" align="Left VStretch" name="Action">
             <Property key="Scale" value="1 0 -1 0"/>
         </Child>
-        <Child type="Widget" skin="TB_B" offset="8 46 240 4" align="Bottom HStretch" name="Action">
+        <Child type="Widget" skin="TB_R" offset="248 38 4 200" align="Right VStretch" name="Action">
+            <Property key="Scale" value="0 0 1 0"/>
+        </Child>
+        <Child type="Widget" skin="TB_B" offset="18 248 220 4" align="Bottom HStretch" name="Action">
             <Property key="Scale" value="0 0 0 1"/>
         </Child>
-        <Child type="Widget" skin="TB_R" offset="248 28 4 18" align="Right VStretch" name="Action">
-            <Property key="Scale" value="0 0 1 0"/>
+
+        <!-- IB: Top Left -->
+        <Child type="Widget" skin="TB_TL_T" offset="8 24 10 4" align="Top Left" name="Action">
+            <Property key="Scale" value="1 1 -1 -1"/>
         </Child>
-        <Child type="Widget" skin="TB_BR" offset="248 46 4 4" align="Bottom Right" name="Action">
-            <Property key="Scale" value="0 0 1 1"/>
+        <Child type="Widget" skin="TB_TL" offset="4 24 4 4" align="Top Left" name="Action">
+            <Property key="Scale" value="1 1 -1 -1"/>
         </Child>
-        <Child type="Widget" skin="TB_BL" offset="4 46 4 4" align="Bottom Left" name="Action">
-            <Property key="Scale" value="1 0 -1 1"/>
+        <Child type="Widget" skin="TB_TL_B" offset="4 28 4 10" align="Top Left" name="Action">
+            <Property key="Scale" value="1 1 -1 -1"/>
+        </Child>
+
+        <!-- IB: Top Right -->
+        <Child type="Widget" skin="TB_TR_T" offset="238 24 10 4" align="Top Right" name="Action">
+            <Property key="Scale" value="0 1 1 -1"/>
         </Child>
         <Child type="Widget" skin="TB_TR" offset="248 24 4 4" align="Top Right" name="Action">
             <Property key="Scale" value="0 1 1 -1"/>
         </Child>
-        <Child type="Widget" skin="TB_TL" offset="4 24 4 4" align="Top Left" name="Action">
-            <Property key="Scale" value="1 1 -1 -1"/>
+        <Child type="Widget" skin="TB_TR_B" offset="248 28 4 10" align="Top Right" name="Action">
+            <Property key="Scale" value="0 1 1 -1"/>
+        </Child>
+
+        <!-- IB: Bottom Left -->
+        <Child type="Widget" skin="TB_BL_T" offset="4 238 4 10" align="Bottom Left" name="Action">
+            <Property key="Scale" value="1 0 -1 1"/>
+        </Child>
+        <Child type="Widget" skin="TB_BL" offset="4 248 4 4" align="Bottom Left" name="Action">
+            <Property key="Scale" value="1 0 -1 1"/>
+        </Child>
+        <Child type="Widget" skin="TB_BL_B" offset="8 248 10 4" align="Bottom Left" name="Action">
+            <Property key="Scale" value="1 0 -1 1"/>
+        </Child>
+
+        <!-- IB: Bottom Right -->
+        <Child type="Widget" skin="TB_BR_T" offset="248 238 4 10" align="Right Bottom" name="Action">
+            <Property key="Scale" value="0 0 1 1"/>
+        </Child>
+        <Child type="Widget" skin="TB_BR" offset="248 248 4 4" align="Right Bottom" name="Action">
+            <Property key="Scale" value="0 0 1 1"/>
+        </Child>
+        <Child type="Widget" skin="TB_BR_B" offset="238 248 10 4" align="Right Bottom" name="Action">
+            <Property key="Scale" value="0 0 1 1"/>
         </Child>
 
         <!-- Caption -->