Styles for Markdown Viewer

Cool CSS for Markdown Viewer

当前为 2024-07-14 提交的版本,查看 最新版本

  1. // ==UserScript==
  2. // @name Styles for Markdown Viewer
  3. // @namespace muvsado
  4. // @version 0.2.9
  5. // @description Cool CSS for Markdown Viewer
  6. // @match file:///*.md
  7. // @match file:///*.markdown
  8. // @grant GM_addStyle
  9. // @run-at document-start
  10. // @license Public Domain
  11. // ==/UserScript==
  12.  
  13. GM_addStyle(`
  14. body {
  15. color: #222222;
  16. font-family: sans-serif;
  17. max-width: 960px;
  18. }
  19.  
  20. p {
  21. margin: 15px 0;
  22. }
  23.  
  24. h1, h2, h3 {
  25. margin: 16px 0 12px;
  26. }
  27.  
  28. h1 {
  29. font-size: 1.5rem;
  30. }
  31.  
  32. h2 {
  33. font-size: 1.25rem;
  34. }
  35.  
  36. h3 {
  37. font-size: 1.1rem;
  38. }
  39.  
  40. ul, ol {
  41. padding-left: 36px;
  42. }
  43.  
  44. li {
  45. margin: 3px 0;
  46. }
  47.  
  48. pre, code {
  49. background-color: #e0e0e0;
  50. font-size: 14px;
  51. }
  52.  
  53. pre {
  54. border: 2px dotted #888;
  55. overflow-x: auto;
  56. padding: 3px;
  57. }
  58.  
  59. table {
  60. border-collapse: collapse;
  61. }
  62.  
  63. table td, th {
  64. border: 1px solid #cccccc;
  65. padding: 5px 7px;
  66. }
  67.  
  68. a {
  69. border-bottom: 1px dotted;
  70. text-decoration: none;
  71. }
  72. `);