Digitalstack/otclient
2
0
Fork 0
mirror of https://github.com/edubart/otclient.git synced 2025-10-17 21:13:26 +02:00
Code Issues Packages Projects Releases Wiki Activity

improvements to skins

Browse Source
This commit is contained in:
Henrique Santiago
2012-06-19 05:46:49 -03:00
parent 5a048eb7ea
commit 4bdcae2f8b
74 changed files with 155 additions and 87 deletions
Download Patch File Download Diff File Expand all files Collapse all files

41
modules/client_skins/skins/default/styles/buttons.otui Normal file
View File

@@ -0,0 +1,41 @@
Button < UIButton
font: verdana-11px-antialised
color: #f0ad4dff
size: 106 22
text-offset: 0 0
image-source: /images/button.png
image-color: white
image-clip: 0 0 20 20
image-border: 2
padding: 5 10 5 10
$hover !disabled:
image-clip: 0 20 20 20
$pressed:
image-clip: 0 40 20 20
text-offset: 1 1
$disabled:
color: #f0ad4d88
TabButton < UIButton
size: 20 20
image-source: /images/tabbutton.png
image-color: white
image-clip: 0 0 20 20
image-border: 2
icon-color: white
color: #aaaaaa
$hover !on:
image-clip: 0 20 20 20
color: white
$disabled:
image-color: #ffffff66
icon-color: #888888
$on:
image-clip: 0 40 20 20
color: #80c7f8

62
modules/client_skins/skins/default/styles/checkboxes.otui Normal file
View File

@@ -0,0 +1,62 @@
CheckBox < UICheckBox
size: 16 16
text-align: left
text: aa
text-offset: 16 0
color: #aaaaaa
image-color: #ffffffff
image-rect: 0 0 12 12
image-offset: 0 2
image-source: /images/checkbox.png
$hover !disabled:
color: #cccccc
$!checked:
image-clip: 0 0 12 12
$hover !checked:
image-clip: 0 12 12 12
$checked:
image-clip: 0 24 12 12
$hover checked:
image-clip: 0 36 12 12
$disabled:
image-color: #ffffff88
color: #aaaaaa88
ColorBox < UICheckBox
size: 16 16
image-color: #ffffffff
image-source: /images/colorbox.png
$checked:
image-clip: 16 0 16 16
$!checked:
image-clip: 0 0 16 16
ButtonBox < UICheckBox
font: verdana-11px-antialised
color: #ffffffff
size: 106 22
text-offset: 0 0
text-align: center
image-source: /images/tabbutton.png
image-color: white
image-clip: 0 0 20 20
image-border: 2
$hover !disabled:
image-clip: 0 20 20 20
$checked:
image-clip: 0 40 20 20
color: #80c7f8
$disabled:
color: #666666ff
image-color: #ffffff88

45
modules/client_skins/skins/default/styles/comboboxes.otui Normal file
View File

@@ -0,0 +1,45 @@
ComboBoxPopupMenuButton < UIButton
height: 18
font: verdana-11px-antialised
text-align: left
text-offset: 2 0
color: #aaaaaa
background-color: alpha
$hover !disabled:
color: #ffffff
background-color: #ffffff44
$disabled:
color: #555555
ComboBoxPopupMenuSeparator < UIWidget
image-source: /images/combobox.png
image-repeated: true
image-clip: 1 59 89 1
height: 1
phantom: true
ComboBoxPopupMenu < UIPopupMenu
image-source: /images/combobox.png
image-clip: 0 60 89 20
image-border: 1
image-border-top: 0
padding: 1
ComboBox < UIComboBox
font: verdana-11px-antialised
color: #aaaaaa
size: 86 20
text-offset: 3 0
text-align: left
image-source: /images/combobox.png
image-border: 1
image-border-right: 17
image-clip: 0 0 89 20
$hover !disabled:
image-clip: 0 20 89 20
$on:
image-clip: 0 40 89 20

22
modules/client_skins/skins/default/styles/labels.otui Normal file
View File

@@ -0,0 +1,22 @@
Label < UILabel
font: verdana-11px-antialised
color: #bbbbbb
$disabled:
color: #bbbbbb88
FlatLabel < UILabel
font: verdana-11px-antialised
color: #aaaaaa
size: 86 20
text-offset: 3 3
text-margin: 3
image-source: /images/panel_flat.png
image-border: 1
$disabled:
color: #aaaaaa88
GameLabel < UILabel
font: verdana-11px-antialised
color: #bbbbbb

5
modules/client_skins/skins/default/styles/listboxes.otui Normal file
View File

@@ -0,0 +1,5 @@
TextList < UIScrollArea
layout: verticalBox
border-width: 1
border-color: #1d222b
background-color: #222833

19
modules/client_skins/skins/default/styles/messageboxes.otui Normal file
View File

