scrollbar, options and widgets changes

* complete scrollbar skin
* implement scrollbar functionality (scrolling with mouse)
* fix onMouseClick issues
* add tabs in options (graphics and general tab)
* add new option for limiting frame rate using scrollbar
* add new widget property "clipping" that will be used on scrollable areas

modules/core_styles/styles/listboxes.otui

@@ -1,4 +1,4 @@
-TextList < UIWidget
+TextList < UIScrollArea
   layout: verticalBox
   border-width: 1
   border-color: #1d222b

modules/core_styles/styles/scrollbars.otui

@@ -1,30 +1,94 @@
+ScrollBarSlider < UIButton
+  id: sliderButton
+  anchors.centerIn: parent
+  size: 13 13
+  image-source: images/scrollbar.png
+  image-clip: 0 26 13 13
+  image-border: 2
+  image-color: #ffffffff
+  $hover:
+    image-clip: 13 26 13 13
+  $pressed:
+    image-clip: 26 26 13 13
+  $disabled:
+    image-color: #ffffff66
+
 VerticalScrollBar < UIScrollBar
+  orientation: vertical
   width: 13
-  image-source: images/vscrollbar.png
-  image-clip: 0 39 13 32
+  height: 39
+  image-source: images/scrollbar.png
+  image-clip: 39 0 13 65
   image-border: 1
 
   UIButton
-    id: upButton
+    id: decrementButton
     anchors.top: parent.top
-    anchors.right: parent.right
-    image-source: images/vscrollbar.png
+    anchors.left: parent.left
+    image-source: images/scrollbar.png
     image-clip: 0 0 13 13
+    image-color: #ffffffff
     size: 13 13
+    $hover:
+      image-clip: 13 0 13 13
+    $pressed:
+      image-clip: 26 0 13 13
+    $disabled:
+      image-color: #ffffff66
 
   UIButton
-    id: downButton
+    id: incrementButton
     anchors.bottom: parent.bottom
     anchors.right: parent.right
     size: 13 13
-    image-source: images/vscrollbar.png
+    image-source: images/scrollbar.png
     image-clip: 0 13 13 13
+    image-color: #ffffffff
+    $hover:
+      image-clip: 13 13 13 13
+    $pressed:
+      image-clip: 26 13 13 13
+    $disabled:
+      image-color: #ffffff66
 
-  //UIButton
-    //id: middleButton
-    //anchors.top: parent.top
-    //anchors.right: parent.right
-    //size: 13 13
-    //margin-top: 30
-    //image-source: images/vscrollbar.png
-    //image-clip: 0 26 13 13
+  ScrollBarSlider
+
+HorizontalScrollBar < UIScrollBar
+  orientation: horizontal
+  height: 13
+  width: 39
+  image-source: images/scrollbar.png
+  image-clip: 0 65 52 13
+  image-border: 1
+
+  UIButton
+    id: decrementButton
+    anchors.top: parent.top
+    anchors.left: parent.left
+    image-source: images/scrollbar.png
+    image-clip: 0 39 13 13
+    image-color: #ffffffff
+    size: 13 13
+    $hover:
+      image-clip: 13 39 13 13
+    $pressed:
+      image-clip: 26 39 13 13
+    $disabled:
+      image-color: #ffffff66
+
+  UIButton
+    id: incrementButton
+    anchors.bottom: parent.bottom
+    anchors.right: parent.right
+    size: 13 13
+    image-source: images/scrollbar.png
+    image-clip: 0 52 13 13
+    image-color: #ffffffff
+    $hover:
+      image-clip: 13 52 13 13
+    $pressed:
+      image-clip: 26 52 13 13
+    $disabled:
+      image-color: #ffffff66
+
+  ScrollBarSlider

modules/core_styles/styles/tabbars.otui

@@ -1,4 +1,5 @@
 TabBar < UITabBar
+  size: 80 20
 TabBarPanel < Panel
 TabBarButton < UIButton
   size: 20 20
@@ -9,7 +10,6 @@ TabBarButton < UIButton
   icon-color: white
   color: #aaaaaa
   anchors.top: parent.top
-  margin-left: 5
   padding: 5
 
   $first:
@@ -17,6 +17,7 @@ TabBarButton < UIButton
 
   $!first:
     anchors.left: prev.right
+    margin-left: 5
 
   $hover !checked:
     image-clip: 0 20 20 20