major UIWidget rewrite with new features

modules/core_styles/styles/buttons.otui

@@ -1,26 +1,23 @@
 Button < UIButton
   font: verdana-11px-antialised
-  background-color: white
   color: #f0ad4dff
   size: 106 24
-  text-translate: 0 0
+  text-offset: 0 0
 
-  border-image:
-    source: /core_styles/images/button.png
-    border: 5
+  image-color: white
+  image-source: /core_styles/images/button.png
+  image-border: 5
 
   $hover:
-    border-image:
-      source: /core_styles/images/button_hover.png
-      border: 5
+    image-source: /core_styles/images/button_hover.png
+    image-border: 5
 
   $pressed:
-    text-translate: 1 1
-    border-image:
-      source: /core_styles/images/button_down.png
-      border: 5
+    text-offset: 1 1
+    image-source: /core_styles/images/button_down.png
+    image-border: 5
 
   $disabled:
     color: #f0ad4d88
-    background-color: #ffffff88
+    image-color: #ffffff88
 

modules/core_styles/styles/checkboxes.otui

@@ -2,41 +2,38 @@ CheckBox < UICheckBox
   size: 12 12
   box-size: 12 12
   text-align: left
-  text-offset: 16 -1
+  text-offset: 16 0
   color: #aaaaaa
-  background-color: #ffffffff
+  image-color: #ffffffff
+  image-rect: 0 0 12 12
 
   $hover:
     color: #cccccc
 
   $!checked:
-    image:
-      source: /core_styles/images/checkbox.png
-      clip: 0 0 12 12
+    image-source: /core_styles/images/checkbox.png
+    image-clip: 0 0 12 12
 
   $hover !checked:
-    image:
-      source: /core_styles/images/checkbox.png
-      clip: 0 12 12 12
+    image-source: /core_styles/images/checkbox.png
+    image-clip: 0 12 12 12
 
   $checked:
-    image:
-      source: /core_styles/images/checkbox.png
-      clip: 0 24 12 12
+    image-source: /core_styles/images/checkbox.png
+    image-clip: 0 24 12 12
 
   $hover checked:
-    image:
-      source: /core_styles/images/checkbox.png
-      clip: 0 36 12 12
+    image-source: /core_styles/images/checkbox.png
+    image-clip: 0 36 12 12
 
   $disabled:
-    background-color: #ffffff88
+    image-color: #ffffff88
     color: #aaaaaa88
 
 ColorBox < UICheckBox
   size: 16 16
   box-size: 16 16
-  background-color: #ffffffff
+  image-color: #ffffffff
 
   $checked:
     image:
@@ -50,28 +47,25 @@ ColorBox < UICheckBox
 
 ButtonBox < UICheckBox
   font: verdana-11px-antialised
-  background-color: white
   color: #f0ad4dff
   size: 106 24
   box-size: 106 24
   text-offset: 0 0
   text-align: center
 
-  border-image:
-    source: /core_styles/images/button.png
-    border: 5
+  image-color: white
+  image-source: /core_styles/images/button.png
+  image-border: 5
 
   $hover:
-    border-image:
-      source: /core_styles/images/button_hover.png
-      border: 5
+    image-source: /core_styles/images/button_hover.png
+    image-border: 5
 
   $checked:
     text-offset: 1 1
-    border-image:
-      source: /core_styles/images/button_down.png
-      border: 5
+    image-source: /core_styles/images/button_down.png
+    image-border: 5
 
   $disabled:
     color: #f0ad4d88
-    background-color: #ffffff88
+    image-color: #ffffff88

modules/core_styles/styles/comboboxes.otui

@@ -1,6 +1,6 @@
 ComboBoxPopupMenuButton < UIButton
   font: verdana-11px-antialised
-  background-color: alpha
+  image-color: alpha
   text-align: left
   text-offset: 2 0
   color: #aaaaaa
