dark.css 3.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475
  1. .ngx-datatable.dark {
  2. box-shadow: none;
  3. background: #1b1e27;
  4. border: 1px solid #2f3646;
  5. color: #fff;
  6. font-size: 13px; }
  7. .ngx-datatable.dark .datatable-header {
  8. background: #181b24;
  9. color: #72809b; }
  10. .ngx-datatable.dark .datatable-header .datatable-header-cell {
  11. text-align: left;
  12. padding: 0.5rem 1.2rem;
  13. font-weight: bold; }
  14. .ngx-datatable.dark .datatable-header .datatable-header-cell .datatable-header-cell-label {
  15. line-height: 24px; }
  16. .ngx-datatable.dark .datatable-body {
  17. background: #1a1e28; }
  18. .ngx-datatable.dark .datatable-body .datatable-body-row {
  19. border-top: 1px solid #2f3646; }
  20. .ngx-datatable.dark .datatable-body .datatable-body-row .datatable-body-cell {
  21. text-align: left;
  22. padding: 0.5rem 1.2rem;
  23. vertical-align: top; }
  24. .ngx-datatable.dark .datatable-body .datatable-body-row:hover {
  25. background: #171b24;
  26. transition-property: background;
  27. transition-duration: 0.3s;
  28. transition-timing-function: linear; }
  29. .ngx-datatable.dark .datatable-body .datatable-body-row:focus {
  30. background-color: #232837; }
  31. .ngx-datatable.dark .datatable-body .datatable-body-row.active {
  32. background-color: #1483ff;
  33. color: #fff; }
  34. .ngx-datatable.dark .datatable-footer {
  35. background: #232837;
  36. color: #72809b;
  37. margin-top: -1px; }
  38. .ngx-datatable.dark .datatable-footer .page-count {
  39. line-height: 50px;
  40. height: 50px;
  41. padding: 0 1.2rem; }
  42. .ngx-datatable.dark .datatable-footer .datatable-pager {
  43. margin: 0 10px;
  44. vertical-align: top; }
  45. .ngx-datatable.dark .datatable-footer .datatable-pager ul li {
  46. margin: 10px 0px; }
  47. .ngx-datatable.dark .datatable-footer .datatable-pager ul li:not(.disabled).active a,
  48. .ngx-datatable.dark .datatable-footer .datatable-pager ul li:not(.disabled):hover a {
  49. background-color: #455066;
  50. font-weight: bold; }
  51. .ngx-datatable.dark .datatable-footer .datatable-pager a {
  52. height: 22px;
  53. min-width: 24px;
  54. line-height: 22px;
  55. padding: 0;
  56. border-radius: 3px;
  57. margin: 0 3px;
  58. text-align: center;
  59. vertical-align: top;
  60. text-decoration: none;
  61. vertical-align: bottom;
  62. color: #72809b; }
  63. .ngx-datatable.dark .datatable-footer .datatable-pager .datatable-icon-left,
  64. .ngx-datatable.dark .datatable-footer .datatable-pager .datatable-icon-skip,
  65. .ngx-datatable.dark .datatable-footer .datatable-pager .datatable-icon-right,
  66. .ngx-datatable.dark .datatable-footer .datatable-pager .datatable-icon-prev {
  67. font-size: 18px;
  68. line-height: 27px;
  69. padding: 0 3px; }
  70. .ngx-datatable.dark .datatable-summary-row .datatable-body-row {
  71. background-color: #14171f; }
  72. .ngx-datatable.dark .datatable-summary-row .datatable-body-row:hover {
  73. background-color: #14171f; }
  74. .ngx-datatable.dark .datatable-summary-row .datatable-body-row .datatable-body-cell {
  75. font-weight: bold; }