qhri/personal-website
2
2
Fork 0
Code Issues 2 Pull requests Projects Releases Packages Wiki Activity Actions

Merge pull request 'clean up css a bit' (#8) from css into main

Browse source 
Reviewed-on: #8
This commit is contained in:
qhri 2025-08-22 23:29:13 +02:00
commit 83673f656b
1 changed files with 17 additions and 29 deletions
Download patch file Download diff file Expand all files Collapse all files

46
src/css.css
View file

@ -31,7 +31,7 @@
:root { :root {
--bg-color: #ecdfec; --bg-color: #ecdfec;
--font-color: #333333; --font-color: #333333;
--pre-border-color: #1a1a1a; --code-border-color: #1a1a1a;
--link-color: #2b58de; --link-color: #2b58de;
--link-color-visited: #6047eb; --link-color-visited: #6047eb;
--header-bg-color: #E1CFE1; --header-bg-color: #E1CFE1;
@ -40,7 +40,7 @@
@media (prefers-color-scheme: dark) { @media (prefers-color-scheme: dark) {
--bg-color: #1f131f; --bg-color: #1f131f;
--font-color: #cccccc; --font-color: #cccccc;
--pre-border-color: #333333; --code-border-color: #333333;
--link-color: #577AE4; --link-color: #577AE4;
--link-color-visited: #8775EF; --link-color-visited: #8775EF;
--header-bg-color: #2F1D2F; --header-bg-color: #2F1D2F;
@ -50,6 +50,7 @@
body { body {
background-color: var(--bg-color); background-color: var(--bg-color);
margin: 0;
} }
p, h1, ul, h1, h2, h3, nav, header { p, h1, ul, h1, h2, h3, nav, header {
@ -57,17 +58,14 @@ p, h1, ul, h1, h2, h3, nav, header {
font-family: atkinsonhyperlegible, Verdana, sans-serif; font-family: atkinsonhyperlegible, Verdana, sans-serif;
} }
p, ul, nav, header { p, ul, nav, code {
font-size: 22px; font-size: 22px;
} }
code { code {
background-color: #1a1a1a; background-color: #1a1a1a;
color: #e6e6e6; color: #e6e6e6;
font-size: 22px; border: 5px solid var(--code-border-color);
border-style: solid;
border-width: 5px;
border-color: var(--pre-border-color);
overflow: scroll; overflow: scroll;
text-wrap: nowrap; text-wrap: nowrap;
display: block; display: block;
@ -75,18 +73,14 @@ code {
a { a {
text-decoration: underline dashed; text-decoration: underline dashed;
}
a:link { &:link {
color: var(--link-color); color: var(--link-color);
} }
a:visited { &:visited {
color: var(--link-color-visited); color: var(--link-color-visited);
} }
.center_text {
text-align: center;
} }
#pagewrap { #pagewrap {
@ -102,10 +96,6 @@ a:visited {
} }
} }
body {
margin: 0;
}
nav { nav {
font-family: comicmono, monospace; font-family: comicmono, monospace;
font-weight: bold; font-weight: bold;
@ -115,12 +105,10 @@ nav {
background-color: var(--header-bg-color); background-color: var(--header-bg-color);
text-align: center; text-align: center;
padding: 20px; padding: 20px;
border-style: dashed; border-bottom: 2px dashed var(--header-border-color);
border-width: 0 0 2px 0;
border-color: var(--header-border-color)
}
#header-div h1 { & h1 {
margin: 20px 0 0 0; margin: 20px 0 0 0;
font-size: 24px; font-size: 24px;
} }
}