diff options
| author | Mitja Felicijan <mitja.felicijan@gmail.com> | 2023-11-14 16:14:50 +0100 |
|---|---|---|
| committer | Mitja Felicijan <mitja.felicijan@gmail.com> | 2023-11-14 16:14:50 +0100 |
| commit | ad93fb3cbe9b5d4c253cbf5e2164ab9df91ca61a (patch) | |
| tree | 2d96176731a28f4f89d9cd32f6f88380d3d57d57 /_layouts/base.html | |
| parent | 9a90b8a6862ff2255de715d38c2078f8fc872274 (diff) | |
| download | mitjafelicijan.com-ad93fb3cbe9b5d4c253cbf5e2164ab9df91ca61a.tar.gz | |
Minor changes to the site
Diffstat (limited to '_layouts/base.html')
| -rw-r--r-- | _layouts/base.html | 22 |
1 files changed, 9 insertions, 13 deletions
diff --git a/_layouts/base.html b/_layouts/base.html index 9e4d6b7..6812893 100644 --- a/_layouts/base.html +++ b/_layouts/base.html | |||
| @@ -17,8 +17,10 @@ | |||
| 17 | 17 | ||
| 18 | <style> | 18 | <style> |
| 19 | :root { | 19 | :root { |
| 20 | --body-max-width: 1100px; | ||
| 20 | --border-color: gainsboro; | 21 | --border-color: gainsboro; |
| 21 | --border-size: 2px; | 22 | --border-size: 1px; |
| 23 | --border-style: solid; | ||
| 22 | --link-color: blue; | 24 | --link-color: blue; |
| 23 | --bg-color: #eee; | 25 | --bg-color: #eee; |
| 24 | } | 26 | } |
| @@ -40,7 +42,7 @@ | |||
| 40 | 42 | ||
| 41 | body { | 43 | body { |
| 42 | padding: 2.5rem; | 44 | padding: 2.5rem; |
| 43 | max-width: 1900px; | 45 | max-width: var(--body-max-width); |
| 44 | background: white; | 46 | background: white; |
| 45 | font-family: sans-serif; | 47 | font-family: sans-serif; |
| 46 | line-height: 1.4rem; | 48 | line-height: 1.4rem; |
| @@ -49,8 +51,9 @@ | |||
| 49 | 51 | ||
| 50 | hr { | 52 | hr { |
| 51 | border: 0; | 53 | border: 0; |
| 52 | border-bottom: var(--border-size) solid var(--border-color); | 54 | border-bottom: var(--border-size) var(--border-style) var(--border-color); |
| 53 | margin-block-start: 1.5rem; | 55 | margin-block-start: 1.5rem; |
| 56 | margin-block-end: 1.5rem; | ||
| 54 | } | 57 | } |
| 55 | 58 | ||
| 56 | a { | 59 | a { |
| @@ -80,13 +83,13 @@ | |||
| 80 | 83 | ||
| 81 | table { | 84 | table { |
| 82 | max-width: 100%; | 85 | max-width: 100%; |
| 83 | border: var(--border-size) solid var(--border-color); | 86 | border: var(--border-size) var(--border-style) var(--border-color); |
| 84 | border-collapse: separate; | 87 | border-collapse: separate; |
| 85 | border-spacing: 0; | 88 | border-spacing: 0; |
| 86 | } | 89 | } |
| 87 | 90 | ||
| 88 | table thead tr th { | 91 | table thead tr th { |
| 89 | border-bottom: var(--border-size) solid var(--border-color); | 92 | border-bottom: var(--border-size) var(--border-style) var(--border-color); |
| 90 | text-align: left; | 93 | text-align: left; |
| 91 | } | 94 | } |
| 92 | 95 | ||
| @@ -106,7 +109,7 @@ | |||
| 106 | text-wrap: nowrap; | 109 | text-wrap: nowrap; |
| 107 | overflow-x: auto; | 110 | overflow-x: auto; |
| 108 | padding: 1em; | 111 | padding: 1em; |
| 109 | border: var(--border-size) solid var(--border-color); | 112 | border: var(--border-size) var(--border-style) var(--border-color); |
| 110 | } | 113 | } |
| 111 | 114 | ||
| 112 | code { | 115 | code { |
| @@ -138,8 +141,6 @@ | |||
| 138 | img, video, audio { | 141 | img, video, audio { |
| 139 | width: 800px; | 142 | width: 800px; |
| 140 | max-width: 100%; | 143 | max-width: 100%; |
| 141 | border: var(--border-size) solid var(--border-color); | ||
| 142 | padding: 0.5em; | ||
| 143 | } | 144 | } |
| 144 | 145 | ||
| 145 | header nav { | 146 | header nav { |
| @@ -211,11 +212,6 @@ | |||
| 211 | a { | 212 | a { |
| 212 | word-wrap: break-word; | 213 | word-wrap: break-word; |
| 213 | } | 214 | } |
| 214 | |||
| 215 | img, video, audio { | ||
| 216 | border: 0; | ||
| 217 | padding: 0em; | ||
| 218 | } | ||
| 219 | } | 215 | } |
| 220 | </style> | 216 | </style> |
| 221 | </head> | 217 | </head> |