diff options
Diffstat (limited to 'webapps/qooxdoo-0.6.3-sdk/frontend/framework/source/class/qx/theme/appearance/Classic.js')
-rw-r--r-- | webapps/qooxdoo-0.6.3-sdk/frontend/framework/source/class/qx/theme/appearance/Classic.js | 2219 |
1 files changed, 2219 insertions, 0 deletions
diff --git a/webapps/qooxdoo-0.6.3-sdk/frontend/framework/source/class/qx/theme/appearance/Classic.js b/webapps/qooxdoo-0.6.3-sdk/frontend/framework/source/class/qx/theme/appearance/Classic.js new file mode 100644 index 0000000000..c45c98db5d --- /dev/null +++ b/webapps/qooxdoo-0.6.3-sdk/frontend/framework/source/class/qx/theme/appearance/Classic.js @@ -0,0 +1,2219 @@ +/* ************************************************************************ + + qooxdoo - the new era of web development + + http://qooxdoo.org + + Copyright: + 2004-2006 by 1&1 Internet AG, Germany, http://www.1and1.org + 2006 by STZ-IDA, Germany, http://www.stz-ida.de + + License: + LGPL 2.1: http://www.gnu.org/licenses/lgpl.html + + Authors: + * Sebastian Werner (wpbasti) + * Andreas Ecker (ecker) + * Til Schneider (til132) + + ************************************************************************ */ + +/* ************************************************************************ + +#module(ui_core) +#module(theme_appearance) +#optional(qx.renderer.color.Color) +#optional(qx.renderer.color.ColorObject) +#optional(qx.renderer.border.Border) +#optional(qx.renderer.border.BorderObject) +#optional(qx.renderer.font.Font) +#optional(qx.renderer.font.FontObject) + + ************************************************************************ */ + +qx.OO.defineClass("qx.theme.appearance.Classic", qx.renderer.theme.AppearanceTheme, +function(vTitle) { + qx.renderer.theme.AppearanceTheme.call(this, vTitle || "qooxdoo default appearance"); +}); + + + + +qx.Proto._appearances = qx.lang.Object.carefullyMergeWith( { + /* + --------------------------------------------------------------------------- + CORE + --------------------------------------------------------------------------- + */ + + "image" : { + initial : function(vTheme) { + return { + allowStretchX : false, + allowStretchY : false + } + } + }, + + "client-document" : { + setup : function() { + this.bgcolor = new qx.renderer.color.ColorObject("threedface"); + this.color = new qx.renderer.color.ColorObject("windowtext"); + }, + + initial : function(vTheme) { + return { + backgroundColor : this.bgcolor, + color : this.color, + hideFocus : true, + enableElementFocus : false + } + } + }, + + "blocker" : { + initial : function(vTheme) { + // You could also use: "static/image/dotted_white.gif" for example as backgroundImage here + // (Visible) background tiles could be dramatically slow down mshtml! + // A background image or color is always needed for mshtml to block the events successfully. + return { + cursor : "default", + backgroundImage : "static/image/blank.gif" + } + } + }, + + "atom" : { + initial : function(vTheme) { + return { + cursor : "default", + spacing : 4, + width : "auto", + height : "auto", + horizontalChildrenAlign : "center", + verticalChildrenAlign : "middle", + stretchChildrenOrthogonalAxis : false, + allowStretchY : false, + allowStretchX : false + } + } + }, + + "label" : { + setup : function() { + this.color_disabled = new qx.renderer.color.ColorObject("graytext"); + this.font = new qx.renderer.font.Font(11, '"Segoe UI", Corbel, Calibri, Tahoma, "Lucida Sans Unicode", sans-serif'); + }, + + initial : function(vTheme) { + return { + font: this.font, + wrap : false + } + }, + + state : function(vTheme, vStates) { + return { + color : vStates.disabled ? this.color_disabled : null + } + } + }, + + "htmlcontainer" : { + initial : function(vTheme) { + return vTheme.initialFrom("label"); + }, + + state : function(vTheme, vStates) { + return vTheme.stateFrom("label", vStates); + } + }, + + "popup" : { + initial : function(vTheme) { + return { + width : "auto", + height : "auto" + } + } + }, + + "tool-tip" : { + setup : function() { + this.bgcolor = new qx.renderer.color.ColorObject("InfoBackground"); + this.color = new qx.renderer.color.ColorObject("InfoText"); + }, + + initial : function(vTheme) { + return qx.lang.Object.mergeWith(vTheme.initialFrom("popup"), { + backgroundColor : this.bgcolor, + color : this.color, + border : qx.renderer.border.BorderPresets.getInstance().info, + paddingTop : 1, + paddingRight : 3, + paddingBottom : 2, + paddingLeft : 3 + }); + } + }, + + "iframe" : { + initial : function(vTheme) { + return { + border : qx.renderer.border.BorderPresets.getInstance().inset + } + } + }, + + + + + + + /* + --------------------------------------------------------------------------- + BUTTON + --------------------------------------------------------------------------- + */ + + "button" : { + setup : function() { + this.bgcolor_default = new qx.renderer.color.ColorObject("buttonface"); + this.bgcolor_over = new qx.renderer.color.Color("#87BCE5"); + this.bgcolor_left = new qx.renderer.color.Color("#FFF0C9"); + + this.border_pressed = qx.renderer.border.BorderPresets.getInstance().inset; + this.border_default = qx.renderer.border.BorderPresets.getInstance().outset; + }, + + initial : function(vTheme) { + return vTheme.initialFrom("atom"); + }, + + state : function(vTheme, vStates) { + var vReturn = { + backgroundColor : vStates.abandoned ? this.bgcolor_left : vStates.over ? this.bgcolor_over : this.bgcolor_default, + border : vStates.pressed || vStates.checked || vStates.abandoned ? this.border_pressed : this.border_default + } + + if (vStates.pressed || vStates.abandoned) { + vReturn.paddingTop = 4; + vReturn.paddingRight = 3; + vReturn.paddingBottom = 2; + vReturn.paddingLeft = 5; + } + else { + vReturn.paddingTop = vReturn.paddingBottom = 3; + vReturn.paddingRight = vReturn.paddingLeft = 4; + } + + return vReturn; + } + }, + + + + + + + + + /* + --------------------------------------------------------------------------- + TOOLBAR + --------------------------------------------------------------------------- + */ + + "toolbar" : { + setup : function() { + this.bgcolor = new qx.renderer.color.ColorObject("threedface"); + }, + + initial : function(vTheme) { + return { + border : qx.renderer.border.BorderPresets.getInstance().thinOutset, + backgroundColor : this.bgcolor, + height : "auto" + } + } + }, + + "toolbar-part" : { + initial : function(vTheme) { + return { + width : "auto" + } + } + }, + + "toolbar-part-handle" : { + initial : function(vTheme) { + return { + width : 10 + } + } + }, + + "toolbar-part-handle-line" : { + initial : function(vTheme) { + return { + top : 2, + left : 3, + bottom : 2, + width : 4, + border : qx.renderer.border.BorderPresets.getInstance().thinOutset + } + } + }, + + "toolbar-separator" : { + initial : function(vTheme) { + return { + width : 8 + } + } + }, + + "toolbar-separator-line" : { + setup : function() { + var b = this.border = new qx.renderer.border.BorderObject; + + b.setLeftColor("threedshadow"); + b.setRightColor("threedhighlight"); + + b.setLeftStyle("solid"); + b.setRightStyle("solid"); + + b.setLeftWidth(1); + b.setRightWidth(1); + b.setTopWidth(0); + b.setBottomWidth(0); + }, + + initial : function(vTheme) { + return { + top : 2, + left: 2, + width : 2, + bottom : 2, + border : this.border + } + } + }, + + "toolbar-button" : { + setup : function() { + this.bgcolor_default = new qx.renderer.color.ColorObject("buttonface"); + this.bgcolor_left = new qx.renderer.color.Color("#FFF0C9"); + + this.border_pressed = qx.renderer.border.BorderPresets.getInstance().thinInset; + this.border_over = qx.renderer.border.BorderPresets.getInstance().thinOutset; + this.border_default = qx.renderer.border.BorderPresets.getInstance().none; + + this.checked_background = "static/image/dotted_white.gif"; + }, + + initial : function(vTheme) { + return { + cursor : "default", + spacing : 4, + width : "auto", + verticalChildrenAlign : "middle" + } + }, + + state : function(vTheme, vStates) { + var vReturn = { + backgroundColor : vStates.abandoned ? this.bgcolor_left : this.bgcolor_default, + backgroundImage : vStates.checked && !vStates.over ? this.checked_background : null + } + + if (vStates.pressed || vStates.checked || vStates.abandoned) { + vReturn.border = this.border_pressed; + + vReturn.paddingTop = 3; + vReturn.paddingRight = 2; + vReturn.paddingBottom = 1; + vReturn.paddingLeft = 4; + } else if (vStates.over) { + vReturn.border = this.border_over; + + vReturn.paddingTop = vReturn.paddingBottom = 2; + vReturn.paddingLeft = vReturn.paddingRight = 3; + } else { + vReturn.border = this.border_default; + + vReturn.paddingTop = vReturn.paddingBottom = 3; + vReturn.paddingLeft = vReturn.paddingRight = 4; + } + + return vReturn; + } + }, + + + + + + + + /* + --------------------------------------------------------------------------- + BAR VIEW + --------------------------------------------------------------------------- + */ + + "bar-view" : { + setup : function() { + this.background = new qx.renderer.color.ColorObject("#FAFBFE"); + }, + + initial : function(vTheme) { + return { + backgroundColor : this.background, + border : qx.renderer.border.BorderPresets.getInstance().shadow + } + } + }, + + "bar-view-pane" : { + state : function(vTheme, vStates) { + if (vStates.barHorizontal) { + return { + width : null, + height : "1*" + } + } + else { + return { + width : "1*", + height : null + } + } + } + }, + + "bar-view-page" : { + initial : function(vTheme) { + return { + left : 10, + right : 10, + top : 10, + bottom : 10 + } + } + }, + + "bar-view-bar" : { + setup : function() { + this.background_color = new qx.renderer.color.ColorObject("#E1EEFF"); + + this.border_color = new qx.renderer.color.ColorObject("threedshadow"); + + this.border_top = new qx.renderer.border.BorderObject; + this.border_top.setBottom(1, "solid", this.border_color); + + this.border_bottom = new qx.renderer.border.BorderObject; + this.border_bottom.setTop(1, "solid", this.border_color); + + this.border_left = new qx.renderer.border.BorderObject; + this.border_left.setRight(1, "solid", this.border_color); + + this.border_right = new qx.renderer.border.BorderObject; + this.border_right.setLeft(1, "solid", this.border_color); + }, + + initial : function(vTheme) { + return { + backgroundColor : this.background_color + } + }, + + state : function(vTheme, vStates) { + if (vStates.barTop) { + return { + paddingTop : 1, + paddingRight : 0, + paddingBottom : 1, + paddingLeft : 0, + + border : this.border_top, + height : "auto", + width : null, + orientation : "horizontal" + }; + } + else if (vStates.barBottom) { + return { + paddingTop : 1, + paddingRight : 0, + paddingBottom : 1, + paddingLeft : 0, + + border : this.border_bottom, + height : "auto", + width : null, + orientation : "horizontal" + }; + } + else if (vStates.barLeft) { + return { + paddingTop : 0, + paddingRight : 1, + paddingBottom : 0, + paddingLeft : 1, + + border : this.border_left, + height : null, + width : "auto", + orientation : "vertical" + }; + } + else if (vStates.barRight) { + return { + paddingTop : 0, + paddingRight : 1, + paddingBottom : 0, + paddingLeft : 1, + + border : this.border_right, + height : null, + width : "auto", + orientation : "vertical" + }; + } + } + }, + + "bar-view-button" : { + setup : function() { + this.background_color_normal = null; + this.background_color_checked = new qx.renderer.color.ColorObject("#FAFBFE"); + + this.border_color = new qx.renderer.color.ColorObject("threedshadow"); + this.border_color_checked = new qx.renderer.color.ColorObject("#FEC83C"); + + this.border_top_checked = new qx.renderer.border.Border(1, "solid", this.border_color); + this.border_top_checked.setBottom(3, "solid", this.border_color_checked); + + this.border_bottom_checked = new qx.renderer.border.Border(1, "solid", this.border_color); + this.border_bottom_checked.setTop(3, "solid", this.border_color_checked); + + this.border_left_checked = new qx.renderer.border.Border(1, "solid", this.border_color); + this.border_left_checked.setRight(3, "solid", this.border_color_checked); + + this.border_right_checked = new qx.renderer.border.Border(1, "solid", this.border_color); + this.border_right_checked.setLeft(3, "solid", this.border_color_checked); + }, + + initial : function(vTheme) { + return qx.lang.Object.mergeWith(vTheme.initialFrom("atom"), { + iconPosition : "top" + }); + }, + + state : function(vTheme, vStates) { + var vReturn = { + backgroundColor : vStates.checked ? this.background_color_checked : this.background_color_normal, + allowStretchX : true, + allowStretchY : true + } + + if (vStates.checked || vStates.over) { + if (vStates.barTop) { + vReturn.border = this.border_top_checked; + vReturn.paddingTop = 3; + vReturn.paddingRight = 6; + vReturn.paddingBottom = 1; + vReturn.paddingLeft = 6; + } + else if (vStates.barBottom) { + vReturn.border = this.border_bottom_checked; + vReturn.paddingTop = 1; + vReturn.paddingRight = 6; + vReturn.paddingBottom = 3; + vReturn.paddingLeft = 6; + } + else if (vStates.barLeft) { + vReturn.border = this.border_left_checked; + vReturn.paddingTop = 3; + vReturn.paddingRight = 4; + vReturn.paddingBottom = 3; + vReturn.paddingLeft = 6; + } + else if (vStates.barRight) { + vReturn.border = this.border_right_checked; + vReturn.paddingTop = 3; + vReturn.paddingRight = 6; + vReturn.paddingBottom = 3; + vReturn.paddingLeft = 4; + } + } + else { + vReturn.border = qx.renderer.border.BorderPresets.getInstance().none; + vReturn.paddingTop = vReturn.paddingBottom = 4; + vReturn.paddingRight = vReturn.paddingLeft = 7; + } + + if (vStates.barTop || vStates.barBottom) { + vReturn.marginTop = vReturn.marginBottom = 0; + vReturn.marginRight = vReturn.marginLeft = 1; + vReturn.width = "auto"; + vReturn.height = null; + } + else if (vStates.barLeft || vStates.barRight) { + vReturn.marginTop = vReturn.marginBottom = 1; + vReturn.marginRight = vReturn.marginLeft = 0; + vReturn.height = "auto"; + vReturn.width = null; + } + + return vReturn; + } + }, + + + + + + + + + + /* + --------------------------------------------------------------------------- + WINDOW + --------------------------------------------------------------------------- + */ + + "window" : { + setup : function() { + this.bgcolor = new qx.renderer.color.ColorObject("threedface"); + this.color = new qx.renderer.color.ColorObject("windowtext"); + }, + + initial : function(vTheme) { + return { + backgroundColor : this.bgcolor, + color : this.color, + paddingTop : 1, + paddingRight : 1, + paddingBottom : 1, + paddingLeft : 1 + } + }, + + state : function(vTheme, vStates) { + return { + border : vStates.maximized ? qx.renderer.border.BorderPresets.getInstance().none : qx.renderer.border.BorderPresets.getInstance().outset + } + } + }, + + "window-captionbar" : { + setup : function() { + this.bgcolor_active = new qx.renderer.color.ColorObject("activecaption"); + this.color_active = new qx.renderer.color.ColorObject("captiontext"); + this.bgcolor_inactive = new qx.renderer.color.ColorObject("inactivecaption"); + this.color_inactive = new qx.renderer.color.ColorObject("inactivecaptiontext"); + }, + + initial : function(vTheme) { + return { + paddingTop : 1, + paddingRight : 2, + paddingBottom : 2, + paddingLeft : 2, + verticalChildrenAlign : "middle", + height : "auto", + overflow : "hidden" + } + }, + + state : function(vTheme, vStates) { + return { + backgroundColor : vStates.active ? this.bgcolor_active : this.bgcolor_inactive, + color : vStates.active ? this.color_active : this.color_inactive + } + } + }, + + "window-resize-frame" : { + initial : function(vTheme) { + return { + border : qx.renderer.border.BorderPresets.getInstance().shadow + } + } + }, + + "window-captionbar-icon" : { + initial : function(vTheme) { + return { + marginRight : 2 + } + } + }, + + "window-captionbar-title" : { + setup : function() { + this.font = new qx.renderer.font.Font(11, '"Segoe UI", Corbel, Calibri, Tahoma, "Lucida Sans Unicode", sans-serif'); + this.font.setBold(true); + }, + + initial : function(vTheme) { + return { + cursor : "default", + font : this.font, + marginRight : 2, + wrap : false + } + } + }, + + "window-captionbar-button" : { + initial : function(vTheme) { + return vTheme.initialFrom("button"); + }, + + state : function(vTheme, vStates) { + var vReturn = vTheme.stateFrom("button", vStates); + + if (vStates.pressed || vStates.abandoned) { + vReturn.paddingTop = 2; + vReturn.paddingRight = 1; + vReturn.paddingBottom = 0; + vReturn.paddingLeft = 3; + } + else { + vReturn.paddingTop = vReturn.paddingBottom = 1; + vReturn.paddingRight = vReturn.paddingLeft = 2; + } + + return vReturn; + } + }, + + "window-captionbar-minimize-button" : { + initial : function(vTheme) { + return vTheme.initialFrom("window-captionbar-button"); + }, + + state : function(vTheme, vStates) { + return vTheme.stateFrom("window-captionbar-button", vStates); + } + }, + + "window-captionbar-restore-button" : { + initial : function(vTheme) { + return vTheme.initialFrom("window-captionbar-button"); + }, + + state : function(vTheme, vStates) { + return vTheme.stateFrom("window-captionbar-button", vStates); + } + }, + + "window-captionbar-maximize-button" : { + initial : function(vTheme) { + return vTheme.initialFrom("window-captionbar-button"); + }, + + state : function(vTheme, vStates) { + return vTheme.stateFrom("window-captionbar-button", vStates); + } + }, + + "window-captionbar-close-button" : { + initial : function(vTheme) { + return qx.lang.Object.mergeWith(vTheme.initialFrom("window-captionbar-button"), { + marginLeft : 2 + }); + }, + + state : function(vTheme, vStates) { + return vTheme.stateFrom("window-captionbar-button", vStates); + } + }, + + "window-statusbar" : { + initial : function(vTheme) { + return { + border : qx.renderer.border.BorderPresets.getInstance().thinInset, + height : "auto" + } + } + }, + + "window-statusbar-text" : { + initial : function(vTheme) { + return { + paddingTop : 1, + paddingRight : 4, + paddingBottom : 1, + paddingLeft : 4, + cursor : "default" + } + } + }, + + + + + + + + /* + --------------------------------------------------------------------------- + RESIZER + --------------------------------------------------------------------------- + */ + + "resizer": { + initial: function(vTheme) { + return { + border : qx.renderer.border.BorderPresets.getInstance().outset + } + } + }, + + "resizer-frame" : { + initial : function(vTheme) { + return { + border : qx.renderer.border.BorderPresets.getInstance().shadow + } + } + }, + + + + + + + + /* + --------------------------------------------------------------------------- + MENU + --------------------------------------------------------------------------- + */ + + "menu" : { + setup : function() { + this.bgcolor = new qx.renderer.color.ColorObject("menu"); + }, + + initial : function(vTheme) { + return { + width : "auto", + height : "auto", + backgroundColor : this.bgcolor, + border : qx.renderer.border.BorderPresets.getInstance().outset, + paddingTop : 1, + paddingRight : 1, + paddingBottom : 1, + paddingLeft : 1 + } + } + }, + + "menu-layout" : { + initial : function(vTheme) { + return { + top : 0, + right : 0, + bottom : 0, + left : 0 + } + } + }, + + "menu-button" : { + setup : function() { + this.BGCOLOR_OVER = new qx.renderer.color.ColorObject("highlight"); + this.BGCOLOR_OUT = null; + + this.COLOR_OVER = new qx.renderer.color.ColorObject("highlighttext"); + this.COLOR_OUT = null; + }, + + initial : function(vTheme) { + return { + minWidth : "auto", + height : "auto", + spacing : 2, + paddingTop : 2, + paddingRight : 4, + paddingBottom : 2, + paddingLeft : 4, + cursor : "default", + verticalChildrenAlign : "middle", + allowStretchX : true + } + }, + + state : function(vTheme, vStates) { + return { + backgroundColor : vStates.over ? this.BGCOLOR_OVER : this.BGCOLOR_OUT, + color : vStates.over ? this.COLOR_OVER : this.COLOR_OUT + } + } + }, + + "menu-check-box" : { + initial : function(vTheme) { + return vTheme.initialFrom("menu-button"); + }, + + state : function(vTheme, vStates) { + return vTheme.stateFrom("menu-button", vStates); + } + }, + + "menu-radio-button" : { + initial : function(vTheme) { + return vTheme.initialFrom("menu-button"); + }, + + state : function(vTheme, vStates) { + return vTheme.stateFrom("menu-button", vStates); + } + }, + + "menu-separator" : { + initial : function(vTheme) { + return { + height : "auto", + marginTop : 3, + marginBottom : 2, + paddingLeft : 3, + paddingRight : 3 + } + } + }, + + "menu-separator-line" : { + initial : function(vTheme) { + return { + right : 0, + left : 0, + height : "auto", + border : qx.renderer.border.BorderPresets.getInstance().verticalDivider + } + } + }, + + + + + + + + + /* + --------------------------------------------------------------------------- + LIST + --------------------------------------------------------------------------- + */ + + "list" : { + setup : function() { + this.bgcolor = new qx.renderer.color.Color("white"); + }, + + initial : function(vTheme) { + return { + overflow : "hidden", + border : qx.renderer.border.BorderPresets.getInstance().thinInset, + backgroundColor : this.bgcolor + } + } + }, + + "list-item" : { + setup : function() { + this.bgcolor_selected = new qx.renderer.color.ColorObject("highlight"); + this.color_selected = new qx.renderer.color.ColorObject("highlighttext"); + }, + + initial : function(vTheme) { + return { + cursor : "default", + height : "auto", + horizontalChildrenAlign : "left", + verticalChildrenAlign : "middle", + spacing : 4, + paddingTop : 3, + paddingRight : 5, + paddingBottom : 3, + paddingLeft : 5, + minWidth : "auto" + } + }, + + state : function(vTheme, vStates) { + return { + backgroundColor : vStates.selected ? this.bgcolor_selected : null, + color : vStates.selected ? this.color_selected : null + } + } + }, + + + + + + + + + /* + --------------------------------------------------------------------------- + FIELDS + --------------------------------------------------------------------------- + */ + + "text-field" : { + setup : function() { + this.font = new qx.renderer.font.Font(11, '"Segoe UI", Corbel, Calibri, Tahoma, "Lucida Sans Unicode", sans-serif'); + }, + + initial : function(vTheme) { + return { + hideFocus : true, + border : qx.renderer.border.BorderPresets.getInstance().inset, + paddingTop : 1, + paddingRight : 3, + paddingBottom : 1, + paddingLeft : 3, + allowStretchY : false, + allowStretchX : true, + font : this.font, + width : "auto", + height : "auto" + } + }, + + state : function(vTheme, vStates) { + return vTheme.stateFrom("label", vStates); + } + }, + + "text-area" : { + initial : function(vTheme) { + return qx.lang.Object.mergeWith(vTheme.initialFrom("text-field"), { + overflow : "auto", + + // gecko automatically defines a marginTop/marginBottom of 1px. We need to reset these values. + marginTop : 0, + marginBottom : 0 + }); + }, + + state : function(vTheme, vStates) { + return vTheme.stateFrom("text-field", vStates); + } + }, + + + + + + + + + + + /* + --------------------------------------------------------------------------- + COMBOBOX + --------------------------------------------------------------------------- + */ + + "combo-box" : { + setup : function() { + this.bgcolor = new qx.renderer.color.Color("white"); + }, + + initial : function(vTheme) { + return { + minWidth : 40, + width : 120, + height : "auto", + border : qx.renderer.border.BorderPresets.getInstance().inset, + backgroundColor : this.bgcolor, + allowStretchY : false + } + } + }, + + "combo-box-ex" : { + setup : function() { + this.bgcolor = new qx.renderer.color.Color("white"); + }, + + initial : function(vTheme) { + return { + width : "auto", + height : "auto", + border : qx.renderer.border.BorderPresets.getInstance().inset, + backgroundColor : this.bgcolor, + allowStretchY : false + } + } + }, + + "combo-box-list" : { + initial : function(vTheme) { + return qx.lang.Object.mergeWith(vTheme.initialFrom("list"), { + top : 0, + right : 0, + bottom : 0, + left : 0, + border : null, + overflow : "scrollY" + }); + } + }, + + "combo-box-ex-list" : { + initial : function(vTheme) { + return qx.lang.Object.mergeWith(vTheme.initialFrom("list"), { + statusBarVisible: false, + columnVisibilityButtonVisible: false, + height: 'auto', + maxHeight: 150, + top : 0, + left : 0, + border : null + }); + } + }, + + "combo-box-popup" : { + initial : function(vTheme) { + return qx.lang.Object.mergeWith(vTheme.initialFrom("list"), { + height : "auto", + maxHeight : 150, + border : qx.renderer.border.BorderPresets.getInstance().shadow + }); + } + }, + + "combo-box-ex-popup" : { + initial : function(vTheme) { + return qx.lang.Object.mergeWith(vTheme.initialFrom("list"), { + width: "auto", + height : "auto", + border : qx.renderer.border.BorderPresets.getInstance().shadow + }); + } + }, + + "combo-box-text-field" : { + setup : function() { + this.bgcolor = new qx.renderer.color.Color("transparent"); + }, + + initial : function(vTheme) { + return qx.lang.Object.mergeWith(vTheme.initialFrom("text-field"), { + border : qx.renderer.border.BorderPresets.getInstance().none, + width : "1*", + backgroundColor : this.bgcolor + }); + } + }, + + "combo-box-ex-text-field" : { + setup : function() { + this.bgcolor = new qx.renderer.color.Color("transparent"); + }, + + initial : function(vTheme) { + return qx.lang.Object.mergeWith(vTheme.initialFrom("text-field"), { + border : qx.renderer.border.BorderPresets.getInstance().none, + minWidth : 30, + width : 100, + backgroundColor : this.bgcolor + }); + } + }, + + // Used both for ComboBox and ComboBoxEx + "combo-box-button" : { + initial : function(vTheme) { + return qx.lang.Object.mergeWith(vTheme.initialFrom("button"), { + height : null, + allowStretchY : true + }); + }, + + state : function(vTheme, vStates) { + return qx.lang.Object.mergeWith(vTheme.stateFrom("button", vStates), { + paddingTop : 0, + paddingRight : 3, + paddingBottom : 0, + paddingLeft : 2 + }); + } + }, + + + + + + + + /* + --------------------------------------------------------------------------- + TREE + --------------------------------------------------------------------------- + */ + + "tree-element" : { + initial : function(vTheme) { + return { + height : 16, + verticalChildrenAlign : "middle" + } + } + }, + + "tree-element-icon" : { + initial : function(vTheme) { + return { + width : 16, + height : 16 + } + } + }, + + "tree-element-label" : { + setup : function() { + this.bgcolor_selected = new qx.renderer.color.ColorObject("highlight"); + this.color_selected = new qx.renderer.color.ColorObject("highlighttext"); + }, + + initial : function(vTheme) { + return qx.lang.Object.mergeWith(vTheme.initialFrom("label"), { + cursor : "default", + marginLeft : 3, + height : 15, + paddingTop : 2, + paddingRight : 2, + paddingBottom : 2, + paddingLeft : 2, + allowStretchY : false + }); + }, + + state : function(vTheme, vStates) { + return qx.lang.Object.mergeWith(vTheme.stateFrom("label", vStates), { + backgroundColor : vStates.selected ? this.bgcolor_selected : null, + color : vStates.selected ? this.color_selected : null + }); + } + }, + + "tree-folder" : { + initial : function(vTheme) { + return vTheme.initialFrom("tree-element"); + }, + + state : function(vTheme, vStates) { + return vTheme.stateFrom("tree-element", vStates); + } + }, + + "tree-folder-icon" : { + initial : function(vTheme) { + return { + width : 16, + height : 16 + } + } + }, + + "tree-folder-label" : { + initial : function(vTheme) { + return vTheme.initialFrom("tree-element-label"); + }, + + state : function(vTheme, vStates) { + return vTheme.stateFrom("tree-element-label", vStates); + } + }, + + "tree" : { + initial : function(vTheme) { + return vTheme.initialFrom("tree-folder"); + }, + + state : function(vTheme, vStates) { + return vTheme.stateFrom("tree-folder", vStates); + } + }, + + "tree-icon" : { + initial : function(vTheme) { + return vTheme.initialFrom("tree-folder-icon"); + }, + + state : function(vTheme, vStates) { + return vTheme.stateFrom("tree-folder-icon", vStates); + } + }, + + "tree-label" : { + initial : function(vTheme) { + return vTheme.initialFrom("tree-folder-label"); + }, + + state : function(vTheme, vStates) { + return vTheme.stateFrom("tree-folder-label", vStates); + } + }, + + "tree-container" : { + initial : function(vTheme) { + return { + verticalChildrenAlign : "top" + } + } + }, + + "tree-folder-container" : { + initial : function(vTheme) { + return { + height : "auto", + verticalChildrenAlign : "top" + } + } + }, + + + + + + + + /* + --------------------------------------------------------------------------- + LISTVIEW + --------------------------------------------------------------------------- + */ + + "list-view" : { + initial : function(vTheme) { + return { + cursor : "default", + overflow: "hidden" + } + } + }, + + "list-view-pane" : { + initial : function(vTheme) { + return { + width : "1*", + horizontalSpacing : 1, + overflow : "hidden" + } + } + }, + + "list-view-header" : { + setup : function() { + this.border = new qx.renderer.border.Border; + this.border.setBottom(1, "solid", "#e2e2e2"); + + this.bgcolor = new qx.renderer.color.Color("#f2f2f2"); + }, + + initial : function(vTheme) { + return { + height : "auto", + overflow: "hidden", + border : this.border, + backgroundColor : this.bgcolor + } + } + }, + + "list-view-header-cell" : { + setup : function() { + this.border_hover = new qx.renderer.border.Border; + this.border_hover.setBottom(2, "solid", "#F9B119"); + + this.bgcolor_hover = new qx.renderer.color.Color("white"); + }, + + initial : function(vTheme) { + return { + overflow : "hidden", + paddingTop : 2, + paddingRight : 6, + paddingBottom : 2, + paddingLeft : 6, + spacing : 4 + }; + }, + + state : function(vTheme, vStates) { + if (vStates.over) { + return { + backgroundColor : this.bgcolor_hover, + paddingBottom : 0, + border : this.border_hover + }; + } + else { + return { + backgroundColor : null, + paddingBottom : 2, + border : null + }; + } + } + }, + + "list-view-header-separator" : { + setup : function() { + this.bgcolor = new qx.renderer.color.Color("#D6D5D9"); + }, + + initial : function(vTheme) { + return { + backgroundColor : this.bgcolor, + width : 1, + marginTop : 1, + marginBottom : 1 + }; + } + }, + + "list-view-content-cell" : { + setup : function() { + this.bgcolor_selected = new qx.renderer.color.ColorObject("highlight"); + this.color_selected = new qx.renderer.color.ColorObject("highlighttext"); + }, + + state : function(vTheme, vStates) { + return { + backgroundColor : vStates.selected ? this.bgcolor_selected : null, + color : vStates.selected ? this.color_selected : null + }; + } + }, + + "list-view-content-cell-image" : { + initial : function(vTheme) { + return { + paddingLeft : 6, + paddingRight : 6 + }; + }, + + state : function(vTheme, vStates) { + return vTheme.stateFrom("list-view-content-cell", vStates); + } + }, + + "list-view-content-cell-text" : { + initial : function(vTheme) { + return qx.lang.Object.mergeWith(vTheme.initialFrom("htmlcontainer"), { + overflow: "hidden", + paddingLeft : 6, + paddingRight : 6 + }); + }, + + state : function(vTheme, vStates) { + return qx.lang.Object.mergeWith(vTheme.stateFrom("htmlcontainer", vStates), vTheme.stateFrom("list-view-content-cell", vStates)); + } + }, + + "list-view-content-cell-html" : { + initial : function(vTheme) { + return vTheme.initialFrom("list-view-content-cell-text"); + }, + + state : function(vTheme, vStates) { + return vTheme.stateFrom("list-view-content-cell-text", vStates); + } + }, + + "list-view-content-cell-icon-html" : { + initial : function(vTheme) { + return vTheme.initialFrom("list-view-content-cell-text"); + }, + + state : function(vTheme, vStates) { + return vTheme.stateFrom("list-view-content-cell-text", vStates); + } + }, + + "list-view-content-cell-link" : { + initial : function(vTheme) { + return vTheme.initialFrom("list-view-content-cell-text"); + }, + + state : function(vTheme, vStates) { + return vTheme.stateFrom("list-view-content-cell-text", vStates); + } + }, + + + + + + + + /* + --------------------------------------------------------------------------- + TABVIEW + --------------------------------------------------------------------------- + */ + + "tab-view" : { + initial : function(vTheme) { + return { + spacing : -1 + }; + } + }, + + "tab-view-bar" : { + initial : function(vTheme) { + return { + height : "auto" + }; + } + }, + + "tab-view-pane" : { + setup : function() { + this.border = new qx.renderer.border.Border(1, "solid", "#91A5BD"); + this.bgcolor = new qx.renderer.color.ColorObject("#FAFBFE"); + }, + + initial : function(vTheme) { + return { + height : "1*", + backgroundColor : this.bgcolor, + border : this.border, + paddingTop : 10, + paddingRight : 10, + paddingBottom : 10, + paddingLeft : 10 + }; + } + }, + + "tab-view-page" : { + initial : function(vTheme) { + return { + top : 0, + right : 0, + bottom : 0, + left : 0 + }; + } + }, + + "tab-view-button" : { + setup : function() { + this.bgcolor_normal = new qx.renderer.color.ColorObject("#E1EEFF"); + this.bgcolor_checked = new qx.renderer.color.ColorObject("#FAFBFE"); + + this.border_top_normal = new qx.renderer.border.Border(1, "solid", "#91A5BD"); + this.border_top_normal.setBottomWidth(0); + + this.border_top_checked = new qx.renderer.border.Border(1, "solid", "#91A5BD"); + this.border_top_checked.setBottomWidth(0); + this.border_top_checked.setTop(3, "solid", "#FEC83C"); + + this.border_bottom_normal = new qx.renderer.border.Border(1, "solid", "#91A5BD"); + this.border_bottom_normal.setTopWidth(0); + + this.border_bottom_checked = new qx.renderer.border.Border(1, "solid", "#91A5BD"); + this.border_bottom_checked.setTopWidth(0); + this.border_bottom_checked.setBottom(3, "solid", "#FEC83C"); + }, + + initial : function(vTheme) { + return vTheme.initialFrom("atom"); + }, + + state : function(vTheme, vStates) { + var vReturn; + + if (vStates.checked) { + vReturn = { + backgroundColor : this.bgcolor_checked, + zIndex : 1, + paddingTop : 2, + paddingBottom : 4, + paddingLeft : 7, + paddingRight : 8, + border : vStates.barTop ? this.border_top_checked : this.border_bottom_checked, + marginTop : 0, + marginBottom : 0, + marginRight : -1, + marginLeft : -2 + } + + if (vStates.alignLeft) { + if (vStates.firstChild) { + vReturn.paddingLeft = 6; + vReturn.paddingRight = 7; + vReturn.marginLeft = 0; + } + } + else { + if (vStates.lastChild) { + vReturn.paddingLeft = 8; + vReturn.paddingRight = 5; + vReturn.marginRight = 0; + } + } + } + else { + vReturn = { + backgroundColor : vStates.over ? this.bgcolor_checked : this.bgcolor_normal, + zIndex : 0, + paddingTop : 2, + paddingBottom : 2, + paddingLeft : 5, + paddingRight : 6, + marginRight : 1, + marginLeft : 0 + } + + if (vStates.alignLeft) { + if (vStates.firstChild) { + vReturn.paddingLeft = 6; + vReturn.paddingRight = 5; + } + } + else { + if (vStates.lastChild) { + vReturn.paddingLeft = 6; + vReturn.paddingRight = 5; + vReturn.marginRight = 0; + } + } + + if (vStates.barTop) { + vReturn.border = this.border_top_normal; + vReturn.marginTop = 3; + vReturn.marginBottom = 1; + } + else { + vReturn.border = this.border_bottom_normal; + vReturn.marginTop = 1; + vReturn.marginBottom = 3; + } + } + + return vReturn; + } + }, + + + + + + + /* + --------------------------------------------------------------------------- + FIELDSET + --------------------------------------------------------------------------- + */ + + "field-set" : { + setup : function() { + this.bgcolor = new qx.renderer.color.ColorObject("threedface"); + }, + + initial : function(vTheme) { + return { + backgroundColor : this.bgcolor + } + } + }, + + "field-set-legend" : { + setup : function() { + this.bgcolor = new qx.renderer.color.ColorObject("threedface"); + }, + + initial : function(vTheme) { + return qx.lang.Object.mergeWith(vTheme.initialFrom("atom"), { + top : 1, + left : 10, + backgroundColor : this.bgcolor, + paddingRight : 3, + paddingLeft : 4, + marginRight: 10 + }); + } + }, + + "field-set-frame" : { + initial : function(vTheme) { + return { + top : 8, + left : 2, + right : 2, + bottom : 2, + paddingTop : 12, + paddingRight : 9, + paddingBottom : 12, + paddingLeft : 9, + border : qx.renderer.border.BorderPresets.getInstance().groove + } + } + }, + + "check-box-field-set-legend" : { + setup : function() { + this.bgcolor = new qx.renderer.color.ColorObject("threedface"); + }, + + initial : function(vTheme) { + return qx.lang.Object.mergeWith(vTheme.initialFrom("atom"), { + top : 1, + left : 10, + backgroundColor : this.bgcolor, + paddingRight : 3 + }); + } + }, + + "radio-button-field-set-legend" : { + initial : function(vTheme) { + return vTheme.initialFrom("check-box-field-set-legend"); + } + }, + + + + + + + + /* + --------------------------------------------------------------------------- + SPINNER + --------------------------------------------------------------------------- + */ + + "spinner" : { + setup : function() { + this.bgcolor = new qx.renderer.color.Color("white"); + }, + + initial : function(vTheme) { + return { + width : 60, + height : 22, + border : qx.renderer.border.BorderPresets.getInstance().inset, + backgroundColor : this.bgcolor + } + } + }, + + "spinner-field" : { + initial : function(vTheme) { + return qx.lang.Object.mergeWith(vTheme.initialFrom("text-field"), { + width : "1*", + border : qx.renderer.border.BorderPresets.getInstance().none + }); + }, + + state : function(vTheme, vStates) { + return vTheme.stateFrom("text-field", vStates); + } + }, + + "spinner-button-up" : { + initial : function(vTheme) { + return qx.lang.Object.mergeWith(vTheme.initialFrom("image"), { + height: "1*", + width: 16, + backgroundColor: new qx.renderer.color.ColorObject("threedface") + }); + }, + + state : function(vTheme, vStates) { + return qx.lang.Object.mergeWith(vTheme.stateFrom("button", vStates), { + paddingTop : 0, + paddingRight : 0, + paddingBottom: 0, + paddingLeft : 3 + }); + } + }, + + "spinner-button-down" : { + initial : function(vTheme) { + return qx.lang.Object.mergeWith(vTheme.initialFrom("image"), { + height: "1*", + width: 16, + backgroundColor: new qx.renderer.color.ColorObject("threedface") + }); + }, + + state : function(vTheme, vStates) { + return qx.lang.Object.mergeWith(vTheme.stateFrom("button", vStates), { + paddingTop : 1, + paddingRight : 0, + paddingBottom: 0, + paddingLeft : 3 + }); + } + }, + + + + + + /* + --------------------------------------------------------------------------- + COLORSELECTOR + --------------------------------------------------------------------------- + */ + + "colorselector" : { + setup : function() { + this.border = qx.renderer.border.BorderPresets.getInstance().outset; + }, + + initial : function(vTheme) { + return { + border : this.border, + width: "auto", + height: "auto" + } + }, + + state : function(vTheme, vStates) { + + } + }, + + + + + + /* + --------------------------------------------------------------------------- + DATECHOOSER + --------------------------------------------------------------------------- + */ + + "datechooser-toolbar-button" : { + setup : function() { + this.bgcolor_default = new qx.renderer.color.ColorObject("buttonface"); + this.bgcolor_left = new qx.renderer.color.Color("#FFF0C9"); + + this.border_pressed = qx.renderer.border.BorderPresets.getInstance().thinInset; + this.border_over = qx.renderer.border.BorderPresets.getInstance().thinOutset; + this.border_default = null; + + this.checked_background = "static/image/dotted_white.gif"; + }, + + initial : function(vTheme) { + return { + cursor : "default", + spacing : 4, + width : "auto", + verticalChildrenAlign : "middle" + } + }, + + state : function(vTheme, vStates) { + var vReturn = { + backgroundColor : vStates.abandoned ? this.bgcolor_left : this.bgcolor_default, + backgroundImage : (vStates.checked && !vStates.over) ? this.checked_background : null + } + + if (vStates.pressed || vStates.checked || vStates.abandoned) { + vReturn.border = this.border_pressed; + } else if (vStates.over) { + vReturn.border = this.border_over; + } else { + vReturn.border = this.border_default; + } + + if (vStates.pressed || vStates.checked || vStates.abandoned) { + vReturn.paddingTop = 2; + vReturn.paddingRight = 0; + vReturn.paddingBottom = 0; + vReturn.paddingLeft = 2; + } else if (vStates.over) { + vReturn.paddingTop = vReturn.paddingBottom = 1; + vReturn.paddingLeft = vReturn.paddingRight = 1; + } else { + vReturn.paddingTop = vReturn.paddingBottom = 2; + vReturn.paddingLeft = vReturn.paddingRight = 2; + } + + return vReturn; + } + }, + + + "datechooser-monthyear" : { + setup : function() { + this.font = new qx.renderer.font.Font(13, '"Segoe UI", Corbel, Calibri, Tahoma, "Lucida Sans Unicode", sans-serif'); + }, + + initial : function(vTheme) { + return { + font : this.font, + textAlign: "center", + verticalAlign: "middle" + } + } + }, + + + "datechooser-datepane" : { + setup : function() { + this.border = new qx.renderer.border.Border(1, "solid", "gray"); + this.bgcolor = new qx.renderer.color.ColorObject("window"); + }, + + initial : function(vTheme) { + return { + border : this.border, + backgroundColor : this.bgcolor + } + } + }, + + + "datechooser-weekday" : { + setup : function() { + this.border = new qx.renderer.border.Border; + this.border.set({ bottomColor:"gray", bottomStyle :"solid", bottomWidth:1 }); + this.color = new qx.renderer.color.ColorObject("window"); + this.bgcolor = new qx.renderer.color.ColorObject("#6285BA"); + this.font = new qx.renderer.font.Font(11, '"Segoe UI", Corbel, Calibri, Tahoma, "Lucida Sans Unicode", sans-serif'); + this.font.setBold(true); + }, + + initial : function(vTheme) { + return { + border : this.border, + font : this.font, + textAlign : "center" + } + }, + + state : function(vTheme, vStates) { + return { + color : vStates.weekend ? this.bgcolor : this.color, + backgroundColor : vStates.weekend ? this.color : this.bgcolor + } + } + + }, + + + "datechooser-day" : { + setup : function() { + this.font = new qx.renderer.font.Font(11, '"Segoe UI", Corbel, Calibri, Tahoma, "Lucida Sans Unicode", sans-serif'); + + this.selectedColor = new qx.renderer.color.ColorObject("highlightText"); + this.selectedBgColor = new qx.renderer.color.ColorObject("highlight"); + this.color = new qx.renderer.color.ColorObject("windowText"); + this.otherMonthColor = new qx.renderer.color.ColorObject("grayText"); + + this.transparentBorder = new qx.renderer.border.Border(1, "none"); + }, + + initial : function(vTheme) { + return { + cursor : "default", + border : this.border, + color : this.color, + font : this.font, + textAlign : "center", + verticalAlign: "middle", + selectable: false + } + }, + + state : function(vTheme, vStates) { + return { + border : vStates.today ? qx.renderer.border.BorderPresets.getInstance().black : this.transparentBorder, + color : vStates.selected ? this.selectedColor : + (vStates.otherMonth ? this.otherMonthColor : this.color), + backgroundColor : vStates.selected ? this.selectedBgColor : null + } + } + }, + + "datechooser-week" : { + setup : function() { + this.border = new qx.renderer.border.Border; + this.border.set({ rightColor:"gray", rightStyle :"solid", rightWidth:1 }); + this.headerBorder = new qx.renderer.border.Border; + this.headerBorder.set({ rightColor:"gray", rightStyle :"solid", rightWidth:1, + bottomColor:"gray", bottomStyle :"solid", bottomWidth:1 }); + this.color = new qx.renderer.color.ColorObject("#6285BA"); + this.font = new qx.renderer.font.Font(11, '"Segoe UI", Corbel, Calibri, Tahoma, "Lucida Sans Unicode", sans-serif'); + }, + + initial : function(vTheme) { + return { + border : this.border, + font : this.font, + color: this.color, + paddingLeft : 2 + } + }, + + state : function(vTheme, vStates) { + return { + border : vStates.header ? this.headerBorder : this.border + } + } + }, + + + + + + + /* + --------------------------------------------------------------------------- + TABLE + --------------------------------------------------------------------------- + */ + + "table-focus-statusbar" : { + setup : function() { + this.font = new qx.renderer.font.Font(11, '"Segoe UI", Corbel, Calibri, Tahoma, "Lucida Sans Unicode", sans-serif'); + this.border = new qx.renderer.border.Border; + this.border.set({ topColor:"threedshadow", topStyle :"solid", topWidth:1 }); + }, + + initial : function(vTheme) { + return { + font: this.font, + border: this.border, + paddingLeft: 2, + paddingRight: 2 + } + } + }, + + + "table-focus-indicator" : { + setup : function() { + this.border = new qx.renderer.border.Border(3, "solid", "#b3d9ff"); + this.blurBorder = new qx.renderer.border.Border(3, "solid", "#c5c8ca"); + this.editingBorder = new qx.renderer.border.Border(2, "solid", "#b3d9ff"); + }, + + state : function(vTheme, vStates) { + return { + border : vStates.editing ? this.editingBorder : (vStates.tableHasFocus ? this.border : this.blurBorder) + } + } + }, + + + "table-editor-textfield" : { + setup : function() { + this.font = new qx.renderer.font.Font(11, '"Segoe UI", Corbel, Calibri, Tahoma, "Lucida Sans Unicode", sans-serif'); + }, + + initial : function(vTheme) { + return { + font: this.font, + border: qx.renderer.border.BorderPresets.getInstance().none, + paddingLeft: 2, + paddingRight: 2, + paddingTop: 0, + paddingBottom: 0 + } + } + }, + + "table-header-cell" : { + setup : function() { + this.border = new qx.renderer.border.Border; + this.border.set({ rightColor:"#d6d2c2", rightStyle :"solid", rightWidth:1, + bottomColor:"#d6d2c2", bottomStyle :"solid", bottomWidth:2 }); + + this.mouseOverBorder = new qx.renderer.border.Border; + this.mouseOverBorder.set({ rightColor:"#d6d2c2", rightStyle :"solid", rightWidth:1, + bottomColor:"#F9B119", bottomStyle :"solid", bottomWidth:2 }); + + this.mouseOverBackground = new qx.renderer.color.ColorObject("white"); + this.background = new qx.renderer.color.ColorObject("#ebeadb"); + }, + + initial : function(vTheme) { + return { + cursor : "default", + border : this.border, + paddingLeft : 2, + paddingRight : 2, + spacing:2, + overflow:"hidden", + selectable: false, + backgroundColor:this.background, + iconPosition:"right", + verticalChildrenAlign:"middle" + } + }, + + state : function(vTheme, vStates) { + return { + backgroundColor : vStates.mouseover ? this.mouseOverBackground : this.background, + border : vStates.mouseover ? this.mouseOverBorder : this.border + } + } + }, + + + + + /* + --------------------------------------------------------------------------- + SPLITPANE + --------------------------------------------------------------------------- + */ + + "splitpane" : + { + initial : function(vTheme) + { + return { + overflow : "hidden" + } + } + }, + + "splitpane-glasspane" : + { + setup : function() { + this.background = new qx.renderer.color.ColorObject("threedshadow"); + }, + + initial : function(vTheme) + { + return { + zIndex : 1e7, + backgroundColor : this.background + } + }, + + state : function(vTheme, vStates) { + return { + opacity : vStates.visible ? 0.2 : 0 + } + } + }, + + "splitpane-splitter" : + { + initial : function(vTheme) { + return { + backgroundColor : "threedface" + } + }, + + state : function(vTheme, vStates) + { + return { + cursor : vStates.horizontal ? "col-resize" : "row-resize" + }; + } + }, + + "splitpane-slider" : + { + initial : function(vTheme) + { + return { + opacity: 0.5, + zIndex : 1e8 + } + }, + + state : function(vTheme, vStates) + { + return { + backgroundColor: vStates.dragging ? "threeddarkshadow" : "threedface" + } + } + }, + + "splitpane-knob" : + { + state : function(vTheme, vStates) + { + var vReturn = { + opacity: vStates.dragging ? 0.5 : 1.0 + } + + if (vStates.horizontal) + { + vReturn.top = "33%"; + vReturn.left = null; + vReturn.marginLeft = -6; + vReturn.marginTop = 0; + vReturn.cursor = "col-resize"; + } + else if (vStates.vertical) + { + vReturn.top = null; + vReturn.left = "33%"; + vReturn.marginTop = -6; + vReturn.marginLeft = 0; + vReturn.cursor = "row-resize"; + } + + return vReturn; + } + } + + + + + /* + --------------------------------------------------------------------------- + END + --------------------------------------------------------------------------- + */ +}, qx.Super.prototype._appearances); + + + + + +/* +--------------------------------------------------------------------------- + DEFER SINGLETON INSTANCE +--------------------------------------------------------------------------- +*/ + +/** + * Singleton Instance Getter + */ +qx.Class.getInstance = qx.util.Return.returnInstance; + + + +/* +--------------------------------------------------------------------------- + REGISTER TO MANAGER +--------------------------------------------------------------------------- +*/ + +qx.manager.object.AppearanceManager.getInstance().registerAppearanceTheme(qx.Class); |