diff options
Diffstat (limited to 'templates/base.html')
| -rw-r--r-- | templates/base.html | 31 |
1 files changed, 20 insertions, 11 deletions
diff --git a/templates/base.html b/templates/base.html index 60652ef..8447a9e 100644 --- a/templates/base.html +++ b/templates/base.html | |||
| @@ -16,10 +16,11 @@ | |||
| 16 | <style> | 16 | <style> |
| 17 | body { | 17 | body { |
| 18 | padding: 1rem; | 18 | padding: 1rem; |
| 19 | max-width: 760px; | 19 | max-width: 700px; |
| 20 | background: white; | 20 | background: white; |
| 21 | font-family: "Times New Roman", Times, serif; | 21 | font-family: sans-serif; |
| 22 | line-height: 1.35rem; | 22 | line-height: 1.35rem; |
| 23 | font-size: 16px; | ||
| 23 | } | 24 | } |
| 24 | 25 | ||
| 25 | hr { | 26 | hr { |
| @@ -55,6 +56,14 @@ | |||
| 55 | background: #eee; | 56 | background: #eee; |
| 56 | } | 57 | } |
| 57 | 58 | ||
| 59 | ul.list li { | ||
| 60 | padding: 0.2em 0; | ||
| 61 | } | ||
| 62 | |||
| 63 | ul { | ||
| 64 | line-height: 1.4em; | ||
| 65 | } | ||
| 66 | |||
| 58 | td, th { | 67 | td, th { |
| 59 | border: 1px solid black; | 68 | border: 1px solid black; |
| 60 | padding: 4px; | 69 | padding: 4px; |
| @@ -66,15 +75,14 @@ | |||
| 66 | pre { | 75 | pre { |
| 67 | text-wrap: nowrap; | 76 | text-wrap: nowrap; |
| 68 | overflow-x: auto; | 77 | overflow-x: auto; |
| 69 | margin-block-start: 1.5rem; | 78 | padding: 0 1em; |
| 70 | margin-block-end: 1.5rem; | 79 | background: whitesmoke; |
| 71 | padding: 0.5rem 0; | ||
| 72 | border-top: 1px solid #aaa; | ||
| 73 | border-bottom: 1px solid #aaa; | ||
| 74 | } | 80 | } |
| 75 | 81 | ||
| 76 | code { | 82 | code { |
| 77 | background: #f6f6f6; | 83 | background: #fff0e3; |
| 84 | padding: 0 3px; | ||
| 85 | font-size: 14px; | ||
| 78 | } | 86 | } |
| 79 | 87 | ||
| 80 | pre code { | 88 | pre code { |
| @@ -84,7 +92,6 @@ | |||
| 84 | 92 | ||
| 85 | pre, code, pre *, code * { | 93 | pre, code, pre *, code * { |
| 86 | font-family: monospace; | 94 | font-family: monospace; |
| 87 | font-size: initial !important; | ||
| 88 | } | 95 | } |
| 89 | 96 | ||
| 90 | img, video, audio { | 97 | img, video, audio { |
| @@ -113,6 +120,10 @@ | |||
| 113 | } | 120 | } |
| 114 | 121 | ||
| 115 | @media only screen and (max-width: 600px) { | 122 | @media only screen and (max-width: 600px) { |
| 123 | body { | ||
| 124 | padding: 5px; | ||
| 125 | } | ||
| 126 | |||
| 116 | header { | 127 | header { |
| 117 | flex-direction: column; | 128 | flex-direction: column; |
| 118 | gap: 1rem; | 129 | gap: 1rem; |
| @@ -161,7 +172,5 @@ | |||
| 161 | target="_blank">RSS feed</a>. | 172 | target="_blank">RSS feed</a>. |
| 162 | </p> | 173 | </p> |
| 163 | </footer> | 174 | </footer> |
| 164 | |||
| 165 | <script src="https://cdn.usefathom.com/script.js" data-site="XHQARKXP" defer></script> | ||
| 166 | </body> | 175 | </body> |
| 167 | </html> | 176 | </html> |
