dataTable.css 1.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899
  1. table.dataTable {
  2. width: 100%;
  3. border-collapse: collapse;
  4. }
  5. table.dataTable th.dataTableHeader {
  6. color: #fff;
  7. background-color: #3C8B9F;
  8. padding: 5px;
  9. border: #fff 1px solid;
  10. text-align: left;
  11. }
  12. table.dataTable td {
  13. padding: 5px;
  14. border-style: solid;
  15. border-width: 1px 1px 0 1px;
  16. border-color: #ccc #fff #ccc #fff;
  17. }
  18. table.dataTable td a {
  19. padding-right: 5px;
  20. }
  21. table.dataTable tr.odd_row {
  22. background-color: #e4f2fb;
  23. }
  24. table.dataTable tr.even_row {
  25. background-color: #f8f8f8;
  26. }
  27. table.dataTable tr.odd_row:hover,
  28. table.dataTable tr.even_row:hover,
  29. table.dataTable tr.odd_row:hover a,
  30. table.dataTable tr.even_row:hover a {
  31. background-color: #BAE1EB;
  32. }
  33. table.dataTable tr.odd_row:hover a:hover,
  34. table.dataTable tr.even_row:hover a:hover {
  35. }
  36. table.dataTable th.dataTableHeader a,
  37. table.dataTable th.dataTableHeader a:link,
  38. table.dataTable th.dataTableHeader a:active,
  39. table.dataTable th.dataTableHeader a:visited {
  40. color: #fff;
  41. display: block;
  42. text-decoration: none;
  43. }
  44. * html table.dataTable th.dataTableHeader a {
  45. width: 100%;
  46. }
  47. table.dataTable th.dataTableHeader a:hover {
  48. text-decoration: underline;
  49. }
  50. table.dataTable {
  51. border-bottom: 1px solid #fff;
  52. }
  53. table.dataTable thead td,
  54. table.dataTable tfoot td.dataTableFooter {
  55. border: 0;
  56. padding: 0;
  57. }
  58. ul.dataTablePagination {
  59. margin: 0 0 0 -1px;
  60. border-style: solid;
  61. border-color: #fff;
  62. border-width: 1px 1px 0 1px;
  63. padding: 5px;
  64. }
  65. * html ul.dataTablePagination {
  66. margin: 0;
  67. }
  68. ul.dataTablePagination li {
  69. display: inline;
  70. }
  71. ul.dataTablePagination li.currentPage {
  72. font-weight: bold;
  73. }
  74. /* for stuff like: You are viewing items 1 through 10 of 16. */
  75. span.dataTableDisplayInfo {
  76. display: block;
  77. float: right;
  78. margin: 5px 5px 5px 0;
  79. }