A5.themes.add('GrBlue',{ "panelCard": { "base": { "className": "", "header": { "className": "GrBluePanelHeader" }, "body": { "className": "GrBluePanelBody" }, "footer": { "className": "GrBluePanelFooter" } }, "top": { "className": "", "header": { "className": "GrBluePanelTopHeader" }, "body": { "className": "GrBluePanelTopBody" }, "footer": { "className": "GrBluePanelTopFooter" } } }, "panelNavigator": { "base": { "header": { "className": "GrBluePanelHeader" }, "body": { "className": "GrBluePanelBody" }, "footer": { "className": "GrBluePanelFooter" }, "indicator": { "className": "GrBluePanelNavInd", "panelClassName": "GrBluePanelNavIndButton", "panelSelectedClassName": "GrBluePanelNavIndButtonSelected" } }, "top": { "header": { "className": "GrBluePanelTopHeader" }, "body": { "className": "GrBluePanelTopBody" }, "footer": { "className": "GrBluePanelTopFooter" }, "indicator": { "className": "GrBluePanelNavInd", "panelClassName": "GrBluePanelNavIndButton", "panelSelectedClassName": "GrBluePanelNavIndButtonSelected" } } }, "panelLayout": { "base": { "header": { "className": "GrBluePanelHeader" }, "body": { "className": "GrBluePanelBody" }, "footer": { "className": "GrBluePanelFooter" }, "dock": { "flowLock": { "className": "GrBluePanelOverlay" } } }, "top": { "header": { "className": "GrBluePanelTopHeader" }, "body": { "className": "GrBluePanelTopBody" }, "footer": { "className": "GrBluePanelTopFooter" }, "dock": { "flowLock": { "className": "GrBluePanelOverlay" } } } }, "editButtonGroup": { "base": { "container": { "className": "GrBlueEditBG", "hoverClassName": "GrBlueEditBGHover", "focusClassName": "GrBlueEditBGFocus", "separatorClassName": "GrBlueEditBGSeparator", "editClassName": "GrBlueEditBGEdit", "button": { "html": "", "className": "GrBlueEditBGButton", "hoverClassName": "GrBlueEditBGButtonHover", "pressedClassName": "GrBlueEditBGButtonPressed" } } } }, "button": { "base": { "className": "GrBlueButton", "hoverClassName": "GrBlueButtonHover", "pressedClassName": "GrBlueButtonPressed", "disabledClassName": "GrBlueButtonDisabled" }, "toolbar": { "className": "GrBlueButtonT", "hoverClassName": "GrBlueButtonTHover", "pressedClassName": "GrBlueButtonTPressed", "disabledClassName": "GrBlueButtonTDisabled" } }, "buttonDropdown": { "base": { "className": "GrBlueButtonDD", "hoverClassName": "GrBlueButtonDDHover", "pressedClassName": "GrBlueButtonDDPressed", "disabledClassName": "GrBlueButtonDDDisabled", "contentClassName": "GrBlueButtonDDContent", "dropdown": { "className": "GrBlueButtonDDDropdown", "icon": "CSS/GrBlue/ButtonDDArrow.png" } }, "toolbar": { "className": "GrBlueButtonTDD", "hoverClassName": "GrBlueButtonTDDHover", "pressedClassName": "GrBlueButtonTDDPressed", "disabledClassName": "GrBlueButtonTDDDisabled", "contentClassName": "GrBlueButtonTDDContent", "dropdown": { "className": "GrBlueButtonTDDDropdown", "icon": "CSS/GrBlue/ButtonDDArrow.png" } } }, "buttonSplit": { "base": { "className": "GrBlueButtonDD", "hoverClassName": "GrBlueButtonDDHover", "pressedClassName": "GrBlueButtonDDPressed", "disabledClassName": "GrBlueButtonDDDisabled", "contentClassName": "GrBlueButtonDDSplitContent", "dropdown": { "className": "GrBlueButtonDDSplitDropdown", "hoverClassName": "GrBlueButtonDDSplitDropdownHover", "icon": "CSS/GrBlue/ButtonDDArrow.png" } }, "toolbar": { "className": "GrBlueButtonTDD", "hoverClassName": "GrBlueButtonTDDHover", "pressedClassName": "GrBlueButtonTDDPressed", "disabledClassName": "GrBlueButtonTDDDisabled", "contentClassName": "GrBlueButtonTDDSplitContent", "dropdown": { "className": "GrBlueButtonTDDSplitDropdown", "hoverClassName": "GrBlueButtonTDDSplitDropdownHover", "icon": "CSS/GrBlue/ButtonDDArrow.png" } } }, "buttonList": { "base": { "button": { "className": "GrBlueButton", "firstClassName": "GrBlueButtonGroupHF", "lastClassName": "GrBlueButtonGroupHL", "middleClassName": "GrBlueButtonGroupHM", "hoverClassName": "GrBlueButtonHover", "pressedClassName": "GrBlueButtonPressed", "disabledClassName": "GrBlueButtonDisabled" } }, "vertical": { "button": { "className": "GrBlueButton", "firstClassName": "GrBlueButtonGroupVF", "lastClassName": "GrBlueButtonGroupVL", "middleClassName": "GrBlueButtonGroupVM", "hoverClassName": "GrBlueButtonHover", "pressedClassName": "GrBlueButtonPressed", "disabledClassName": "GrBlueButtonDisabled" } } }, "slider": { "base": { "className": "GrBlueSliderH", "innerClassName": "GrBlueSliderHInner", "handle": { "className": "GrBlueSliderHHandle", "minClassName": "GrBlueSliderHHandleMin", "maxClassName": "GrBlueSliderHHandleMax", "selectedClassName": "GrBlueSliderHHandleSelected", "hoverClassName": "GrBlueSliderHHandleHover" }, "range": { "className": "GrBlueSliderHRange", "selectedClassName": "GrBlueSliderHRangeSelected", "hoverClassName": "GrBlueSliderHRangeHover" } } }, "switch": { "base": { "className": "GrBlueSwitch", "onClassName": "GrBlueSwitchOn", "offClassName": "GrBlueSwitchOff", "innerClassName": "GrBlueSwitchInner", "rightClassName": "GrBlueSwitchRight", "leftClassName": "GrBlueSwitchLeft", "buttonClassName": "GrBlueSwitchButton" } }, "spinList": { "base": { "className": "GrBlueSpinList", "item": { "className": "GrBlueSpinListItem" } }, "selectionBand": { "className": "GrBlueSpinList GrBlueSpinListSelectBand", "item": { "className": "GrBlueSpinListItem" } } }, "listbox": { "base": { "className": "GrBlueList", "focusClassName": "GrBlueListFocus", "item": { "className": "GrBlueListItem", "hoverClassName": "GrBlueListItemHover", "selectedClassName": "GrBlueListItemSelected", "titleClassName": "GrBlueListTitle", "separatorClassName": "GrBlueListSeparator" }, "columnLayout": { "header": { "className": "GrBlueListHeader", "item": { "className": "GrBlueListHeaderItem", "hoverClassName": "GrBlueListHeaderItemHover", "order": { "ascendingImage": "CSS/GrBlue/GridSortAsc.png", "descendingImage": "CSS/GrBlue/GridSortDesc.png", "style": "position: absolute; right: 6px; top: 50%; margin-top: -5px; display: none;" } } } } } }, "tree": { "base": { "className": "GrBlueTree", "focusClassName": "GrBlueTreeFocus", "node": { "className": "GrBlueTreeNode", "hoverClassName": "GrBlueTreeNodeHover", "selectedClassName": "GrBlueTreeNodeSelected", "labelClassName": "GrBlueTreeNodeLabel", "leaf": { "firstImage": "", "image": "", "lastImage": "" }, "branch": { "firstExpandedImage": "", "firstCollapsedImage": "", "firstExpandedHoverImage": "", "firstCollapsedHoverImage": "", "expandedImage": "CSS/GrBlue/TreeBranchCollapse.png", "collapsedImage": "CSS/GrBlue/TreeBranchExpand.png", "expandedHoverImage": "CSS/GrBlue/TreeBranchCollapseHover.png", "collapsedHoverImage": "CSS/GrBlue/TreeBranchExpandHover.png", "lastExpandedImage": "", "lastCollapsedImage": "", "lastExpandedHoverImage": "", "lastCollapsedHoverImage": "" } }, "branch": { "className": "GrBlueTreeBranch", "lineImage": "", "nullImage": "CSS/GrBlue/TreeNull.png" } } }, "datePicker": { "base": { "className": "GrBlueDP", "calendar": { "daysOfWeek": { "show": true, "className": "GrBlueDPDaysOfWeek" }, "weeksOfYear": { "show": false, "className": "GrBlueDPWeeksOfYear", "headerClassName": "GrBlueDPWeeksOfYearHeader" }, "date": { "className": "GrBlueDPDate", "weekendClassName": "GrBlueDPDateWeekend", "todayClassName": "GrBlueDPDateToday", "item": { "className": "GrBlueDPItem", "hoverClassName": "GrBlueDPItemHover", "selectedClassName": "GrBlueDPItemSelected", "disabledClassName": "GrBlueDPItemDisabled", "outOfRangeClassName": "GrBlueDPItemOutOfRange" } } }, "navigator": { "header": { "className": "GrBlueDPHeader", "prevIcon": "CSS/GrBlue/DPPrev.png", "nextIcon": "CSS/GrBlue/DPNext.png", "prevIconHover": "", "nextIconHover": "", "item": { "className": "GrBlueDPHeaderButton", "hoverClassName": "GrBlueDPHeaderButtonHover", "selectedClassName": "GrBlueDPHeaderButtonSelected" } }, "panel": { "className": "GrBlueDPPanel", "edit": { "className": "GrBlueEdit" }, "item": { "className": "GrBlueDPItem", "hoverClassName": "GrBlueDPItemHover", "selectedClassName": "GrBlueDPItemSelected", "disabledClassName": "GrBlueDPItemDisabled" } } } } }, "timePicker": { "base": { "className": "GrBlueTP", "edit": { "className": "GrBlueEdit", "buttonClassName": "GrBlueTPEditButton", "buttonImage": "CSS/GrBlue/TPEditDDArrow.png" }, "meridianClassName": "GrBlueTPMeridianButton" } }, "menu": { "base": { "className": "GrBlueMenu", "innerClassName": "GrBlueMenuInner", "closeOnLeave": true, "closeWait": 500, "cascadeOffsetX": 0, "cascadeOffsetY": 0, "iconColumn": { "className": "GrBlueMenuIconColumn", "preventIndentClassName": "GrBlueMenuNoIndent", "width": "22px" }, "item": { "className": "GrBlueMenuItem", "labelClassName": "GrBlueMenuItemLabel", "hoverClassName": "GrBlueMenuItemHover", "selectedClassName": "GrBlueMenuItemSelected", "disabledClassName": "GrBlueMenuItemDisabled", "disabledHoverClassName": "GrBlueMenuItemDisabledHover", "cascadeClassName": "GrBlueMenuItemCascade", "separatorClassName": "GrBlueMenuSeparator", "titleClassName": "GrBlueMenuTitle", "radioImage": "CSS/GrBlue/MenuRadio.png", "checkImage": "CSS/GrBlue/MenuCheck.png" }, "pointer": { "size": 15, "upClassName": "GrBlueMenuPointerUp", "leftClassName": "GrBlueMenuPointerLeft", "downClassName": "GrBlueMenuPointerDown", "rightClassName": "GrBlueMenuPointerRight" } } }, "menubar": { "base": { "item": { "className": "GrBlueMenubarHItem", "hoverClassName": "GrBlueMenubarHItemHover", "pressedClassName": "GrBlueMenubarHItemPressed", "disabledClassName": "GrBlueMenubarHItemDisabled", "cascadeClassName": "GrBlueMenubarHItemCascade", "separatorClassName": "GrBlueMenubarHSeparator" } }, "vertical": { "item": { "className": "GrBlueMenubarVItem", "hoverClassName": "GrBlueMenubarVItemHover", "pressedClassName": "GrBlueMenubarVItemPressed", "disabledClassName": "GrBlueMenubarVItemDisabled", "cascadeClassName": "GrBlueMenubarVItemCascade", "separatorClassName": "GrBlueMenubarVSeparator" } } }, "window": { "base": { "className": "GrBlueWin", "outerWrapClassName": "GrBlueWinInner", "innerWrapClassName": "GrBlueWinBodyContainer", "adjustmentClassName": "GrBlueWinAdjust", "activeClassName": "GrBlueWinActive", "lockUIClassName": "GrBlueUILock", "title": { "className": "GrBlueWinTitle", "tools": { "inset": "4px" } }, "header": { "className": "GrBlueWinHeader" }, "tbar": { "className": "GrBlueWinTBAR" }, "body": { "className": "GrBlueWinBody" }, "bbar": { "className": "GrBlueWinBBAR" }, "buttons": { "className": "GrBlueWinButtons" }, "footer": { "className": "GrBlueWinFooter" }, "resizer": { "className": "GrBlueWinResizer", "thumbImage": "CSS/GrBlue/WinResizeThumb.png" }, "pointer": { "size": 15, "upClassName": "GrBlueWinPointerUp", "leftClassName": "GrBlueWinPointerLeft", "downClassName": "GrBlueWinPointerDown", "rightClassName": "GrBlueWinPointerRight" }, "_buttonDefaults": { "className": "GrBlueButton", "hoverClassName": "GrBlueButtonHover", "pressedClassName": "GrBlueButtonPressed", "disabledClassName": "GrBlueButtonDisabled" }, "_defaultTools": { "close": { "image": "CSS/GrBlue/WinClose.png", "imageHover": "CSS/GrBlue/WinCloseHover.png", "imagePressed": "CSS/GrBlue/WinClosePressed.png", "action": "close" } } }, "dropdown": { "className": "GrBlueDDWin", "outerWrapClassName": "GrBlueDDWinInner", "innerWrapClassName": "GrBlueDDWinBodyContainer", "adjustmentClassName": "GrBlueDDWinAdjust", "activeClassName": "GrBlueDDWinActive", "lockUIClassName": "GrBlueUILock", "title": { "className": "GrBlueDDWinTitle", "tools": { "inset": "4px" } }, "header": { "className": "GrBlueDDWinHeader" }, "tbar": { "className": "GrBlueDDWinTBAR" }, "body": { "className": "GrBlueDDWinBody" }, "bbar": { "className": "GrBlueDDWinBBAR" }, "buttons": { "className": "GrBlueDDWinButtons" }, "footer": { "className": "GrBlueDDWinFooter" }, "resizer": { "className": "GrBlueDDWinResizer", "thumbImage": "CSS/GrBlue/DDWinResizeThumb.png" }, "pointer": { "size": 15, "upClassName": "GrBlueDDWinPointerUp", "leftClassName": "GrBlueDDWinPointerLeft", "downClassName": "GrBlueDDWinPointerDown", "rightClassName": "GrBlueDDWinPointerRight" }, "_buttonDefaults": { "className": "GrBlueButton", "hoverClassName": "GrBlueButtonHover", "pressedClassName": "GrBlueButtonPressed", "disabledClassName": "GrBlueButtonDisabled" }, "_defaultTools": { "close": { "image": "CSS/GrBlue/DDWinClose.png", "imageHover": "CSS/GrBlue/DDWinCloseHover.png", "imagePressed": "CSS/GrBlue/DDWinClosePressed.png", "action": "close" } } }, "panel": { "className": "GrBluePanelCard", "activeClassName": "", "adjustmentClassName": "", "outerWrapClassName": "", "innerWrapClassName": "", "lockUIClassName": "GrBlueUILock", "title": { "className": "GrBluePanelTopHeader" }, "header": { "className": "GrBluePanelHeader" }, "tbar": { "className": "GrBluePanelHeader" }, "body": { "className": "GrBluePanelBody" }, "buttons": { "className": "GrBluePanelFooter" }, "bbar": { "className": "GrBluePanelFooter" }, "footer": { "className": "GrBluePanelFooter" }, "resizer": { "className": "GrBlueDDWinResizer", "thumbImage": "CSS/GrBlue/WinResizeThumb.png" }, "_defaultTools": { "close": { "action": "close", "name": "close", "image": "CSS/GrBlue/WinClose.png" } } } }, "accordion": { "base": { "titleClassName": "GrBlueAccordionButton", "titleSelectedClassName": "GrBlueAccordionButtonSelected", "titleDisabledClassName": "GrBlueAccordionButtonDisabled", "paneClassName": "GrBlueAccordionPane" }, "icon": { "titleClassName": "GrBlueAccordionIconButton", "titleSelectedClassName": "GrBlueAccordionIconButtonSelected", "titleDisabledClassName": "GrBlueAccordionIconButtonDisabled", "paneClassName": "GrBlueAccordionPane" } }, "tab": { "base": { "tabClassName": "GrBlueTabTButton", "tabSelectedClassName": "GrBlueTabTButtonSelected", "tabDisabledClassName": "GrBlueTabTButtonDisabled", "paneClassName": "GrBlueTabTPane" }, "bottom": { "tabClassName": "GrBlueTabBButton", "tabSelectedClassName": "GrBlueTabBButtonSelected", "tabDisabledClassName": "GrBlueTabBButtonDisabled", "paneClassName": "GrBlueTabBPane" }, "left": { "tabClassName": "GrBlueTabLButton", "tabSelectedClassName": "GrBlueTabLButtonSelected", "tabDisabledClassName": "GrBlueTabLButtonDisabled", "paneClassName": "GrBlueTabLPane" }, "right": { "tabClassName": "GrBlueTabRButton", "tabSelectedClassName": "GrBlueTabRButtonSelected", "tabDisabledClassName": "GrBlueTabRButtonDisabled", "paneClassName": "GrBlueTabRPane" } }, "tabBand": { "base": { "location": "top", "className": "GrBlueTabbandT", "separator": { "className": "GrBlueTabbandTSeparator", "show": true }, "tab": { "className": "GrBlueTabbandTButton", "selectedClassName": "GrBlueTabbandTButtonSelected", "disabledClassName": "GrBlueTabbandTButtonDisabled", "closeIcon": "CSS/GrBlue/TabbandClose.png", "closeIconHover": "CSS/GrBlue/TabbandCloseHover.png" }, "scrollButtons": { "prevClassName": "GrBlueTabbandTLScroll", "prevDisabledClassName": "GrBlueTabbandTLScrollDisabled", "prevImage": "CSS/GrBlue/TabbandPrev.png", "prevDisabledImage": "CSS/GrBlue/TabbandPrevDisabled.png", "nextClassName": "GrBlueTabbandTRScroll", "nextDisabledClassName": "GrBlueTabbandTRScrollDisabled", "nextImage": "CSS/GrBlue/TabbandNext.png", "nextDisabledImage": "CSS/GrBlue/TabbandNextDisabled.png" } }, "bottom": { "location": "bottom", "className": "GrBlueTabbandB", "separator": { "className": "GrBlueTabbandBSeparator", "show": true }, "tab": { "className": "GrBlueTabbandBButton", "selectedClassName": "GrBlueTabbandBButtonSelected", "disabledClassName": "GrBlueTabbandBButtonDisabled", "closeIcon": "CSS/GrBlue/TabbandClose.png", "closeIconHover": "CSS/GrBlue/TabbandCloseHover.png" }, "scrollButtons": { "prevClassName": "GrBlueTabbandBLScroll", "prevDisabledClassName": "GrBlueTabbandBLScrollDisabled", "prevImage": "CSS/GrBlue/TabbandPrev.png", "prevDisabledImage": "CSS/GrBlue/TabbandPrevDisabled.png", "nextClassName": "GrBlueTabbandBRScroll", "nextDisabledClassName": "GrBlueTabbandBRScrollDisabled", "nextImage": "CSS/GrBlue/TabbandNext.png", "nextDisabledImage": "CSS/GrBlue/TabbandNextDisabled.png" } } }, scroller: { base: { className: 'GrBlueScroller', focusClassName: 'GrBlueScrollerFocus', dialClassName: 'GrBlueScrollerDialExpanded', dial: {className: 'GrBlueScrollerDial'}, slider: { className: 'GrBlueScrollerSlider', handle: { className: 'GrBlueScrollerSliderHandle' }, shadow: { className: 'GrBlueScrollerSliderShadow' }, message: { className: 'GrBlueScrollerSliderMsg', bottomClassName: 'GrBlueScrollerSliderMsgB', topClassName: 'GrBlueScrollerSliderMsgT', rightClassName: 'GrBlueScrollerSliderMsgR', leftClassName: 'GrBlueScrollerSliderMsgL' } } } }, "scroll": { "base": { "indicator": { "h": { "className": "GrBlueScrollIndH", "barClassName": "GrBlueScrollIndHBar" }, "v": { "className": "GrBlueScrollIndV", "barClassName": "GrBlueScrollIndVBar" } } } } });