analytics/webapps/p2pd/WEB-INF/css/blueprint/bux/dojo.xml

<!--
+========================================================================+
| Licensed Materials - Property of IBM
|
| IBM Cognos Products: BUX
|
| (C) Copyright IBM Corp. 2009, 2014
|
| US Government Users Restricted Rights - Use, duplication or
| disclosure restricted by GSA ADP Schedule Contract with IBM Corp.
|
+========================================================================+
--><css>/*
 *+------------------------------------------------------------------------+
 *| Licensed Materials - Property of IBM
 *| IBM Cognos Products: BUX
 *| (C) Copyright IBM Corp. 2009, 2022
 *|
 *| US Government Users Restricted Rights - Use, duplication or
 *| disclosure restricted by GSA ADP Schedule Contract with IBM Corp.
 *+------------------------------------------------------------------------+
 */
/* This is a generated file, do not edit */
html.dj_ie {
	overflow: hidden;
}
body {
	background-color: <skinValue path="/uiSkin/uiElements/body/background/color"/>;
	font-family: Arial, Verdana,'Arial Unicode MS','Andale WT','MS UI Gothic','MS PGothic','Apple Gothic',Gulim,SimSun,PMingLiU,Raghu8,sans-serif !important;
	padding: 0;
	margin: 0;
}
body a{
	color: <skinValue path="/uiSkin/uiElements/body/hyperlink/state[@type='default']/color"/>;
}


/*
 * Override padding in .claro .dijitContentPane so that content panes making up
 * main BUX UI (banner, search, content pane) appear correctly.
 */
.icdUI .dijitContentPane {
	padding: 0;
	cursor: default;
}

/*
 * Reinstate the below claro styles which .icdUI .dijitContentPane overrides.
 * They are necessary for proper padding in tab containers.
 */
.claro .dijitTabContainerTop-dijitContentPane,
.claro .dijitTabContainerLeft-dijitContentPane,
.claro .dijitTabContainerBottom-dijitContentPane,
.claro .dijitTabContainerRight-dijitContentPane,
.claro .dijitAccordionContainer-dijitContentPane {
	padding: 8px;
}

.claro .dijitDialog .dijitTabContainerTop-dijitContentPane,
.claro .dijitDialog .dijitTabContainerLeft-dijitContentPane,
.claro .dijitDialog .dijitTabContainerBottom-dijitContentPane,
.claro .dijitDialog .dijitTabContainerRight-dijitContentPane,
.claro .dijitDialog .dijitAccordionContainer-dijitContentPane {
	padding-left: 0px;
	padding-right: 0px;
}

.icdUI .dojoxExpandoClosed .dojoxExpandoContent {
	display: none;
}
.icdUI .dijitMenuItemIcon{
	width: 16px;
	height: 16px;
}

/*
 * This class is applied to input nodes in dijit controls.
 * It is defined in dojo as invisible, but still displayed.
 * In the bux banner, these inputs cause scrollbars when
 * the display area is less than about ~400px wide. Dojo
 * does not use display:none for this class as it causes
 * problems in webkit. Setting width to 0px fixes the
 * banner problem while not introducing a problem if we ever
 * add support for webkit.
 */
.dijitOffScreen {
	width: 0px;
	overflow: hidden;
}
.icdUI .dojoDndAvatar {
	font-size: 100%; /*the default dojo size is 75% which is very small and unreadable in our setup*/
}

/*
 * Override the tab classes to avoid the min-width property interfeering with the focus border
 * The min width will instead be applied higher up in the tab button dom
 */

.claro .dijitTabContainerBottom-tabs .dijitTabContent,
.claro .dijitTabContainerTop-tabs .dijitTabContent {
	min-width: auto;
}

.claro .dijitTabContainerBottom-tabs .dijitTabContent {
	padding: 3px 6px 7px;
}

.claro .dijitTabContainerBottom-tabs .dijitTab,
.claro .dijitTabContainerTop-tabs .dijitTab {
	min-width: 74px;
}

/*
 * Override combo box class to get rid of the 1px white border when innactive that grows the button over the active state
 */
.claro .dijitComboBox .dijitArrowButtonInner {
	border: none;
}
/*The base font size required is 12px*/
.claro {
	font-size: 12px;
}
.claro .font_size_override {
	font-size: 1.33em; /*balances the base font-size (above) 12px to allow for pt size fon't that resize on IE with large text*/
}

