pager.css 4.8 KB

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