sortable-theme-bootstrap.css 2.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748
  1. table[data-sortable] {
  2. border-collapse: collapse; border-spacing: 0;
  3. }
  4. table[data-sortable] th {
  5. font-weight: bold; vertical-align: bottom;
  6. }
  7. table[data-sortable] th {
  8. padding: 10px; text-align: left;
  9. }
  10. table[data-sortable] td {
  11. padding: 10px; text-align: left;
  12. }
  13. table[data-sortable] th:not([data-sortable='false']) {
  14. cursor: pointer; -ms-user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-user-select: none; -moz-user-select: none; user-select: none; -o-user-select: none; -webkit-touch-callout: none;
  15. }
  16. table[data-sortable] th::after {
  17. border: 5px solid transparent; width: 0px; height: 0px; margin-right: 1px; margin-left: 10px; vertical-align: inherit; float: right; display: inline-block; visibility: hidden; content: "";
  18. }
  19. table[data-sortable] th[data-sorted='true']::after {
  20. visibility: visible;
  21. }
  22. table[data-sortable] th[data-sorted-direction='descending']::after {
  23. margin-top: 8px; border-top-color: inherit;
  24. }
  25. table[data-sortable] th[data-sorted-direction='ascending']::after {
  26. margin-top: 3px; border-bottom-color: inherit;
  27. }
  28. table[data-sortable].sortable-theme-bootstrap {
  29. background: white; color: rgb(51, 51, 51); line-height: 20px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px;
  30. }
  31. table[data-sortable].sortable-theme-bootstrap thead th {
  32. border-bottom-color: rgb(224, 224, 224); border-bottom-width: 2px; border-bottom-style: solid;
  33. }
  34. table[data-sortable].sortable-theme-bootstrap tbody td {
  35. border-top-color: rgb(224, 224, 224); border-top-width: 1px; border-top-style: solid;
  36. }
  37. table[data-sortable].sortable-theme-bootstrap th[data-sorted='true'] {
  38. background: rgb(217, 237, 247); color: rgb(58, 135, 173); border-bottom-color: rgb(188, 232, 241);
  39. }
  40. table[data-sortable].sortable-theme-bootstrap th[data-sorted='true'][data-sorted-direction='descending']::after {
  41. border-top-color: rgb(58, 135, 173);
  42. }
  43. table[data-sortable].sortable-theme-bootstrap th[data-sorted='true'][data-sorted-direction='ascending']::after {
  44. border-bottom-color: rgb(58, 135, 173);
  45. }
  46. table[data-sortable].sortable-theme-bootstrap.sortable-theme-bootstrap-striped tbody > tr:nth-child(2n+1) > td {
  47. background-color: rgb(249, 249, 249);
  48. }