/*
 * Override the move cursor for tree items, even though they are draggable.
 */
.dojoDndHandle .dijitTreeRow, table.buxListPage div.dojoDndHandle {
	cursor: default;
	color:<skinValue path="/uiSkin/uiElements/form/tree/node/state[@type='default']/text/color"/>;
}

/*
 * Override the widget titles to allow for wrapping of the text.
 */
.dojoxFloatingPaneTitle {
	white-space: normal;
	cursor:default;
}

/*
 * Override to ensure that the z-indexs are respected and the toolbar appears below the content pane in IE.
 */
.dijitBorderContainerNoGutter {
	position: static;
}
.claro .dijitDialogTitle {
	width:90% !important;
}

/*
 * Overrides to allow the rich text to pick up the background color set for the widget
 */
.icdUI .dijitEditor .dijitEditorIFrameContainer,
.icdUI .dijitEditorHover .dijitEditorIFrameContainer,
.icdUI .dijitEditorHover .dijitEditorIFrameContainer .dijitEditorIFrame,
.icdUI .dijitEditorFocused .dijitEditorIFrameContainer,
.icdUI .dijitEditorFocused .dijitEditorIFrameContainer .dijitEditorIFrame,
.icdUI .dijitEditorIFrame {
	background-color: transparent;
}
/*
 * This needs to be removed when we move to dojo 1.8 as the fix is contained there.
 * http://bugs.dojotoolkit.org/ticket/15599
 */
.dijitButton, .dijitButtonNode {
	-webkit-transition-duration: 0s, 0s !important;
}

.claro .dijitTabContainerTop-tabs .dijitTabContent {
	padding-bottom: 2px;
    padding-top: 6px;
}

.claro .dijitTabListWrapper .dijitTabInnerDiv, .claro .dijitTabInnerDiv, .claro .dijitTabActive .dijitTabInnerDiv{
	background-color: <skinValue path="/uiSkin/uiElements/tabs/tabBar/tab/state[@type='default']/background/color"/>;
	color: <skinValue path="/uiSkin/uiElements/tabs/tabBar/tab/state[@type='default']/text/color"/>;
}

.claro .dijitTabListWrapper .dijitTabHover .dijitTabInnerDiv, .claro .dijitTabHover .dijitTabInnerDiv {
	background-color: <skinValue path="/uiSkin/uiElements/tabs/tabBar/tab/state[@type='hover']/background/color"/>;
	color: <skinValue path="/uiSkin/uiElements/tabs/tabBar/tab/state[@type='hover']/text/color"/>;
}

.claro .dijitLayoutContainer .dijitTreeRowSelected{
	background-color: <skinValue path="/uiSkin/uiElements/form/tree/node/state[@type='selected']/background/color"/>;
	border: 1px solid transparent;
	background-image: none;
	color: <skinValue path="/uiSkin/uiElements/form/tree/node/state[@type='selected']/text/color"/>;
}

.claro .dijitLayoutContainer .dijitTreeRowSelected.dijitTreeRowHover  {
	background-color: <skinValue path="/uiSkin/uiElements/form/tree/node/state[@type='hover']/background/color"/>;
	background-image: none;
	color: <skinValue path="/uiSkin/uiElements/form/tree/node/state[@type='selected']/text/color"/>;
}

.claro .dijitLayoutContainer .dijitTreeRowHover {
	background-color: <skinValue path="/uiSkin/uiElements/form/tree/node/state[@type='hover']/background/color"/>;
	background-image: none;
	border: 0px none;
}

.claro .dojoxExpandoPane .dijitDropDownButton .dijitButtonNode {
	background-color: transparent;
	border-radius: 3px;
	color: <skinValue path="/uiSkin/uiElements/form/dropDown/item/state[@type='default']/text/color"/>;
	border: 1px solid <skinValue path="/uiSkin/uiElements/form/dropDown/border/color"/>;
}

.claro .dijitPopup .dijitMenuItem {
	color: <skinValue path="/uiSkin/uiElements/popupMenu/popupMenuItem/state[@type='default']/text/color"/>;
	background-image: none;
}

.claro .dijitPopup .dijitMenuPassive .dijitMenuItemHover, .claro .dijitPopup .dijitMenuPassive .dijitMenuItemSelected, .claro .dijitPopup .dijitMenuActive .dijitMenuItemHover, .claro .dijitPopup .dijitMenuActive .dijitMenuItemSelected {
	background-color: <skinValue path="/uiSkin/uiElements/form/dropDown/item/state[@type='hover']/background/color"/>;
}

