aboutsummaryrefslogtreecommitdiff
path: root/template/style.css
diff options
context:
space:
mode:
Diffstat (limited to 'template/style.css')
-rwxr-xr-xtemplate/style.css22
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
26body { 28body {
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
62a {} 65a {
66 color: black;
67}
63 68
64a:hover {} 69a: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}*/