CRN.css 7.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385
  1. /*
  2. Licensed Materials - Property of IBM
  3. IBM Cognos Products: Viewer
  4. (C) Copyright IBM Corp. 2001, 2015
  5. US Government Users Restricted Rights - Use, duplication or
  6. disclosure restricted by GSA ADP Schedule Contract with IBM Corp.
  7. */
  8. /*General styles*/
  9. .mainViewerHeader3
  10. {
  11. background-color: #ffffff;
  12. padding-top:6px;
  13. }
  14. /*menu bar styles*/
  15. .menuBar
  16. {
  17. padding: 1px;
  18. background-color: #336699;
  19. border-bottom: 1px solid #000066;
  20. }
  21. .clsMenu
  22. {
  23. display: inline;
  24. background-color: #ffffff;
  25. border: 1px solid #444444;
  26. position:absolute;
  27. padding: 2px 2px 2px 2px;
  28. overflow: visible;
  29. cursor: default;
  30. left: 0px;
  31. top:0px;
  32. margin:0px;
  33. }
  34. .menuTitle_normal
  35. {
  36. background-color: #336699;
  37. color:#ffffff;
  38. font-weight: bold;
  39. }
  40. .menuTitle_hover
  41. {
  42. background-color: #e8ecf4;
  43. color:#000066;
  44. font-weight: bold;
  45. }
  46. .menuTitle_pressed
  47. {
  48. background-color: #e8ecf4;
  49. color:#000066;
  50. font-weight: bold;
  51. }
  52. .menuItem_normal
  53. {
  54. border: transparent 1px solid;
  55. color: #000000;
  56. padding: 2px;
  57. font-family: Tahoma;
  58. cursor: pointer;
  59. cursor: hand;
  60. }
  61. .clsMenu .menuItem_normal
  62. {
  63. color: #000000;
  64. background-color: transparent;
  65. border:none;
  66. }
  67. .titanui .menuItem_normal
  68. {
  69. border: transparent 1px solid;
  70. color: #222222;
  71. padding: 2px;
  72. font-family: "Helvetica Neue", Helvetica, Tahoma, Arial, "MS UI Gothic", Gulim, SimSun, PMingLiU, Raghu8, "Arial Unicode MS", "Andale WT", sans-serif;
  73. font-size: 11px;
  74. height: 22px;
  75. cursor: pointer;
  76. cursor: hand;
  77. }
  78. .clsMenu .titanui.menuItem_normal
  79. {
  80. color: #222222;
  81. background-color: transparent;
  82. border:none;
  83. }
  84. .clsViewerMobile .clsMenuItem,
  85. .clsViewerMobile .clsMenuItem_selected
  86. {
  87. height: 40px;
  88. font-size: 16px;
  89. }
  90. .clsViewerMobile .clsMenuSeparatorLabel
  91. {
  92. height: 40px;
  93. font-size: 16px;
  94. padding-top: 12px;
  95. }
  96. .clsMenu table.titanui.menuItem_hover,
  97. .clsMenu table.titanui.menuItem_pressed,
  98. .clsMenu table.titanui.menuItem_disabled,
  99. .clsMenu table.titanui.menuItem_normal,
  100. body.viewer .titanui .menuItem_hover,
  101. body.viewer .titanui .menuItem_pressed,
  102. body.viewer .titanui .menuItem_disabled,
  103. body.viewer .titanui .menuItem_normal,
  104. body.viewer .titanui .pageControls
  105. {
  106. font-size: 100%;
  107. }
  108. .menuItem_hover:active
  109. {
  110. background-color: #e7e7e7;
  111. background-image: -moz-linear-gradient(top, #e7e7e7 0%, #cccccc 100%);
  112. background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e7e7e7), color-stop(100%,#cccccc));
  113. background-image: -webkit-linear-gradient(top, #e7e7e7 0%, #cccccc 100%);
  114. background-image: -o-linear-gradient(top, #e7e7e7 0%, #cccccc 100%);
  115. background-image: -ms-linear-gradient(top, #e7e7e7 0%, #cccccc 100%);
  116. background-image: linear-gradient(to bottom, #e7e7e7 0%, #cccccc 100%);
  117. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7e7e7', endColorstr='#cccccc',GradientType=0 );
  118. zoom: 1;
  119. border: #8d8d8d 1px solid;
  120. -webkit-border-radius: 3px;
  121. -moz-border-radius: 3px;
  122. border-radius: 3px;
  123. color: #000000;
  124. padding: 2px;
  125. font-family: Tahoma;
  126. cursor: pointer;
  127. cursor: hand;
  128. }
  129. .menuItem_hover
  130. {
  131. background-color: #f8f8f8;
  132. background-image: -moz-linear-gradient(top, #ffffff 0%, #f8f8f8 100%);
  133. background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f8f8f8));
  134. background-image: -webkit-linear-gradient(top, #ffffff 0%, #f8f8f8 100%);
  135. background-image: -o-linear-gradient(top, #ffffff 0%, #f8f8f8 100%);
  136. background-image: -ms-linear-gradient(top, #ffffff 0%, #f8f8f8 100%);
  137. background-image: linear-gradient(to bottom, #ffffff 0%, #f8f8f8 100%);
  138. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f8f8f8',GradientType=0 );
  139. zoom: 1;
  140. border: #8d8d8d 1px solid;
  141. -webkit-border-radius: 3px;
  142. -moz-border-radius: 3px;
  143. border-radius: 3px;
  144. color: #000000;
  145. padding: 2px;
  146. font-family: Tahoma;
  147. cursor: pointer;
  148. cursor: hand;
  149. }
  150. .clsMenu .menuItem_hover
  151. {
  152. color: #000000;
  153. background-color: #95daf2;
  154. background-image:none;
  155. border: none;
  156. -webkit-border-radius: 0px;
  157. -moz-border-radius: 0px;
  158. border-radius: 0px;
  159. filter:none;
  160. text-decoration: underline;
  161. }
  162. .menuItem_pressed
  163. {
  164. background-color: #efefef;
  165. background-image: none, -moz-linear-gradient(top, #e7e7e7 0%, #cccccc 100%);
  166. background-image: none, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e7e7e7), color-stop(100%,#cccccc));
  167. background-image: none, -webkit-linear-gradient(top, #e7e7e7 0%, #cccccc 100%);
  168. background-image: none, -o-linear-gradient(top, #e7e7e7 0%, #cccccc 100%);
  169. background-image: none, -ms-linear-gradient(top, #e7e7e7 0%, #cccccc 100%);
  170. background-image: none, linear-gradient(to bottom, #e7e7e7 0%, #cccccc 100%);
  171. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7e7e7', endColorstr='#cccccc',GradientType=0 );
  172. zoom: 1;
  173. border: #8d8d8d 1px dotted;
  174. -webkit-border-radius: 0px;
  175. -moz-border-radius: 0px;
  176. border-radius: 0px;
  177. color: #000000;
  178. padding: 2px;
  179. font-family: Tahoma;
  180. cursor: pointer;
  181. cursor: hand;
  182. }
  183. .clsMenu table.menuItem_hover,
  184. .clsMenu table.menuItem_pressed,
  185. .clsMenu table.menuItem_disabled,
  186. .clsMenu table.menuItem_normal,
  187. body.viewer .menuItem_hover,
  188. body.viewer .menuItem_pressed,
  189. body.viewer .menuItem_disabled,
  190. body.viewer .menuItem_normal,
  191. body.viewer .pageControls
  192. {
  193. font-size: 70%;
  194. }
  195. .menuItem_disabled
  196. {
  197. padding: 3px;
  198. color: #767676;
  199. }
  200. .clsMenu .menuItem_disabled
  201. {
  202. color: #767676;
  203. }
  204. .menuContainer
  205. {
  206. background-color: #ffffff;
  207. border: 1px solid #336699;
  208. }
  209. /*toolbar styles*/
  210. .toolbar
  211. {
  212. width: 25px;
  213. height: 25px;
  214. padding: 2px;
  215. background-color: #e0e0e0;
  216. border-bottom: 1px solid #cccccc;
  217. }
  218. /* Drop down arrow */
  219. .dropDownArrow
  220. {
  221. height: 22px;
  222. width: 13px;
  223. border: 1px solid #cccccc;
  224. background-color: #FFFFFF;
  225. }
  226. .dropDownArrowOver
  227. {
  228. height: 22px;
  229. width: 13px;
  230. border: 1px solid #666699;
  231. background-color: #cccce3;
  232. cursor: pointer;
  233. cursor: hand;
  234. }
  235. /* Drop down arror in banner */
  236. .bannerDropDownArrow
  237. {
  238. height: 22px;
  239. width: 13px;
  240. border: #d8dedc 1px solid;
  241. background-color: #d8dedc;
  242. }
  243. .bannerDropDownArrowOver
  244. {
  245. height: 22px;
  246. width: 13px;
  247. border: #336699 1px solid;
  248. background-color: #d8dedc;
  249. cursor: pointer;
  250. cursor: hand;
  251. }
  252. .bannerButtonContainer
  253. {
  254. }
  255. .bannerToolbarButton
  256. {
  257. padding : 1px;
  258. border: solid 1px transparent;
  259. }
  260. .bannerToolbarButtonOver
  261. {
  262. cursor: pointer;
  263. cursor: hand;
  264. padding : 1px;
  265. border: 1px solid #ffffff;
  266. border-radius : 3px; 3px; 3px; 3px;
  267. }
  268. .bannerMenuItem
  269. {
  270. font-size: 70%;
  271. color: #ffffff;
  272. text-decoration: underline;
  273. padding: 1px 5px 1px 5px;
  274. cursor: pointer;
  275. cursor: hand;
  276. }
  277. .bannerMenuItemOver
  278. {
  279. font-size: 70%;
  280. color: #ffffff;
  281. text-decoration: underline;
  282. padding: 1px 5px 1px 5px;
  283. cursor: pointer;
  284. cursor: hand;
  285. }
  286. .bannerText
  287. {
  288. color: #ffffff;
  289. font-size:70%;
  290. font-weight:bold;
  291. white-space:nowrap;
  292. padding: 1px 5px 1px 5px;
  293. }
  294. .bannerLink
  295. {
  296. color: #ffffff;
  297. cursor:pointer;
  298. font-size:70%;
  299. text-decoration:underline;
  300. padding: 1px 5px 1px 5px;
  301. margin-left: 3px;
  302. }
  303. /* Seperators */
  304. .menuHorizontalSeperator
  305. {
  306. border-bottom: 1px solid #C0C0C0;
  307. font-size: 0;
  308. height: 1px;
  309. margin-bottom: 3px;
  310. margin-top: 1px;
  311. width: 100%;
  312. }
  313. .toolbarVerticalSeperator
  314. {
  315. padding: 4px 5px 0px 5px;
  316. }
  317. .toolbarDivider
  318. {
  319. background-image: url(images/tool_sep_dot_line.gif);
  320. background-position: top left;
  321. background-repeat: no-repeat;
  322. font-size: 0px;
  323. width: 1px;
  324. height:18px;
  325. }
  326. /*BiDi styles*/
  327. .rtl .headerTitle {
  328. padding-right: 16px;
  329. padding-left: 0px;
  330. }
  331. .rtl .mainHeader1Middle {
  332. padding-right: 30px;
  333. padding-left: 10px;
  334. }
  335. .rtl .bannerLink {
  336. margin-left: 0px;
  337. margin-right: 3px;
  338. }
  339. .rtl #ibmLogo {
  340. padding-left: 57px;
  341. padding-right: 0px;
  342. }