.claro .dijitPopup .dijitMenu {
	border: 1px solid <skinValue path="/uiSkin/uiElements/form/dropDown/border/color"/>;
}

.claro .dijitDialog {
	border: <skinValue path="/uiSkin/uiElements/popup/border/width"/> solid <skinValue path="/uiSkin/uiElements/popup/border/color"/>;
	border-radius: <skinValue path="/uiSkin/uiElements/popup/border/radius"/>;
	padding: <skinValue path="/uiSkin/uiElements/popup/padding"/>;
	background-color: <skinValue path="/uiSkin/uiElements/popup/header/background/color"/>;
}

.claro .dijitDialogPaneContent {
	background-color: <skinValue path="/uiSkin/uiElements/popup/content/background/color"/>;
}

.claro .dijitTooltipContainer {
    border: <skinValue path="/uiSkin/uiElements/tooltip/border/width"/> solid <skinValue path="/uiSkin/uiElements/tooltip/border/color"/>;
    border-radius: <skinValue path="/uiSkin/uiElements/tooltip/border/radius"/>;
    background-image: none;
}

.claro .dijitButton .dijitButtonNode,
.claro .dijitDropDownButton .dijitButtonNode,
.claro .dijitComboButton .dijitButtonNode,
.claro .dijitToggleButton .dijitButtonNode {
	background-color: <skinValue path="/uiSkin/uiElements/form/button/state[@type='default']/background/color"/>;
	background-image: <skinValue path="/uiSkin/uiElements/form/button/state[@type='default']/background/image"/>;
	border-color: <skinValue path="/uiSkin/uiElements/form/button/state[@type='default']/border/color"/>;
	color: <skinValue path="/uiSkin/uiElements/form/button/state[@type='default']/text/color"/>;
	border-radius:3px;
	font-weight: bold;
}

.claro .dijitButton.buxSecondaryButton .dijitButtonNode{
	font-weight: normal;
}

.claro .buxBannerbar .dijitToolbar .dijitButton .dijitButtonNode,
.claro .buxBannerbar .dijitToolbar .dijitDropDownButton .dijitButtonNode,
.claro .buxBannerbar .dijitToolbar .dijitComboButton .dijitButtonNode,
.claro .buxBannerbar .dijitToolbar .dijitToggleButton .dijitButtonNode,
.claro .buxBannerbar .dijitToolbar .dijitComboBox .dijitButtonNode,
.claro .buxBannerbar .dijitToolbar .buxBannerBigButton.dijitHover .dijitButtonNode{
	height: 32px;
}

