threejs-material-table.css 1002 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950
  1. #material-table {
  2. font-family: monospace;
  3. display: flex;
  4. justify-content: center;
  5. }
  6. #material-table tr:nth-child(even) {
  7. background: #def;
  8. }
  9. #material-table thead>td {
  10. vertical-align: bottom;
  11. padding: .5em;
  12. }
  13. #material-table thead>td>a {
  14. text-orientation: upright;
  15. writing-mode: vertical-lr;
  16. text-decoration: none;
  17. display: block;
  18. letter-spacing: -2px;
  19. }
  20. #material-table table {
  21. border-collapse: collapse;
  22. background: #cde;
  23. }
  24. #material-table td:nth-child(1) {
  25. text-align: right;
  26. }
  27. #material-table td {
  28. border: 1px solid black;
  29. padding: .1em .5em .1em .5em;
  30. }
  31. #material-table td {
  32. border: 1px solid black;
  33. }
  34. @media (max-width: 500px) {
  35. #material-table {
  36. font-size: small;
  37. }
  38. #material-table thead>td {
  39. vertical-align: bottom;
  40. padding: .5em 0 .5em 0;
  41. }
  42. }
  43. @media (prefers-color-scheme: dark) {
  44. #material-table table {
  45. background: #06488a;
  46. }
  47. #material-table tr:nth-child(even) {
  48. background: #185795;
  49. }
  50. }