main.html 1.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687
  1. <html lang="en-us">
  2. <head>
  3. <meta charset="utf-8" />
  4. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
  5. <title>[[book_title]]</title>
  6. <style>
  7. p {
  8. text-indent: 2em;
  9. line-height: 1.7em;
  10. }
  11. .sentence>p{
  12. display: inline;
  13. }
  14. a {
  15. text-decoration: none;
  16. }
  17. .paragraph {
  18. margin-bottom: 1em;
  19. }
  20. .row {
  21. display: flex;
  22. }
  23. img{
  24. max-width: 100%;
  25. }
  26. @media screen and (max-width: 960px){
  27. .row {
  28. flex-direction: column;
  29. }
  30. }
  31. .col {
  32. flex: 5;
  33. }
  34. code {
  35. background-color: #ffe4c478;
  36. padding: 2px 6px;
  37. border-radius: 4px;
  38. }
  39. .origin {
  40. font-family: times;
  41. }
  42. table {
  43. border-spacing: 0;
  44. border-collapse: collapse;
  45. display: block;
  46. width: -webkit-max-content;
  47. width: max-content;
  48. max-width: 100%;
  49. }
  50. td,
  51. th {
  52. padding: 0;
  53. }
  54. table th {
  55. font-weight: 600;
  56. }
  57. table th,
  58. table td {
  59. padding: 6px 13px;
  60. border: 1px solid black;
  61. }
  62. table tr {
  63. background-color: #ffffff;
  64. border-top: 1px solid hsl(210, 18%, 87%);
  65. }
  66. table img {
  67. background-color: transparent;
  68. }
  69. </style>
  70. </head>
  71. <body>
  72. <h1>[[book_title]]</h1>
  73. <h2>目录</h2>
  74. <ul>
  75. [[#sections]]
  76. <li><a href="#[[filename]]">[[filename]]</a></li>
  77. [[/sections]]
  78. </ul>