pager.xml 5.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216
  1. <?xml version="1.0" encoding="UTF-8"?>
  2. <!--
  3. Licensed Materials - Property of IBM
  4. IBM Cognos Products: cpscrn
  5. (C) Copyright IBM Corp. 2005, 2015
  6. US Government Users Restricted Rights - Use, duplication or disclosure restricted by GSA ADP Schedule Contract with IBM Corp.
  7. -->
  8. <css xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance">
  9. /********************************
  10. * Licensed Materials - Property of IBM
  11. *
  12. * IBM Cognos Products: cpscrn
  13. *
  14. * (C) Copyright IBM Corp. 2005, 2012
  15. *
  16. * US Government Users Restricted Rights - Use, duplication or disclosure restricted by GSA ADP Schedule Contract with IBM Corp.
  17. ********************************/
  18. /* nav bar */
  19. .psPagerNavHeader {
  20. padding-bottom: 2px;
  21. }
  22. .psPagerNavLabel {
  23. padding-right: 5px;
  24. }
  25. .psPagerNavHeader .dijitInputField {
  26. padding-top: 2px;
  27. }
  28. .psPagerSeparator {
  29. padding: 0 8px;
  30. }
  31. .psPagerNavHeader .button {
  32. margin: 4px 1px 0;
  33. cursor: pointer;
  34. }
  35. .psPager .rowDivider {
  36. height: 13px;
  37. }
  38. .psPager .buttonDisabled {
  39. cursor: auto;
  40. }
  41. /* grid images */
  42. .psPager .dojoxGrid img {
  43. border: none;
  44. }
  45. /* grid header */
  46. .psPager .dojoxGridHeader .dojoxGridCell {
  47. background: none;
  48. padding: 3px;
  49. line-height: 1.3em;
  50. }
  51. .psPager .dojoxGridHeader .dojoxGridSortNode, .psPagerFilterButton, .psPagerSortButton {
  52. float: left;
  53. }
  54. .rtl .psPager .dojoxGridHeader .dojoxGridSortNode, .rtl .psPagerFilterButton, .rtl .psPagerSortButton {
  55. float: right;
  56. }
  57. .psPagerSortable, .psPagerFilterable, .psPagerFilterButton, .psPagerSortButton {
  58. cursor: pointer;
  59. }
  60. .psPagerFilterable .dijitDropDownButton {
  61. margin: 0;
  62. }
  63. .psPagerFilterable .dijitArrowButtonInner {
  64. display: none;
  65. }
  66. .psPagerSelectedImage {
  67. visibility: hidden;
  68. }
  69. .psPagerFilterMenuItemSelected .psPagerSelectedImage {
  70. visibility: visible;
  71. background-color:transparent
  72. }
  73. .psPagerFilterMenuItemSelected{
  74. background-color:transparent
  75. }
  76. .psPagerFilterable .dijitButtonNode {
  77. border: 0;
  78. padding: 0;
  79. background: none !important;
  80. color: inherit !important;
  81. }
  82. /* counter the 1px left offset of the checkbox column */
  83. .psPager .dojoxGridMasterView {
  84. margin-left: -1px;
  85. }
  86. /* checkbox column */
  87. .psPager .controlCheckbox {
  88. padding: 3px 0 2px 3px;
  89. width: 20px;
  90. border: 1px dashed transparent;
  91. }
  92. .psPager .controlCheckboxFocused {
  93. border-color: darkblue !important;
  94. }
  95. .psPager .dojoxGridRowbar, .psPager .dojoxGridScrollbox {
  96. background-image: none;
  97. background-color: white;
  98. }
  99. .psPager .dojoxGridRowbarOdd .dojoxGridRowbar:nth-child(even) {
  100. background-color: #F2F5F9;
  101. }
  102. .psPager .dojoxGridRowbar {
  103. border-width: 0 1px;
  104. border-color: transparent;
  105. }
  106. .psPager .dojoxGridRowbarInner {
  107. border-style: none;
  108. border-bottom: 1px dotted #D5CDB5;
  109. }
  110. .psPagerNoSeparator .dojoxGridRowbarInner {
  111. border-top-color: white;
  112. border-bottom-color: white;
  113. }
  114. /* header */
  115. .psPager .dojoxGridHeader {
  116. background-color: <skinValue path="/uiSkin/uiElements/grid/header/background/color"/>;
  117. }
  118. .psPager .dojoxGridHeader .dojoxGridCell {
  119. border-width: 1px;
  120. padding-bottom: 0px;
  121. border-color: transparent #ACA899 #919191 transparent;
  122. color: <skinValue path="/uiSkin/uiElements/grid/header/text/color"/> !important;
  123. }
  124. .psPager .dojoxGridHeader .dojoxGridCellOver {
  125. color: <skinValue path="/uiSkin/uiElements/grid/header/text/color"/> !important;
  126. }
  127. /* rows */
  128. .psPager .dojoxGridRow {
  129. border: medium none;
  130. }
  131. .psPagerNoSeparator .dojoxGridRowTable {
  132. border-right: 1px solid #F8F7F1;
  133. }
  134. .psPager .dojoxGridRow {
  135. background-color: <skinValue path="/uiSkin/uiElements/grid/background/color"/>;
  136. }
  137. .psPager .dojoxGridRowbarOdd, .psPager .dojoxGridRowOdd {
  138. background-color: <skinValue path="/uiSkin/uiElements/grid/body/row/state[@type='alternate']/background/color"/>;
  139. }
  140. .psPagerNoSeparator .dojoxGridRowOdd, .psPagerLineSeparator .dojoxGridRowOdd {
  141. background-color: white;
  142. }
  143. /* cells */
  144. .psPager .dojoxGridCell {
  145. border-color: transparent #D5CDB5 #D5CDB5 transparent;
  146. border-width: 1px;
  147. border-style: dotted;
  148. outline: 0;
  149. line-height: 16px;
  150. }
  151. .psPagerNoSeparator .dojoxGridMasterView .dojoxGridCell {
  152. border-color: transparent;
  153. border-style: solid;
  154. }
  155. /* selected rows */
  156. .psPager .dojoxGridRowbarSelected, .psPager .dojoxGridRowSelected .dojoxGridCell {
  157. background-color: <skinValue path="/uiSkin/uiElements/grid/body/row/state[@type='selected']/background/color"/> !important;
  158. }
  159. .psPager .dojoxGridRowbarSelected, .psPager .dojoxGridRowbarSelected .dojoxGridRowbarInner, .psPager .dojoxGridRowSelected .dojoxGridCell {
  160. border-color: <skinValue path="/uiSkin/uiElements/grid/body/row/state[@type='selected']/background/color"/> !important;
  161. }
  162. /* hovered rows */
  163. .psPagerHighlightable .dojoxGridRowbarOver, .psPagerHighlightable .dojoxGridRowOver .dojoxGridCell, .psPager .dojoxGridRowOver .dojoxGridCell {
  164. background-color: <skinValue path="/uiSkin/uiElements/grid/body/row/state[@type='hover']/background/color"/> !important;
  165. }
  166. .psPagerHighlightable .dojoxGridRowbarOver, .psPagerHighlightable .dojoxGridRowbarOver .dojoxGridRowbarInner, .psPagerHighlightable .dojoxGridRowOver .dojoxGridCell {
  167. border-color: <skinValue path="/uiSkin/uiElements/grid/body/row/state[@type='hover']/background/color"/> !important;
  168. }
  169. .psPagerHighlightable .dojoxGridRowOver .dojoxGridCell, .psPagerHighlightable .dojoxGridRowOver .dojoxGridCell a {
  170. color: <skinValue path="/uiSkin/uiElements/grid/body/row/state[@type='hover']/text/color"/>;
  171. }
  172. /* focused cells */
  173. .psPager .dojoxGridCellFocus, .psPager .dojoxGridRowSelected .dojoxGridCellFocus, .psPager .dojoxGridRowOver .dojoxGridCellFocus , .psPager .dojoxGridRowbarFocus .dojoxGridRowbarTable {
  174. border: 1px dashed darkblue !important;
  175. }
  176. /* A11y Label */
  177. .psPagerHiddenLabel {
  178. margin-top: -9999px;
  179. position: absolute;
  180. }
  181. /* actions */
  182. .psPagerActionList {
  183. margin: 0;
  184. padding: 0;
  185. list-style-type: none;
  186. }
  187. .psPagerActionList li {
  188. display: inline;
  189. margin: 0;
  190. padding-left: 10px;
  191. }
  192. .psPagerActionList li a {
  193. text-decoration: underline;
  194. cursor: pointer;
  195. }
  196. </css>