TabControl.css 3.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215
  1. /*
  2. Licensed Materials - Property of IBM
  3. IBM Cognos Products: Viewer
  4. (C) Copyright IBM Corp. 2014
  5. US Government Users Restricted Rights - Use, duplication or
  6. disclosure restricted by GSA ADP Schedule Contract with IBM Corp.
  7. */
  8. /* ct represents cognos tab, hopefully it will avoid css collisions */
  9. .ct_verticalLine
  10. {
  11. border-top : 1px solid #B5BCC7;
  12. display : block;
  13. position : absolute;
  14. z-index : 2;
  15. width : 40000px;
  16. left : 0px;
  17. }
  18. .ct_controlBottom .ct_verticalLine
  19. {
  20. top: 0px;
  21. }
  22. .ct_controlTop .ct_verticalLine
  23. {
  24. bottom: 0px;
  25. }
  26. .ct_wrapperDiv
  27. {
  28. overflow : hidden;
  29. width : 100%;
  30. position : relative;
  31. z-index : 1;
  32. }
  33. .ct_controlBottom .ct_wrapperDiv
  34. {
  35. padding-top : 2px;
  36. }
  37. .ct_controlTop .ct_wrapperDiv
  38. {
  39. margin-bottom : 2px;
  40. }
  41. .ct_control
  42. {
  43. background-color : #F5F5F5;
  44. overflow : hidden;
  45. text-align : left;
  46. display: block;
  47. width : 40000px;
  48. position : absolute;
  49. }
  50. .ct_controlTop .ct_control
  51. {
  52. padding-top: 1px;
  53. }
  54. .ct_controlBottom .ct_control
  55. {
  56. padding-bottom: 3px;
  57. }
  58. .ct_control .ct_outerDiv
  59. {
  60. float : left;
  61. min-width : 75px;
  62. margin-right : 1px;
  63. cursor : pointer;
  64. white-space : nowrap;
  65. background-color : #FFFFFF;
  66. border : 1px solid #B5BCC7;
  67. position : relative;
  68. display : block;
  69. }
  70. .ct_controlBottom .ct_control .ct_outerDiv
  71. {
  72. border-radius : 0 0 2px 2px;
  73. margin-bottom : 1px;
  74. margin-top : -1px;
  75. }
  76. .ct_controlTop .ct_control .ct_outerDiv
  77. {
  78. border-radius : 2px 2px 0 0;
  79. margin-top : 1px;
  80. margin-bottom : -1px;
  81. }
  82. .ct_controlBottom .ct_control .ct_highlight
  83. {
  84. border-bottom-width : 2px;
  85. border-bottom-color : #008ABF;
  86. border-radius : 0 0 3px 3px;
  87. margin-bottom : 0px;
  88. }
  89. .ct_controlTop .ct_control .ct_highlight
  90. {
  91. border-top-width : 2px;
  92. border-top-color : #008ABF;
  93. border-radius : 3px 3px 0 0;
  94. margin-top : 0px;
  95. }
  96. .ct_controlBottom .ct_control .ct_selected
  97. {
  98. z-index : 30;
  99. border-top : 1px solid #FFFFFF;
  100. }
  101. .ct_controlTop .ct_control .ct_selected
  102. {
  103. z-index : 3;
  104. border-bottom : 1px solid #FFFFFF;
  105. }
  106. .ct_control .ct_content
  107. {
  108. text-align : center;
  109. margin : 3px 6px 7px;
  110. }
  111. .ct_control .ct_text
  112. {
  113. min-height : 15px;
  114. vertical-align : middle;
  115. text-align : center;
  116. color : #444444;
  117. font-size : 12px;
  118. font-family : Arial,Verdana,'Arial Unicode MS','Andale WT','MS UI Gothic','MS PGothic','Apple Gothic',Gulim,SimSun,PMingLiU,Raghu8,sans-serif !important;
  119. }
  120. .ct_scroll
  121. {
  122. width : 20px;
  123. position : absolute;
  124. z-index : 100;
  125. display : block;
  126. background-color : #F5F5F5;
  127. }
  128. .ct_scroll .ct_scrollButton
  129. {
  130. background-repeat : no-repeat;
  131. background-position : center;
  132. border : 1px solid #B5BCC7;
  133. z-index : 101;
  134. height : 100%;
  135. }
  136. .ct_controlBottom .ct_scroll
  137. {
  138. top : 4px;
  139. border-bottom : 2px solid #FFFFFF;
  140. }
  141. .ct_controlTop .ct_scroll
  142. {
  143. top : 0px;
  144. border-top : 2px solid #FFFFFF;
  145. }
  146. .ct_scroll .ct_scrollDisabled .ct_scrollButton
  147. {
  148. background-color: #F5F5F5;
  149. }
  150. .ct_scroll .ct_scrollEnabled .ct_scrollButton
  151. {
  152. background-color: #E5F2FE;
  153. }
  154. .ct_wrapperDiv .a11y .ct_scrollDisabled .ct_scrollButton
  155. {
  156. text-align : center;
  157. vertical-align : middle;
  158. opacity : 0.5;
  159. -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  160. }
  161. .ct_wrapperDiv .a11y .ct_scrollEnabled .ct_scrollButton
  162. {
  163. text-align : center;
  164. vertical-align : middle;
  165. }
  166. .ct_wrapperDiv .ct_left .ct_scrollDisabled .ct_scrollButton
  167. {
  168. background-image:url(../../../skins/corporate/shared/images/action_scroll_left_disabled.gif);
  169. }
  170. .ct_wrapperDiv .ct_left .ct_scrollEnabled .ct_scrollButton
  171. {
  172. background-image:url(../../../skins/corporate/shared/images/action_scroll_left.gif);
  173. }
  174. .ct_wrapperDiv .ct_right .ct_scrollDisabled .ct_scrollButton
  175. {
  176. background-image:url(../../../skins/corporate/shared/images/action_scroll_right_disabled.gif);
  177. }
  178. .ct_wrapperDiv .ct_right .ct_scrollEnabled .ct_scrollButton
  179. {
  180. background-image:url(../../../skins/corporate/shared/images/action_scroll_right.gif);
  181. }