@@ -0,0 +1,19 @@
MessageBoxWindow < MainWindow
id: messageBoxWindow
anchors.centerIn: parent
height: 60
width: 80
padding-bottom: 10
padding-right: 10
MessageBoxLabel < Label
id: messageBoxLabel
anchors.horizontalCenter: parent.horizontalCenter
anchors.top: parent.top
MessageBoxRightButton < Button
id: messageBoxRightButton
anchors.bottom: parent.bottom
anchors.right: parent.right
width: 64
visible: true

13
modules/client_skins/skins/default/styles/panels.otui Normal file
View File

@@ -0,0 +1,13 @@
Panel < UIWidget
phantom: true
ScrollablePanel < UIScrollArea
phantom: true
FlatPanel < Panel
image-source: /images/panel_flat.png
image-border: 1
ScrollableFlatPanel < ScrollablePanel
image-source: /images/panel_flat.png
image-border: 1

32
modules/client_skins/skins/default/styles/popupmenus.otui Normal file
View File

@@ -0,0 +1,32 @@
PopupMenuButton < UIButton
height: 18
margin-left: 3
margin-right: 3
font: verdana-11px-antialised
color: #aaaaaa
background-color: alpha
$hover !disabled:
color: #ffffff
background-color: #ffffff44
$disabled:
color: #555555
PopupMenuSeparator < UIWidget
margin-left: 2
margin-right: 2
image-source: 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
image-source: images/menubox.png
image-border: 3
padding-top: 3
padding-bottom: 3

13
modules/client_skins/skins/default/styles/progressbars.otui Normal file
View File

@@ -0,0 +1,13 @@
ProgressBar < UIProgressBar
height: 16
background-color: red
border: 1 black
image-source: /images/progressbar.png
image-border: 1
ProgressRect < UIProgressRect
anchors.fill: parent
phantom: true
color: white
background-color: #00000088
font: verdana-11px-rounded

95
modules/client_skins/skins/default/styles/scrollbars.otui Normal file
View File

@@ -0,0 +1,95 @@
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
height: 39
image-source: /images/scrollbar.png
image-clip: 39 0 13 65
image-border: 1
pixels-scroll: true
UIButton
id: decrementButton
anchors.top: parent.top
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: incrementButton
anchors.bottom: parent.bottom
anchors.right: parent.right
size: 13 13
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
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

13
modules/client_skins/skins/default/styles/separators.otui Normal file
View File

@@ -0,0 +1,13 @@
HorizontalSeparator < UIWidget
image-source: /images/horizontal_separator.png
image-border-top: 2
height: 2
phantom: true
focusable: false
VerticalSeparator < UIWidget
image-source: /images/horizontal_separator.png
image-border-left: 2
width: 2
phantom: true
focusable: false

11
modules/client_skins/skins/default/styles/spinboxes.otui Normal file
View File

@@ -0,0 +1,11 @@
SpinBox < UISpinBox
font: verdana-11px-antialised
color: #aaaaaa
size: 86 20
text-offset: 0 3
text-margin: 3
image-source: images/panel_flat.png
image-border: 1
$disabled:
color: #aaaaaa88

9
modules/client_skins/skins/default/styles/splitters.otui Normal file
View File

@@ -0,0 +1,9 @@
Splitter < UISplitter
size: 4 4
opacity: 0
background: #ffffff44
ResizeBorder < UIResizeBorder
size: 4 4
opacity: 0
background: #ffffff44

35
modules/client_skins/skins/default/styles/tabbars.otui Normal file
View File

@@ -0,0 +1,35 @@
TabBar < UITabBar
size: 80 20
TabBarPanel < Panel
TabBarButton < UIButton
size: 20 20
image-source: /images/tabbutton.png
image-color: white
image-clip: 0 0 20 20
image-border: 2
icon-color: white
color: #aaaaaa
anchors.top: parent.top
padding: 5
$first:
anchors.left: parent.left
$!first:
anchors.left: prev.right
margin-left: 5
$hover !checked:
image-clip: 0 20 20 20
color: white
$disabled:
image-color: #ffffff66
icon-color: #888888
$checked:
image-clip: 0 40 20 20
color: #80c7f8
$on !checked:
color: #F55E5E

17
modules/client_skins/skins/default/styles/textedits.otui Normal file
View File

@@ -0,0 +1,17 @@
TextEdit < UITextEdit
font: verdana-11px-antialised
color: #aaaaaa
size: 86 20
text-offset: 0 3
text-margin: 3
image-source: /images/panel_flat.png
image-border: 1
$disabled:
color: #aaaaaa88
PasswordTextEdit < TextEdit
text-hidden: true
MultilineTextEdit < TextEdit
multiline: true

24
modules/client_skins/skins/default/styles/windows.otui Normal file
View File

@@ -0,0 +1,24 @@
Window < UIWindow
font: verdana-11px-antialised
size: 200 200
opacity: 1
color: white
text-offset: 0 4
text-align: top
image-source: /images/window.png
image-border: 5
image-border-top: 22
opacity: 1
padding-top: 30
padding-left: 16
padding-right: 16
padding-bottom: 16
$disabled:
color: #aaaaaa88
$dragging:
opacity: 0.8
MainWindow < Window
anchors.centerIn: parent