dojo.css 13 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378
  1. /*
  2. *+------------------------------------------------------------------------+
  3. *| Licensed Materials - Property of IBM
  4. *| IBM Cognos Products: BUX
  5. *| (C) Copyright IBM Corp. 2009, 2022
  6. *|
  7. *| US Government Users Restricted Rights - Use, duplication or
  8. *| disclosure restricted by GSA ADP Schedule Contract with IBM Corp.
  9. *+------------------------------------------------------------------------+
  10. */
  11. /* This is a generated file, do not edit */
  12. html.dj_ie {
  13. overflow: hidden;
  14. }
  15. body {
  16. background-color: #ffffff;
  17. font-family: Arial, Verdana,'Arial Unicode MS','Andale WT','MS UI Gothic','MS PGothic','Apple Gothic',Gulim,SimSun,PMingLiU,Raghu8,sans-serif !important;
  18. padding: 0;
  19. margin: 0;
  20. }
  21. body a{
  22. color: #00649d;
  23. }
  24. /*
  25. * Override padding in .claro .dijitContentPane so that content panes making up
  26. * main BUX UI (banner, search, content pane) appear correctly.
  27. */
  28. .icdUI .dijitContentPane {
  29. padding: 0;
  30. cursor: default;
  31. }
  32. /*
  33. * Reinstate the below claro styles which .icdUI .dijitContentPane overrides.
  34. * They are necessary for proper padding in tab containers.
  35. */
  36. .claro .dijitTabContainerTop-dijitContentPane,
  37. .claro .dijitTabContainerLeft-dijitContentPane,
  38. .claro .dijitTabContainerBottom-dijitContentPane,
  39. .claro .dijitTabContainerRight-dijitContentPane,
  40. .claro .dijitAccordionContainer-dijitContentPane {
  41. padding: 8px;
  42. }
  43. .claro .dijitDialog .dijitTabContainerTop-dijitContentPane,
  44. .claro .dijitDialog .dijitTabContainerLeft-dijitContentPane,
  45. .claro .dijitDialog .dijitTabContainerBottom-dijitContentPane,
  46. .claro .dijitDialog .dijitTabContainerRight-dijitContentPane,
  47. .claro .dijitDialog .dijitAccordionContainer-dijitContentPane {
  48. padding-left: 0px;
  49. padding-right: 0px;
  50. }
  51. .icdUI .dojoxExpandoClosed .dojoxExpandoContent {
  52. display: none;
  53. }
  54. .icdUI .dijitMenuItemIcon{
  55. width: 16px;
  56. height: 16px;
  57. }
  58. /*
  59. * This class is applied to input nodes in dijit controls.
  60. * It is defined in dojo as invisible, but still displayed.
  61. * In the bux banner, these inputs cause scrollbars when
  62. * the display area is less than about ~400px wide. Dojo
  63. * does not use display:none for this class as it causes
  64. * problems in webkit. Setting width to 0px fixes the
  65. * banner problem while not introducing a problem if we ever
  66. * add support for webkit.
  67. */
  68. .dijitOffScreen {
  69. width: 0px;
  70. overflow: hidden;
  71. }
  72. .icdUI .dojoDndAvatar {
  73. font-size: 100%; /*the default dojo size is 75% which is very small and unreadable in our setup*/
  74. }
  75. /*
  76. * Override the tab classes to avoid the min-width property interfeering with the focus border
  77. * The min width will instead be applied higher up in the tab button dom
  78. */
  79. .claro .dijitTabContainerBottom-tabs .dijitTabContent,
  80. .claro .dijitTabContainerTop-tabs .dijitTabContent {
  81. min-width: auto;
  82. }
  83. .claro .dijitTabContainerBottom-tabs .dijitTabContent {
  84. padding: 3px 6px 7px;
  85. }
  86. .claro .dijitTabContainerBottom-tabs .dijitTab,
  87. .claro .dijitTabContainerTop-tabs .dijitTab {
  88. min-width: 74px;
  89. }
  90. /*
  91. * Override combo box class to get rid of the 1px white border when innactive that grows the button over the active state
  92. */
  93. .claro .dijitComboBox .dijitArrowButtonInner {
  94. border: none;
  95. }
  96. /*The base font size required is 12px*/
  97. .claro {
  98. font-size: 12px;
  99. }
  100. .claro .font_size_override {
  101. 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*/
  102. }
  103. /*
  104. * Override the move cursor for tree items, even though they are draggable.
  105. */
  106. .dojoDndHandle .dijitTreeRow, table.buxListPage div.dojoDndHandle {
  107. cursor: default;
  108. color:#222222;
  109. }
  110. /*
  111. * Override the widget titles to allow for wrapping of the text.
  112. */
  113. .dojoxFloatingPaneTitle {
  114. white-space: normal;
  115. cursor:default;
  116. }
  117. /*
  118. * Override to ensure that the z-indexs are respected and the toolbar appears below the content pane in IE.
  119. */
  120. .dijitBorderContainerNoGutter {
  121. position: static;
  122. }
  123. .claro .dijitDialogTitle {
  124. width:90% !important;
  125. }
  126. /*
  127. * Overrides to allow the rich text to pick up the background color set for the widget
  128. */
  129. .icdUI .dijitEditor .dijitEditorIFrameContainer,
  130. .icdUI .dijitEditorHover .dijitEditorIFrameContainer,
  131. .icdUI .dijitEditorHover .dijitEditorIFrameContainer .dijitEditorIFrame,
  132. .icdUI .dijitEditorFocused .dijitEditorIFrameContainer,
  133. .icdUI .dijitEditorFocused .dijitEditorIFrameContainer .dijitEditorIFrame,
  134. .icdUI .dijitEditorIFrame {
  135. background-color: transparent;
  136. }
  137. /*
  138. * This needs to be removed when we move to dojo 1.8 as the fix is contained there.
  139. * http://bugs.dojotoolkit.org/ticket/15599
  140. */
  141. .dijitButton, .dijitButtonNode {
  142. -webkit-transition-duration: 0s, 0s !important;
  143. }
  144. .claro .dijitTabContainerTop-tabs .dijitTabContent {
  145. padding-bottom: 2px;
  146. padding-top: 6px;
  147. }
  148. .claro .dijitTabListWrapper .dijitTabInnerDiv, .claro .dijitTabInnerDiv, .claro .dijitTabActive .dijitTabInnerDiv{
  149. background-color: #f5f5f5;
  150. color: #444444;
  151. }
  152. .claro .dijitTabListWrapper .dijitTabHover .dijitTabInnerDiv, .claro .dijitTabHover .dijitTabInnerDiv {
  153. background-color: #ffffff;
  154. color: #222222;
  155. }
  156. .claro .dijitLayoutContainer .dijitTreeRowSelected{
  157. background-color: #dfedfb;
  158. border: 1px solid transparent;
  159. background-image: none;
  160. color: #222222;
  161. }
  162. .claro .dijitLayoutContainer .dijitTreeRowSelected.dijitTreeRowHover {
  163. background-color: #c5dcf2;
  164. background-image: none;
  165. color: #222222;
  166. }
  167. .claro .dijitLayoutContainer .dijitTreeRowHover {
  168. background-color: #c5dcf2;
  169. background-image: none;
  170. border: 0px none;
  171. }
  172. .claro .dojoxExpandoPane .dijitDropDownButton .dijitButtonNode {
  173. background-color: transparent;
  174. border-radius: 3px;
  175. color: #222222;
  176. border: 1px solid #cccccc;
  177. }
  178. .claro .dijitPopup .dijitMenuItem {
  179. color: #222222;
  180. background-image: none;
  181. }
  182. .claro .dijitPopup .dijitMenuPassive .dijitMenuItemHover, .claro .dijitPopup .dijitMenuPassive .dijitMenuItemSelected, .claro .dijitPopup .dijitMenuActive .dijitMenuItemHover, .claro .dijitPopup .dijitMenuActive .dijitMenuItemSelected {
  183. background-color: #f8e2ba;
  184. }
  185. .claro .dijitPopup .dijitMenu {
  186. border: 1px solid #cccccc;
  187. }
  188. .claro .dijitDialog {
  189. border: 1px solid #000000;
  190. border-radius: 4px;
  191. padding: 15px 0px;
  192. background-color: #dfedfb;
  193. }
  194. .claro .dijitDialogPaneContent {
  195. background-color: #ffffff;
  196. }
  197. .claro .dijitTooltipContainer {
  198. border: 3px solid #999999;
  199. border-radius: 3px;
  200. background-image: none;
  201. }
  202. .claro .dijitButton .dijitButtonNode,
  203. .claro .dijitDropDownButton .dijitButtonNode,
  204. .claro .dijitComboButton .dijitButtonNode,
  205. .claro .dijitToggleButton .dijitButtonNode {
  206. background-color: transparent;
  207. background-image: none;
  208. background-image: -moz-linear-gradient(top, #c5dcf2 0%, #ebf5fe 100%);
  209. background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c5dcf2), color-stop(100%,#ebf5fe));
  210. background-image: -webkit-linear-gradient(top, #c5dcf2 0%, #ebf5fe 100%);
  211. background-image: -o-linear-gradient(top, #c5dcf2 0%, #ebf5fe 100%);
  212. background-image: -ms-linear-gradient(top, #c5dcf2 0%, #ebf5fe 100%);
  213. background-image: linear-gradient(to bottom, #c5dcf2 0%, #ebf5fe 100%);
  214. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c5dcf2', endColorstr='#ebf5fe',GradientType=0 );
  215. zoom: 1;
  216. border-color: #759dc0;
  217. color: #222222;
  218. border-radius:3px;
  219. font-weight: bold;
  220. }
  221. .claro .dijitButton.buxSecondaryButton .dijitButtonNode{
  222. font-weight: normal;
  223. }
  224. .claro .buxBannerbar .dijitToolbar .dijitButton .dijitButtonNode,
  225. .claro .buxBannerbar .dijitToolbar .dijitDropDownButton .dijitButtonNode,
  226. .claro .buxBannerbar .dijitToolbar .dijitComboButton .dijitButtonNode,
  227. .claro .buxBannerbar .dijitToolbar .dijitToggleButton .dijitButtonNode,
  228. .claro .buxBannerbar .dijitToolbar .dijitComboBox .dijitButtonNode,
  229. .claro .buxBannerbar .dijitToolbar .buxBannerBigButton.dijitHover .dijitButtonNode{
  230. height: 32px;
  231. }
  232. .claro .dijitToolbar .dijitButton .dijitButtonNode,
  233. .claro .dijitToolbar .dijitDropDownButton .dijitButtonNode,
  234. .claro .dijitToolbar .dijitComboButton .dijitButtonNode,
  235. .claro .dijitToolbar .dijitToggleButton .dijitButtonNode,
  236. .claro .dijitToolbar .dijitComboBox .dijitButtonNode{
  237. filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  238. }
  239. .claro .dijitButtonHover .dijitButtonNode,
  240. .claro .dijitDropDownButtonHover .dijitButtonNode,
  241. .claro .dijitComboButton .dijitButtonNodeHover,
  242. .claro .dijitComboButton .dijitDownArrowButtonHover,
  243. .claro .dijitToggleButtonHover .dijitButtonNode {
  244. background-image: none;
  245. background-image: -moz-linear-gradient(top, #c5dcf2 0%, #b9cee3 100%);
  246. background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c5dcf2), color-stop(100%,#b9cee3));
  247. background-image: -webkit-linear-gradient(top, #c5dcf2 0%, #b9cee3 100%);
  248. background-image: -o-linear-gradient(top, #c5dcf2 0%, #b9cee3 100%);
  249. background-image: -ms-linear-gradient(top, #c5dcf2 0%, #b9cee3 100%);
  250. background-image: linear-gradient(to bottom, #c5dcf2 0%, #b9cee3 100%);
  251. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c5dcf2', endColorstr='#b9cee3',GradientType=0 );
  252. zoom: 1;
  253. }
  254. .claro .dijitTabListWrapper .dijitTabContainerBottom-tabs .dijitTabChecked .dijitTabContent,
  255. .claro .dijitTabContainerBottom .dijitTabActive .dijitTabInnerDiv .dijitTabContent {
  256. border-bottom-color: #cccccc;
  257. }
  258. .claro .dijitTabListWrapper .dijitTabHover .dijitTabContent,
  259. .claro .dijitTabContainerBottom .dijitTabHover .dijitTabInnerDiv .dijitTabContent {
  260. border-bottom-color: #c7adad;
  261. }
  262. .claro .dijitTabListWrapper .dijitTabContainerBottom-tabs .dijitTabChecked .dijitTabContent,
  263. .claro .dijitTabListWrapper .dijitTabHover .dijitTabContent,
  264. .claro .dijitTabContainerBottom .dijitTabHover .dijitTabInnerDiv .dijitTabContent,
  265. .claro .dijitTabContainerBottom .dijitTabActive .dijitTabInnerDiv .dijitTabContent {
  266. border-bottom-width: 2px;
  267. border-radius: 0 0 3px 3px;
  268. }
  269. .claro .dijitTabListWrapper .dijitTabContainerTop-tabs .dijitTabChecked .dijitTabContent,
  270. .claro .dijitTabContainerTop-tabs .dijitTabChecked .dijitTabContent,
  271. .claro .dijitTabListWrapper .dijitTabContainerTop-tabs .dijitTabActive .dijitTabInnerDiv .dijitTabContent,
  272. .claro .dijitTabContainerTop-tabs .dijitTabActive .dijitTabInnerDiv .dijitTabContent {
  273. border-top-color: #cccccc;
  274. }
  275. .claro .dijitTabListWrapper .dijitTabContainerTop-tabs .dijitTabHover .dijitTabInnerDiv .dijitTabContent,
  276. .claro .dijitTabContainerTop-tabs .dijitTabHover .dijitTabInnerDiv .dijitTabContent {
  277. border-top-color: #c7adad;
  278. }
  279. .claro .dijitTabListWrapper .dijitTabContainerTop-tabs .dijitTabChecked .dijitTabContent,
  280. .claro .dijitTabContainerTop-tabs .dijitTabChecked .dijitTabContent,
  281. .claro .dijitTabListWrapper .dijitTabContainerTop-tabs .dijitTabHover .dijitTabInnerDiv .dijitTabContent,
  282. .claro .dijitTabListWrapper .dijitTabContainerTop-tabs .dijitTabActive .dijitTabInnerDiv .dijitTabContent,
  283. .claro .dijitTabContainerTop-tabs .dijitTabHover .dijitTabInnerDiv .dijitTabContent,
  284. .claro .dijitTabContainerTop-tabs .dijitTabActive .dijitTabInnerDiv .dijitTabContent {
  285. border-top-width:2px;
  286. border-radius: 3px 3px 0 0;
  287. }
  288. .claro .dijitTabListWrapper .dijitTabContainerTop-tabs .dijitTabHover .dijitTabInnerDiv .dijitTabContent,
  289. .claro .dijitTabListWrapper .dijitTabContainerTop-tabs .dijitTabActive .dijitTabInnerDiv .dijitTabContent,
  290. .claro .dijitTabContainerTop-tabs .dijitTabHover .dijitTabInnerDiv .dijitTabContent,
  291. .claro .dijitTabContainerTop-tabs .dijitTabActive .dijitTabInnerDiv .dijitTabContent {
  292. border-bottom: 0px none;
  293. }
  294. .claro .dijitComboBox .dijitButtonNode{
  295. background-color: transparent;
  296. background-image: none;
  297. background-image: -moz-linear-gradient(top, #c5dcf2 0%, #ebf5fe 100%);
  298. background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c5dcf2), color-stop(100%,#ebf5fe));
  299. background-image: -webkit-linear-gradient(top, #c5dcf2 0%, #ebf5fe 100%);
  300. background-image: -o-linear-gradient(top, #c5dcf2 0%, #ebf5fe 100%);
  301. background-image: -ms-linear-gradient(top, #c5dcf2 0%, #ebf5fe 100%);
  302. background-image: linear-gradient(to bottom, #c5dcf2 0%, #ebf5fe 100%);
  303. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c5dcf2', endColorstr='#ebf5fe',GradientType=0 );
  304. zoom: 1;
  305. border-color: #759dc0;
  306. color: #222222;
  307. }
  308. .claro .dijitComboBoxOpenOnClickHover .dijitButtonNode, .claro .dijitComboBox .dijitDownArrowButtonHover {
  309. background-image: none;
  310. background-image: -moz-linear-gradient(top, #c5dcf2 0%, #b9cee3 100%);
  311. background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c5dcf2), color-stop(100%,#b9cee3));
  312. background-image: -webkit-linear-gradient(top, #c5dcf2 0%, #b9cee3 100%);
  313. background-image: -o-linear-gradient(top, #c5dcf2 0%, #b9cee3 100%);
  314. background-image: -ms-linear-gradient(top, #c5dcf2 0%, #b9cee3 100%);
  315. background-image: linear-gradient(to bottom, #c5dcf2 0%, #b9cee3 100%);
  316. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c5dcf2', endColorstr='#b9cee3',GradientType=0 );
  317. zoom: 1;
  318. border-color: #759dc0;
  319. }
  320. .claro .dijitTextBoxHover {
  321. background-color:transparent;
  322. }
  323. .claro .dijitTextBoxHover, .claro .dijitTextBoxHover .dijitButtonNode, .claro .dijitTextBoxFocused, .claro .dijitTextBoxFocused .dijitButtonNode {
  324. border-color: #999999;
  325. }
  326. .claro .dijitComboBoxMenu .dijitMenuItemSelected, .claro .dijitComboBoxMenu .dijitMenuItemHover {
  327. background-color: #f8e2ba;
  328. }
  329. .icdUI .dojoxResizeHandleClone {
  330. left:-5px;
  331. }