toolbar.css 7.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347
  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. /*Toolbar layout section*/
  13. .bux-toolbar {
  14. position: absolute;
  15. top: 200px;
  16. left: 200px;
  17. height: 30px;
  18. overflow: hidden;
  19. }
  20. .dj_ie .bux-toolbar {
  21. padding-right: 2px;
  22. }
  23. .bux-toolbar-inner {
  24. position: absolute;
  25. top: 30px;
  26. left: 0px;
  27. padding-left: 0px !important;
  28. }
  29. .bux-toolbar table {
  30. border-collapse: collapse;
  31. }
  32. .bux-toolbar td {
  33. white-space: nowrap;
  34. }
  35. .bux-toolbar-dropdown-section {
  36. padding-left: 3px;
  37. width: 25px;
  38. height: 30px;
  39. overflow: hidden;
  40. }
  41. .bux-toolbar-dropdown-section .dijitDropDownButton {
  42. margin-top: -1px;
  43. }
  44. .icdUI .bux-toolbar-tools-section .dijitToolbarSeparator {
  45. height: 15px;
  46. }
  47. .icdUI .buxBannerSection .dijitToolbarSeparator {
  48. margin: 0 0 0 5px;
  49. }
  50. .bux-toolbar-tools-section,
  51. .bux-toolbar-edit-section {
  52. height: 30px;
  53. overflow: hidden;
  54. vertical-align: top;
  55. }
  56. .bux-toolbar-edit-section-r {
  57. width: 12px;
  58. height: 30px;
  59. }
  60. .bux-toolbar-edit-section {
  61. width: 36px;
  62. height: 30px;
  63. text-align: right;
  64. }
  65. .bux-toolbar-tools {
  66. margin-top: 2px;
  67. margin-left: 3px;
  68. background: transparent !important;
  69. border: none !important;
  70. cursor: default;
  71. }
  72. .dj_ie .bux-toolbar-tools {
  73. white-space: nowrap;
  74. vertical-align: middle;
  75. }
  76. .bux-toolbar-chevron-button .dijitArrowButtonInner {
  77. display: none;
  78. }
  79. .bux-toolbar-chevron-button .dijitArrowButtonChar {
  80. display: none;
  81. }
  82. .dj_ie .bux-toolbar-edit-buttons button {
  83. width: 100%;
  84. }
  85. /*Skin section*/
  86. .bux-toolbar-inner {
  87. border-radius: 10px 10px 0 0;
  88. -moz-border-radius: 10px 10px 0 0;
  89. -moz-box-shadow: inset 0px 1px 3px white;
  90. }
  91. .dj_ie .bux-toolbar-inner {
  92. padding-top: 0px !important; /*this is to make sure buttons are in the middle of the toolbar in IE*/
  93. }
  94. .icdUI .bux-toolbar .dijitToolbar { /*use to change the background color*/
  95. background-color: #ebf5fe;
  96. border: 1px solid #cccccc;
  97. border-radius: 0px;
  98. background-image: none;
  99. background-image: -moz-linear-gradient(top, #ffffff 0%, #ebf5fe 100%);
  100. background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ebf5fe));
  101. background-image: -webkit-linear-gradient(top, #ffffff 0%, #ebf5fe 100%);
  102. background-image: -o-linear-gradient(top, #ffffff 0%, #ebf5fe 100%);
  103. background-image: -ms-linear-gradient(top, #ffffff 0%, #ebf5fe 100%);
  104. background-image: linear-gradient(to bottom, #ffffff 0%, #ebf5fe 100%);
  105. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ebf5fe',GradientType=0 );
  106. zoom: 1;
  107. padding-top: 1px;
  108. }
  109. .bux-toolbar-chevron-show-button {
  110. width: 16px;
  111. height: 16px;
  112. background-image: none;
  113. background-image: url(images/menu/action_menu_show.gif);
  114. }
  115. .bux-toolbar-chevron-hide-button {
  116. width: 16px;
  117. height: 16px;
  118. background-image: none;
  119. background-image: url(images/menu/action_menu_hide.gif);
  120. }
  121. /*Shows the blue button on the widget toolbar*/
  122. .claro .bux-toolbar-dropdown-section .dijitArrowButtonInner {
  123. background-image: none;
  124. background-image: url("images/widget_toolbar/odtb.png");
  125. background-position: 0 0;
  126. background-repeat: no-repeat;
  127. height: 25px;
  128. width: 25px
  129. }
  130. .claro .bux-toolbar-dropdown-section .dijitDropDownButtonHover .dijitArrowButtonInner {
  131. background-position: -25px 0;
  132. }
  133. .claro .dijitToolbar .bux-toolbar-dropdown-section .dijitButtonNode,
  134. .claro .dijitToolbar .bux-toolbar-dropdown-section .dijitDropDownButtonHover .dijitButtonNode,
  135. .claro .dijitToolbar .bux-toolbar-dropdown-section .dijitDropDownButtonActive .dijitButtonNode,
  136. .claro .dijitToolbar .bux-toolbar-dropdown-section .dijitDropDownButtonOpened .dijitButtonNode {
  137. background-color: transparent;
  138. border: none;
  139. padding: 1px;
  140. background-image: none;
  141. filter: none;
  142. -moz-border-radius: 10px;
  143. }
  144. .claro .dijitToolbar .bux-toolbar-dropdown-section .dijitButtonContents {
  145. padding: 0px;
  146. }
  147. /* Images and icons*/
  148. .bux-onDemandUI-icon {
  149. background-repeat: no-repeat;
  150. background-position: center center;
  151. width: 16px;
  152. height: 16px;
  153. }
  154. .bux-toolbar-editcancel-icon {
  155. background-image: none;
  156. background-image: url(images/dialog/dialog_icon_close_strip.png);
  157. background-position: 0px;
  158. }
  159. .bux-toolbar-autoresize {
  160. background-position: 0px;
  161. }
  162. .bux-toolbar-delete {
  163. background-position: -144px;
  164. }
  165. .bux-toolbar-rename {
  166. background-position: -624px;
  167. }
  168. .bux-toolbar-edit-icon {
  169. background-position: -272px;
  170. }
  171. .bux-toolbar-more-icon {
  172. background-position: -1488px;
  173. }
  174. .bux-toolbar-maximize-icon {
  175. background-position: -400px;
  176. }
  177. .bux-toolbar-listento {
  178. background-position: -432px;
  179. }
  180. .bux-properties-icon {
  181. background-position: -544px;
  182. }
  183. .bux-toolbar-remove {
  184. background-position: -608px;
  185. }
  186. .bux-toolbar-restoredown-icon {
  187. background-position: -656px;
  188. }
  189. .bux-toolbar-sendtoback {
  190. background-position: -672px;
  191. }
  192. .dijitMenuItemDisabled .bux-toolbar-autoresize {
  193. background-position: -1680px;
  194. }
  195. .dijitMenuItemDisabled .bux-toolbar-sendtoback {
  196. background-position: -1696px;
  197. }
  198. .bux-toolbar-autoresize,
  199. .bux-toolbar-delete,
  200. .bux-toolbar-rename,
  201. .bux-toolbar-sendtoback,
  202. .bux-toolbar-listento,
  203. .bux-toolbar-remove,
  204. .bux-properties-icon,
  205. .bux-toolbar-maximize-icon,
  206. .bux-toolbar-restoredown-icon,
  207. .bux-toolbar-edit-icon,
  208. .bux-toolbar-more-icon {
  209. background-image: none;
  210. background-image: url(images/icons/on_demand_toolbar_and_context_menu_strip.png);
  211. }
  212. .bux-toolbar-icon {
  213. background-image: none;
  214. background-image: url(images/icons/undefined.png);
  215. }
  216. /* -- A11Y -- */
  217. .dijit_a11y .bux_bluedot_ArrowButtonChar {
  218. height: 5px;
  219. left: 12px;
  220. position: absolute;
  221. top: 8px;
  222. width: 5px;
  223. }
  224. .dijit_a11y .bux-toolbar-tools .dijitToolbarSeparator {
  225. border: 1px solid;
  226. height: 25px;
  227. margin: 3px;
  228. width: 0;
  229. padding: 0px;
  230. }
  231. .dijit_a11y .bux-toolbar-dropdown-section {
  232. height: 25px;
  233. width: 25px;
  234. }
  235. .dijit_a11y .bux-toolbar-tools {
  236. margin-top: 0px;
  237. }
  238. .dijit_a11y .bux-toolbar .dijitButton,
  239. .dijit_a11y .bux-toolbar .dijitDropDownButton,
  240. .dijit_a11y .bux-toolbar .dijitComboButton {
  241. margin: 0px;
  242. padding: 0px;
  243. }
  244. .dijit_a11y .bux-toolbar-dropdown-spacer {
  245. width: 30px !important;
  246. height: 20px;
  247. }
  248. .dj_ie .dijit_a11y .bux-toolbar-tools .dijitButton,
  249. .dj_ie .dijit_a11y .bux-toolbar-tools .dijitDropDownButton {
  250. height: auto !important;
  251. vertical-align: top;
  252. }
  253. .dijit_a11y .bux-toolbar-tools .dijitButton button {
  254. width: auto !important;
  255. }
  256. .dijit_a11y .bux-toolbar-tools .dijitDropDownButton button {
  257. width: auto !important;
  258. }
  259. .dj_ie .dijit_a11y .bux-toolbar-tools .dijitButton button {
  260. width: 100% !important;
  261. }
  262. .dj_ie .dijit_a11y .bux-toolbar-tools .dijitDropDownButton button {
  263. width: 100% !important;
  264. }
  265. .dijit_a11y .bux-toolbar-tools-section,
  266. .dijit_a11y .bux-toolbar-edit-section {
  267. width: 100px;
  268. }
  269. .dijit_a11y .bux-toolbar-edit-section-r {
  270. width: auto;
  271. }
  272. .dijit_a11y .bux-toolbar {
  273. height: 45px;
  274. }
  275. .dijit_a11y .bux-toolbar-inner {
  276. background: white !important;
  277. border: none !important;
  278. }
  279. .dijit_a11y .bux-toolbar,
  280. .dijit_a11y .bux-toolbar-inner {
  281. overflow: visible;
  282. }
  283. .dijit_a11y .bux-toolbar,
  284. .dijit_a11y .bux-toolbar-inner,
  285. .dijit_a11y .bux-toolbar-inner table,
  286. .dijit_a11y .bux-toolbar-inner td {
  287. background-color: white !important;
  288. }