bootstrap.css 2.7 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667
  1. /*
  2. bootstrap table theme
  3. */
  4. .ngx-datatable.bootstrap {
  5. box-shadow: none;
  6. font-size: 13px; }
  7. .ngx-datatable.bootstrap .datatable-header {
  8. height: unset !important; }
  9. .ngx-datatable.bootstrap .datatable-header .datatable-header-cell {
  10. vertical-align: bottom;
  11. padding: 0.75rem;
  12. border-bottom: 1px solid #d1d4d7; }
  13. .ngx-datatable.bootstrap .datatable-header .datatable-header-cell .datatable-header-cell-label {
  14. line-height: 24px; }
  15. .ngx-datatable.bootstrap .datatable-body .datatable-body-row {
  16. vertical-align: top;
  17. border-top: 1px solid #d1d4d7; }
  18. .ngx-datatable.bootstrap .datatable-body .datatable-body-row.datatable-row-even {
  19. background-color: rgba(0, 0, 0, 0.05); }
  20. .ngx-datatable.bootstrap .datatable-body .datatable-body-row.active {
  21. background-color: #1483ff;
  22. color: #fff; }
  23. .ngx-datatable.bootstrap .datatable-body .datatable-body-row .datatable-body-cell {
  24. padding: 0.75rem;
  25. text-align: left;
  26. vertical-align: top; }
  27. .ngx-datatable.bootstrap .datatable-body .empty-row {
  28. position: relative;
  29. padding: 0.75rem 1.25rem;
  30. margin-bottom: 0; }
  31. .ngx-datatable.bootstrap .datatable-footer {
  32. background: #424242;
  33. color: #ededed;
  34. margin-top: -1px; }
  35. .ngx-datatable.bootstrap .datatable-footer .page-count {
  36. line-height: 50px;
  37. height: 50px;
  38. padding: 0 1.2rem; }
  39. .ngx-datatable.bootstrap .datatable-footer .datatable-pager {
  40. margin: 0 10px;
  41. vertical-align: top; }
  42. .ngx-datatable.bootstrap .datatable-footer .datatable-pager ul li {
  43. margin: 10px 0px; }
  44. .ngx-datatable.bootstrap .datatable-footer .datatable-pager ul li:not(.disabled).active a, .ngx-datatable.bootstrap .datatable-footer .datatable-pager ul li:not(.disabled):hover a {
  45. background-color: #545454;
  46. font-weight: bold; }
  47. .ngx-datatable.bootstrap .datatable-footer .datatable-pager a {
  48. height: 22px;
  49. min-width: 24px;
  50. line-height: 22px;
  51. padding: 0;
  52. border-radius: 3px;
  53. margin: 0 3px;
  54. text-align: center;
  55. vertical-align: top;
  56. text-decoration: none;
  57. vertical-align: bottom;
  58. color: #ededed; }
  59. .ngx-datatable.bootstrap .datatable-footer .datatable-pager .datatable-icon-left,
  60. .ngx-datatable.bootstrap .datatable-footer .datatable-pager .datatable-icon-skip,
  61. .ngx-datatable.bootstrap .datatable-footer .datatable-pager .datatable-icon-right,
  62. .ngx-datatable.bootstrap .datatable-footer .datatable-pager .datatable-icon-prev {
  63. font-size: 18px;
  64. line-height: 27px;
  65. padding: 0 3px; }
  66. .ngx-datatable.bootstrap .datatable-summary-row .datatable-body-row .datatable-body-cell {
  67. font-weight: bold; }