style.css 1.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869
  1. html, body { font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; background-color: #ffffff; }
  2. html { font-size: 0.8em; }
  3. body { font-size: 1em; font-size: 1rem; }
  4. p, li {
  5. font-size: 100%;
  6. }
  7. h1 {
  8. font-size: 170%;
  9. }
  10. h2 {
  11. font-size: 150%;
  12. }
  13. h3 {
  14. font-size: 130%;
  15. }
  16. h4 {
  17. font-size: 120%;
  18. }
  19. h5 {
  20. font-size: 115%;
  21. }
  22. h6 {
  23. font-size: 110%;
  24. }
  25. pre, code {
  26. font-family: Courier New, Courier, monospace,serif; /* code.iamkate.com/html-and-css/fixing-browsers-broken-monospace-font-handling/ */
  27. }
  28. code {
  29. font-size: 100%;
  30. }
  31. pre {
  32. font-size: 100%;
  33. background-color: #F7F7F7;
  34. padding: 1px;
  35. }
  36. pre b {
  37. text-decoration: underline;
  38. }
  39. a {
  40. color: #567599;
  41. text-decoration: none;
  42. }
  43. a:hover {
  44. color: #303030;
  45. text-decoration: underline;
  46. }
  47. .btitle {
  48. color: #000000;
  49. text-decoration: none;
  50. }
  51. .btitle:hover {
  52. color: #000000;
  53. text-decoration: underline;
  54. }
  55. .wb {
  56. color: #000000; background-color: #FFFFD8;
  57. border: 1px solid #CECEAA;
  58. padding: 0.2em;
  59. }
  60. :root { color-scheme: light dark; }
  61. @media (prefers-color-scheme: dark) {
  62. html, body { color: #eee; background-color:#161616; }
  63. a, a:link, a:visited, a:active { color: #8ce; } a:hover { color: #29c; }
  64. .btitle { color: #ccc !important; } .btitle:hover { color: #aaa !important; }
  65. pre { background-color: #202020; }
  66. .wb { color: #a6a688; background-color: #454535; border-color: #3b3b30; }
  67. }