diff options
Diffstat (limited to 'template/style.css')
| -rwxr-xr-x | template/style.css | 22 |
1 files changed, 16 insertions, 6 deletions
diff --git a/template/style.css b/template/style.css index 0aae48b..e24f25f 100755 --- a/template/style.css +++ b/template/style.css | |||
| @@ -1,3 +1,5 @@ | |||
| 1 | @import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@300;400;500;600;700&display=swap'); | ||
| 2 | |||
| 1 | :root { | 3 | :root { |
| 2 | --base-document-width: 640px; | 4 | --base-document-width: 640px; |
| 3 | --base-font-size: 16px; | 5 | --base-font-size: 16px; |
| @@ -25,7 +27,8 @@ | |||
| 25 | 27 | ||
| 26 | body { | 28 | body { |
| 27 | background: white; | 29 | background: white; |
| 28 | font-family: 'Times New Roman', Times, serif; | 30 | /*font-family: 'Times New Roman', Times, serif;*/ |
| 31 | font-family: 'IBM Plex Sans', sans-serif; | ||
| 29 | color: var(--base-color); | 32 | color: var(--base-color); |
| 30 | font-size: var(--base-font-size); | 33 | font-size: var(--base-font-size); |
| 31 | line-height: var(--base-line-heigh); | 34 | line-height: var(--base-line-heigh); |
| @@ -59,9 +62,13 @@ hr { | |||
| 59 | 62 | ||
| 60 | /* links */ | 63 | /* links */ |
| 61 | 64 | ||
| 62 | a {} | 65 | a { |
| 66 | color: black; | ||
| 67 | } | ||
| 63 | 68 | ||
| 64 | a:hover {} | 69 | a:hover { |
| 70 | background: rgb(255, 241, 177); | ||
| 71 | } | ||
| 65 | 72 | ||
| 66 | 73 | ||
| 67 | /* headings */ | 74 | /* headings */ |
| @@ -182,16 +189,18 @@ blockquote p { | |||
| 182 | font-size: 80%; | 189 | font-size: 80%; |
| 183 | font-weight: 500; | 190 | font-weight: 500; |
| 184 | line-height: 1.2em; | 191 | line-height: 1.2em; |
| 192 | color: #a7a7a7; | ||
| 185 | } | 193 | } |
| 186 | 194 | ||
| 187 | .post-list li a { | 195 | .post-list li a { |
| 188 | display: inline-block; | 196 | display: inline-block; |
| 197 | text-decoration: none; | ||
| 189 | } | 198 | } |
| 190 | 199 | ||
| 191 | .post-list li a:hover {} | 200 | .post-list li a:hover {} |
| 192 | 201 | ||
| 193 | .post-list li a h2 { | 202 | .post-list li a h2 { |
| 194 | font-weight: 500; | 203 | font-weight: 400; |
| 195 | font-size: 100%; | 204 | font-size: 100%; |
| 196 | margin: 0; | 205 | margin: 0; |
| 197 | } | 206 | } |
| @@ -392,11 +401,12 @@ audio { | |||
| 392 | .navigation header { display: block; } | 401 | .navigation header { display: block; } |
| 393 | .navigation header h3 { text-align: center; margin-bottom: 10px; } | 402 | .navigation header h3 { text-align: center; margin-bottom: 10px; } |
| 394 | .navigation header nav { text-align: center; } | 403 | .navigation header nav { text-align: center; } |
| 404 | .post-list li a h2 { font-weight: 500; } | ||
| 395 | } | 405 | } |
| 396 | 406 | ||
| 397 | /* light/dark mode */ | 407 | /* light/dark mode */ |
| 398 | 408 | ||
| 399 | @media (prefers-color-scheme: light) { } | 409 | /*@media (prefers-color-scheme: light) { } |
| 400 | 410 | ||
| 401 | @media (prefers-color-scheme: dark) { | 411 | @media (prefers-color-scheme: dark) { |
| 402 | body { | 412 | body { |
| @@ -419,4 +429,4 @@ audio { | |||
| 419 | blockquote:before { | 429 | blockquote:before { |
| 420 | background-image: url('/assets/general/alert-dark.svg'); | 430 | background-image: url('/assets/general/alert-dark.svg'); |
| 421 | } | 431 | } |
| 422 | } | 432 | }*/ |