@@ -9,10 +9,7 @@ ComboBoxPopupMenuButton < UIButton
   margin-right: 1
   margin-top: 0
   margin-bottom: 0
-
-  image:
-    source: /core_styles/images/empty_rect.png
-    repeated: true
+  background-color: white
 
   $hover:
     color: #ffffff
@@ -30,19 +27,17 @@ ComboBoxPopupMenuButton < UIButton
 ComboBoxPopupMenuSeparator < UIWidget
   margin-left: 1
   margin-right: 1
-  image:
-    source: /core_styles/images/combobox.png
-    repeated: true
+  image-source: /core_styles/images/combobox.png
+  image-repeated: true
     clip: 1 59 89 1
   height: 1
   phantom: true
 
 ComboBoxPopupMenu < UIPopupMenu
-  border-image:
-    source: /core_styles/images/combobox.png
-    clip: 0 60 89 20
-    border: 1
-    border.top: 0
+  image-source: /core_styles/images/combobox.png
+  image-clip: 0 60 89 20
+  image-border: 1
+  image-border-top: 0
 
 ComboBox < UIComboBox
   font: verdana-11px-antialised
@@ -50,22 +45,19 @@ ComboBox < UIComboBox
   size: 86 20
   text-offset: 3 0
   text-align: left
-  border-image:
-    source: /core_styles/images/combobox.png
-    border: 1
-    border.right: 17
-    size: 89 20
+  image-source: /core_styles/images/combobox.png
+  image-border: 1
+  image-border-right: 17
+  image-clip: 0 0 89 20
 
   $hover:
-    border-image:
-      source: /core_styles/images/combobox.png
-      border: 1
-      border.right: 17
-      clip: 0 20 89 20
+    image-source: /core_styles/images/combobox.png
+    image-border: 1
+    image-border-right: 17
+    image-clip: 0 20 89 20
 
   $on:
-    border-image:
-      source: /core_styles/images/combobox.png
-      border: 1
-      border.right: 17
-      clip: 0 40 89 20
+    image-source: /core_styles/images/combobox.png
+    image-border: 1
+    image-border-right: 17
+    image-clip: 0 40 89 20

modules/core_styles/styles/creatures.otui

@@ -1,6 +1,5 @@
 Creature < UICreature
   size: 66 66
   padding: 1
-  border-image:
-    source: /core_styles/images/panel_flat.png
-    border: 1
+  image-source: /core_styles/images/panel_flat.png
+  image-border: 1

modules/core_styles/styles/items.otui

@@ -1,6 +1,5 @@
 Item < UIItem
   size: 34 34
   padding: 1
-  border-image:
-    source: /core_styles/images/panel_flat.png
-    border: 1
+  image-source: /core_styles/images/panel_flat.png
+  image-border: 1

modules/core_styles/styles/lineedits.otui

@@ -3,9 +3,8 @@ LineEdit < UILineEdit
   color: #aaaaaa
   size: 86 20
   text-margin: 3
-  border-image:
-    source: /core_styles/images/panel_flat.png
-    border: 1
+  image-source: /core_styles/images/panel_flat.png
+  image-border: 1
 
   $disabled:
     color: #aaaaaa88

modules/core_styles/styles/listboxes.otui

@@ -1,5 +1,5 @@
 TextList < UIWidget
   layout: verticalBox
-  border-image:
-    source: /core_styles/images/panel_flat.png
-    border: 4
+  border-width: 1
+  border-color: #1d222b
+  background-color: #222833

modules/core_styles/styles/panels.otui

@@ -1,34 +1,26 @@
 Panel < UIWidget
   phantom: true
 
-RectPanel < UIWidget
-  image: /core_styles/images/empty_rect.png
-
 FlatPanel < Panel
-  border-image:
-    source: /core_styles/images/panel_flat.png
-    border: 1
+  image-source: /core_styles/images/panel_flat.png
+  image-border: 1
 
 TopPanel < Panel
   height: 36
