summaryrefslogtreecommitdiff
path: root/webapps/qooxdoo-0.6.3-sdk/frontend/framework/source/class/qx/theme/appearance/Classic.js
diff options
context:
space:
mode:
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.js2219
1 files changed, 0 insertions, 2219 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
deleted file mode 100644
index c45c98db5d..0000000000
--- a/webapps/qooxdoo-0.6.3-sdk/frontend/framework/source/class/qx/theme/appearance/Classic.js
+++ /dev/null
@@ -1,2219 +0,0 @@
-/* ************************************************************************
-
- 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);