jquery.dataTables_themeroller.css 4.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244
  1. /*
  2. * Table
  3. */
  4. table.dataTable {
  5. margin: 0 auto;
  6. clear: both;
  7. width: 100%;
  8. border-collapse: collapse;
  9. }
  10. table.dataTable thead th {
  11. padding: 3px 0px 3px 10px;
  12. cursor: pointer;
  13. *cursor: hand;
  14. }
  15. table.dataTable tfoot th {
  16. padding: 3px 10px;
  17. }
  18. table.dataTable td {
  19. padding: 3px 10px;
  20. }
  21. table.dataTable td.center,
  22. table.dataTable td.dataTables_empty {
  23. text-align: center;
  24. }
  25. table.dataTable tr.odd { background-color: #E2E4FF; }
  26. table.dataTable tr.even { background-color: white; }
  27. table.dataTable tr.odd td.sorting_1 { background-color: #D3D6FF; }
  28. table.dataTable tr.odd td.sorting_2 { background-color: #DADCFF; }
  29. table.dataTable tr.odd td.sorting_3 { background-color: #E0E2FF; }
  30. table.dataTable tr.even td.sorting_1 { background-color: #EAEBFF; }
  31. table.dataTable tr.even td.sorting_2 { background-color: #F2F3FF; }
  32. table.dataTable tr.even td.sorting_3 { background-color: #F9F9FF; }
  33. /*
  34. * Table wrapper
  35. */
  36. .dataTables_wrapper {
  37. position: relative;
  38. clear: both;
  39. *zoom: 1;
  40. }
  41. .dataTables_wrapper .ui-widget-header {
  42. font-weight: normal;
  43. }
  44. .dataTables_wrapper .ui-toolbar {
  45. padding: 5px;
  46. }
  47. /*
  48. * Page length menu
  49. */
  50. .dataTables_length {
  51. float: left;
  52. }
  53. /*
  54. * Filter
  55. */
  56. .dataTables_filter {
  57. float: right;
  58. text-align: right;
  59. }
  60. /*
  61. * Table information
  62. */
  63. .dataTables_info {
  64. padding-top: 3px;
  65. clear: both;
  66. float: left;
  67. }
  68. /*
  69. * Pagination
  70. */
  71. .dataTables_paginate {
  72. float: right;
  73. text-align: right;
  74. }
  75. .dataTables_paginate .ui-button {
  76. margin-right: -0.1em !important;
  77. }
  78. .paging_two_button .ui-button {
  79. float: left;
  80. cursor: pointer;
  81. * cursor: hand;
  82. }
  83. .paging_full_numbers .ui-button {
  84. padding: 2px 6px;
  85. margin: 0;
  86. cursor: pointer;
  87. * cursor: hand;
  88. color: #333 !important;
  89. }
  90. /* Two button pagination - previous / next */
  91. .paginate_disabled_previous,
  92. .paginate_enabled_previous,
  93. .paginate_disabled_next,
  94. .paginate_enabled_next {
  95. height: 19px;
  96. float: left;
  97. cursor: pointer;
  98. *cursor: hand;
  99. color: #111 !important;
  100. }
  101. .paginate_disabled_previous:hover,
  102. .paginate_enabled_previous:hover,
  103. .paginate_disabled_next:hover,
  104. .paginate_enabled_next:hover {
  105. text-decoration: none !important;
  106. }
  107. .paginate_disabled_previous:active,
  108. .paginate_enabled_previous:active,
  109. .paginate_disabled_next:active,
  110. .paginate_enabled_next:active {
  111. outline: none;
  112. }
  113. .paginate_disabled_previous,
  114. .paginate_disabled_next {
  115. color: #666 !important;
  116. }
  117. .paginate_disabled_previous,
  118. .paginate_enabled_previous {
  119. padding-left: 23px;
  120. }
  121. .paginate_disabled_next,
  122. .paginate_enabled_next {
  123. padding-right: 23px;
  124. margin-left: 10px;
  125. }
  126. .paginate_enabled_previous { background: url('../images/back_enabled.png') no-repeat top left; }
  127. .paginate_enabled_previous:hover { background: url('../images/back_enabled_hover.png') no-repeat top left; }
  128. .paginate_disabled_previous { background: url('../images/back_disabled.png') no-repeat top left; }
  129. .paginate_enabled_next { background: url('../images/forward_enabled.png') no-repeat top right; }
  130. .paginate_enabled_next:hover { background: url('../images/forward_enabled_hover.png') no-repeat top right; }
  131. .paginate_disabled_next { background: url('../images/forward_disabled.png') no-repeat top right; }
  132. /* Full number pagination */
  133. .paging_full_numbers a:active {
  134. outline: none
  135. }
  136. .paging_full_numbers a:hover {
  137. text-decoration: none;
  138. }
  139. .paging_full_numbers a.paginate_button,
  140. .paging_full_numbers a.paginate_active {
  141. border: 1px solid #aaa;
  142. -webkit-border-radius: 5px;
  143. -moz-border-radius: 5px;
  144. border-radius: 5px;
  145. padding: 2px 5px;
  146. margin: 0 3px;
  147. cursor: pointer;
  148. *cursor: hand;
  149. color: #333 !important;
  150. }
  151. .paging_full_numbers a.paginate_button {
  152. background-color: #ddd;
  153. }
  154. .paging_full_numbers a.paginate_button:hover {
  155. background-color: #ccc;
  156. text-decoration: none !important;
  157. }
  158. .paging_full_numbers a.paginate_active {
  159. background-color: #99B3FF;
  160. }
  161. /*
  162. * Processing indicator
  163. */
  164. .dataTables_processing {
  165. position: absolute;
  166. top: 50%;
  167. left: 50%;
  168. width: 250px;
  169. height: 30px;
  170. margin-left: -125px;
  171. margin-top: -15px;
  172. padding: 14px 0 2px 0;
  173. border: 1px solid #ddd;
  174. text-align: center;
  175. color: #999;
  176. font-size: 14px;
  177. background-color: white;
  178. }
  179. /*
  180. * Sorting
  181. */
  182. table.dataTable thead th div.DataTables_sort_wrapper {
  183. position: relative;
  184. padding-right: 20px;
  185. }
  186. table.dataTable thead th div.DataTables_sort_wrapper span {
  187. position: absolute;
  188. top: 50%;
  189. margin-top: -8px;
  190. right: 0;
  191. }
  192. table.dataTable th:active {
  193. outline: none;
  194. }
  195. /*
  196. * Scrolling
  197. */
  198. .dataTables_scroll {
  199. clear: both;
  200. }
  201. .dataTables_scrollBody {
  202. *margin-top: -1px;
  203. -webkit-overflow-scrolling: touch;
  204. }