-  image:
-    source: /core_styles/images/top_panel.png
-    repeated: true
+  image-source: /core_styles/images/top_panel.png
+  image-repeated: true
 
 InterfacePanel < Panel
   focusable: false
-  border-image:
-    source: /core_styles/images/interface_panel.png
-    border: 4
+  image-source: /core_styles/images/interface_panel.png
+  image-border: 4
 
 InterfacePanel2 < Panel
   focusable: false
-  border-image:
-    source: /core_styles/images/interface_panel2.png
-    border: 4
+  image-source: /core_styles/images/interface_panel2.png
+  image-border: 4
 
 Map< UIMap
   padding: 4
-  border-image:
-    source: /core_styles/images/map_panel.png
-    border: 4
+  image-source: /core_styles/images/map_panel.png
+  image-border: 4

modules/core_styles/styles/popupmenus.otui

@@ -1,16 +1,13 @@
 PopupMenuButton < UIButton
   font: verdana-11px-antialised
-  background-color: alpha
+  image-color: alpha
   color: #aaaaaa
   height: 18
   margin-left: 3
   margin-right: 3
   margin-top: 0
   margin-bottom: 0
-
-  image:
-    source: /core_styles/images/empty_rect.png
-    repeated: true
+  background-color: alpha
 
   $hover:
     color: #ffffff
@@ -28,16 +25,15 @@ PopupMenuButton < UIButton
 PopupMenuSeparator < UIWidget
   margin-left: 2
   margin-right: 2
-  border-image:
-    source: /core_styles/images/menubox.png
-    border.left: 1
-    border.right: 1
-    clip: 0 0 32 2
+  image-source: /core_styles/images/menubox.png
+  image-border-left: 1
+  image-border-right: 1
+  image-clip: 0 0 32 2
   height: 2
   phantom: true
 
 PopupMenu < UIPopupMenu
   width: 50
   border-image:
-    source: /core_styles/images/menubox.png
-    border: 3
+  image-source: /core_styles/images/menubox.png
+  image-border: 3

modules/core_styles/styles/progressbars.otui

@@ -0,0 +1,4 @@
+ProgressBar < UIProgressBar
+  height: 15
+  background-color: red
+  border: 1 black

modules/core_styles/styles/separators.otui

@@ -1,7 +1,6 @@
 HorizontalSeparator < UIWidget
-  border-image:
-    source: /core_styles/images/horizontal_separator.png
-    border.top: 2
+  image-source: /core_styles/images/horizontal_separator.png
+  image-border.top: 2
   height: 2
   phantom: true
   focusable: false

modules/core_styles/styles/tabbars.otui

@@ -0,0 +1,5 @@
+TabBar < UITabBar
+TabBarTabButton < UIButton
+TabBarCloseButton < UIButton
+TabBarPrevButton < UIButton
+TabBarNextButton < UIButton

modules/core_styles/styles/windows.otui

@@ -1,20 +1,18 @@
 Window < UIWindow
   font: verdana-11px-antialised
   size: 200 200
-  opacity: 255
+  opacity: 1
   color: white
-  background-color: white
   head-height: 20
   head-text-align: center
   move-policy: free
   stackable: true
-  border-image:
-    source: /core_styles/images/window.png
-    border: 4
-    border.top: 20
+  image-source: /core_styles/images/window.png
+  image-border: 4
+  image-border-top: 20
 
   $pressed:
-    opacity: 192
+    opacity: 0.75
 
   $disabled:
     color: #aaaaaa88
@@ -28,10 +26,9 @@ MiniWindow < UIWindow
   margin-left: 6
   margin-right: 6
   move-policy: free updated
-  border-image:
-    source: /core_styles/images/mini_window.png
-    border: 4
-    border.top: 25
+  image-source: /core_styles/images/mini_window.png
+  image-border: 4
+  image-border-top: 25
 
 MainWindow < Window
   anchors.centerIn: parent