.claro .dijitToolbar .dijitButton .dijitButtonNode,
.claro .dijitToolbar .dijitDropDownButton .dijitButtonNode,
.claro .dijitToolbar .dijitComboButton .dijitButtonNode,
.claro .dijitToolbar .dijitToggleButton .dijitButtonNode,
.claro .dijitToolbar .dijitComboBox .dijitButtonNode{
	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

.claro .dijitButtonHover .dijitButtonNode,
.claro .dijitDropDownButtonHover .dijitButtonNode,
.claro .dijitComboButton .dijitButtonNodeHover,
.claro .dijitComboButton .dijitDownArrowButtonHover,
.claro .dijitToggleButtonHover .dijitButtonNode {
	background-image: <skinValue path="/uiSkin/uiElements/form/button/state[@type='hover']/background/image"/>;
}

.claro .dijitTabListWrapper  .dijitTabContainerBottom-tabs .dijitTabChecked .dijitTabContent,
.claro .dijitTabContainerBottom .dijitTabActive .dijitTabInnerDiv .dijitTabContent {
	border-bottom-color: <skinValue path="/uiSkin/uiElements/tabs/tabBar/tab/state[@type='selected']/highlight/color"/>;
}

.claro .dijitTabListWrapper .dijitTabHover .dijitTabContent,
.claro .dijitTabContainerBottom .dijitTabHover .dijitTabInnerDiv .dijitTabContent {
	border-bottom-color: <skinValue path="/uiSkin/uiElements/tabs/tabBar/tab/state[@type='hover']/highlight/color"/>;
}

.claro .dijitTabListWrapper  .dijitTabContainerBottom-tabs .dijitTabChecked .dijitTabContent,
.claro .dijitTabListWrapper .dijitTabHover .dijitTabContent,
.claro .dijitTabContainerBottom .dijitTabHover .dijitTabInnerDiv .dijitTabContent,
.claro .dijitTabContainerBottom .dijitTabActive .dijitTabInnerDiv .dijitTabContent {
	border-bottom-width: 2px;
	border-radius: 0 0 3px 3px;
}

.claro .dijitTabListWrapper  .dijitTabContainerTop-tabs .dijitTabChecked .dijitTabContent,
.claro .dijitTabContainerTop-tabs .dijitTabChecked .dijitTabContent,
.claro .dijitTabListWrapper  .dijitTabContainerTop-tabs  .dijitTabActive .dijitTabInnerDiv .dijitTabContent,
.claro .dijitTabContainerTop-tabs  .dijitTabActive .dijitTabInnerDiv .dijitTabContent {
	border-top-color: <skinValue path="/uiSkin/uiElements/tabs/tabBar/tab/state[@type='selected']/highlight/color"/>;
}

.claro .dijitTabListWrapper  .dijitTabContainerTop-tabs .dijitTabHover .dijitTabInnerDiv .dijitTabContent,
.claro .dijitTabContainerTop-tabs .dijitTabHover .dijitTabInnerDiv .dijitTabContent {
	border-top-color: <skinValue path="/uiSkin/uiElements/tabs/tabBar/tab/state[@type='hover']/highlight/color"/>;
}

.claro .dijitTabListWrapper  .dijitTabContainerTop-tabs .dijitTabChecked .dijitTabContent,
.claro .dijitTabContainerTop-tabs .dijitTabChecked .dijitTabContent,
.claro .dijitTabListWrapper  .dijitTabContainerTop-tabs .dijitTabHover .dijitTabInnerDiv .dijitTabContent,
.claro .dijitTabListWrapper  .dijitTabContainerTop-tabs  .dijitTabActive .dijitTabInnerDiv .dijitTabContent,
.claro .dijitTabContainerTop-tabs .dijitTabHover .dijitTabInnerDiv .dijitTabContent,
.claro .dijitTabContainerTop-tabs  .dijitTabActive .dijitTabInnerDiv .dijitTabContent {
	border-top-width:2px;
	border-radius: 3px 3px 0 0;
}

.claro .dijitTabListWrapper  .dijitTabContainerTop-tabs .dijitTabHover .dijitTabInnerDiv .dijitTabContent,
.claro .dijitTabListWrapper  .dijitTabContainerTop-tabs  .dijitTabActive .dijitTabInnerDiv .dijitTabContent,
.claro .dijitTabContainerTop-tabs .dijitTabHover .dijitTabInnerDiv .dijitTabContent,
.claro .dijitTabContainerTop-tabs  .dijitTabActive .dijitTabInnerDiv .dijitTabContent {
    border-bottom: 0px none;
}

.claro .dijitComboBox .dijitButtonNode{
	background-color: <skinValue path="/uiSkin/uiElements/form/button/state[@type='default']/background/color"/>;
	background-image: <skinValue path="/uiSkin/uiElements/form/button/state[@type='default']/background/image"/>;
	border-color: <skinValue path="/uiSkin/uiElements/form/button/state[@type='default']/border/color"/>;
	color: <skinValue path="/uiSkin/uiElements/form/button/state[@type='default']/text/color"/>;
}

.claro .dijitComboBoxOpenOnClickHover .dijitButtonNode, .claro .dijitComboBox .dijitDownArrowButtonHover {
	background-image: <skinValue path="/uiSkin/uiElements/form/button/state[@type='hover']/background/image"/>;
	border-color: <skinValue path="/uiSkin/uiElements/form/button/state[@type='hover']/border/color"/>;
}

.claro .dijitTextBoxHover {
	background-color:transparent;
}

.claro .dijitTextBoxHover, .claro .dijitTextBoxHover .dijitButtonNode, .claro .dijitTextBoxFocused, .claro .dijitTextBoxFocused .dijitButtonNode {
    border-color: <skinValue path="/uiSkin/uiElements/form/textBox/state[@type='default']/border/color"/>;
}

.claro .dijitComboBoxMenu .dijitMenuItemSelected, .claro .dijitComboBoxMenu .dijitMenuItemHover {
	background-color:  <skinValue path="/uiSkin/uiElements/form/dropDown/item/state[@type='hover']/background/color"/>;
}

.icdUI .dojoxResizeHandleClone {
	left:-5px;
}

</css>