table.css 963 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152
  1. div.table-wrapper {
  2. overflow: auto;
  3. }
  4. table {
  5. width: 100%;
  6. border-collapse: collapse;
  7. text-align: left;
  8. margin: 1rem 0;
  9. }
  10. tr {
  11. border-bottom: 1px solid #ddd;
  12. }
  13. th {
  14. font-size: 14px;
  15. font-weight: 400;
  16. color: #039;
  17. border-bottom: 2px solid #6678b1;
  18. padding: 10px 8px;
  19. }
  20. td {
  21. border-bottom: 1px solid #ccc;
  22. padding: 6px 8px;
  23. text-align: left;
  24. }
  25. tr:nth-child(even) {background: #F7F7F7}
  26. tr:nth-child(odd) {background: #FFF}
  27. caption.t-above {caption-side:top}
  28. caption.t-bottom {caption-side:bottom}
  29. caption {margin-bottom:.3em}
  30. figcaption{margin-top:.3em}
  31. .org-right{text-align:right}
  32. .org-left{text-align:left}
  33. .org-center{text-align:center}
  34. .dark-theme th {
  35. color: #a4b5b6;
  36. }
  37. .dark-theme tr:nth-child(even) {background: #01313d}
  38. .dark-theme tr:nth-child(odd) {background: #002b36}
  39. .dark-theme td, .dark-theme tr {
  40. border-bottom: none;
  41. }
  42. .dark-theme th {
  43. border-bottom: 2px solid #546376;
  44. }