MoveableTabBar < UIMoveableTabBar size: 80 21 MoveableTabBarPanel < Panel MoveableTabBarButton < UIButton size: 20 21 image-source: /images/ui/tabbutton_square image-color: #dfdfdf image-clip: 0 0 20 21 image-border: 3 image-border-bottom: 0 icon-color: #dfdfdf color: #dfdfdf anchors.top: parent.top anchors.left: parent.left padding: 5 $hover !checked: image-clip: 0 21 20 21 color: #dfdfdf $disabled: image-color: #dfdfdf88 icon-color: #dfdfdf $checked: image-clip: 0 42 20 21 color: #dfdfdf $on !checked: color: #de6f6f TabBar < UITabBar size: 80 21 Panel id: buttonsPanel anchors.fill: parent TabBarPanel < Panel TabBarButton < UIButton size: 20 21 image-source: /images/ui/tabbutton_square image-source: /images/ui/tabbutton_square image-color: #dfdfdf image-clip: 0 0 20 21 image-border: 3 image-border-bottom: 0 icon-color: #dfdfdf color: #dfdfdf anchors.top: parent.top padding: 5 $first: anchors.left: parent.left $!first: anchors.left: prev.right margin-left: 5 $hover !checked: image-clip: 0 21 20 21 color: #dfdfdf $disabled: image-color: #dfdfdf88 icon-color: #dfdfdf $checked: image-clip: 0 42 20 21 color: #dfdfdf $on !checked: color: #dfdfdf TabBarRounded < TabBar TabBarRoundedPanel < TabBarPanel TabBarRoundedButton < TabBarButton image-source: /images/ui/tabbutton_rounded size: 22 23 image-clip: 0 0 22 23 $hover !checked: image-clip: 0 23 22 23 $checked: image-clip: 0 46 22 23 TabBarVertical < UITabBar width: 96 ScrollableFlatPanel id: buttonsPanel anchors.top: parent.top anchors.left: parent.left anchors.right: scrollBar.left anchors.bottom: parent.bottom vertical-scrollbar: scrollBar VerticalScrollBar id: scrollBar anchors.top: parent.top anchors.bottom: parent.bottom anchors.right: parent.right step: 16 pixels-scroll: true $!on: width: 0 TabBarVerticalPanel < Panel TabBarVerticalButton < UIButton size: 48 48 color: #aaaaaa anchors.left: parent.left anchors.right: parent.right text-align: bottom icon-align: top icon-offset-y: 2 icon-color: #888888 $first: anchors.top: parent.top $!first: anchors.top: prev.bottom margin-top: 10 $hover !checked: color: white icon-color: #dfdfdf $disabled: icon-color: #333333 $checked: icon-color: #ffffff color: #80c7f8 $on !checked: color: #F55E5E