style.css 885 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960
  1. body {
  2. margin: auto;
  3. margin-top: 14px;
  4. font-family: monospace !important;
  5. background-color: #cc99ff;
  6. max-width: 1114px;
  7. }
  8. table {
  9. margin-left: auto;
  10. margin-right: auto;
  11. background-color: #99ccff;
  12. }
  13. table, td {
  14. max-width: 1114px;
  15. width: 100%;
  16. }
  17. td {
  18. border: 1px solid;
  19. }
  20. h1 {
  21. text-align: center;
  22. }
  23. h1, td {
  24. padding: 4px;
  25. }
  26. tr {
  27. display: flex;
  28. }
  29. .snippet {
  30. width: 100%;
  31. font-style: italic;
  32. }
  33. .info {
  34. text-align: center;
  35. }
  36. .f {
  37. background-color: #99ff99;
  38. }
  39. .m {
  40. background-color: #ff8080;
  41. }
  42. a {
  43. text-decoration: none;
  44. color: inherit;
  45. }
  46. .button {
  47. padding: 2px 6px 2px 6px;
  48. border-top: 1px solid #CCCCCC;
  49. border-right: 1px solid #333333;
  50. border-bottom: 1px solid #333333;
  51. border-left: 1px solid #CCCCCC;
  52. }
  53. /* https://enmascript.com/articles/2019/09/26/toggle-content-on-click-without-javascript/ */
  54. #moids {
  55. display: none;
  56. }
  57. #moids:target {
  58. display: block;
  59. }