css changes

This commit is contained in:
Akko
2023-03-16 21:52:12 +01:00
parent e5a5e16bbe
commit 74c9f45e00
2 changed files with 30 additions and 8 deletions

View File

@@ -5,11 +5,13 @@
:root { :root {
--site-width: 700px; --site-width: 700px;
--vert-content-margin: 1.5em; --vert-content-margin: 0.3rem;
--accent1: #d2e8b0; --accent1: #2596be;
--link: #2527EA;
--black: #222; --black: #222;
--white: #FBFBFB; --white: #FBFBFB;
--background: #FCFAF9; --grey: #EFEFEF;
--background: #EAEFFF;
--font-size: 1.35rem; --font-size: 1.35rem;
--line-height: 1.8rem; --line-height: 1.8rem;
--font-family: "Roboto"; --font-family: "Roboto";
@@ -46,14 +48,23 @@ hr {
} }
a, a:visited { a, a:visited {
color: blue; color: var(--link);
text-decoration: none; text-decoration: none;
} }
#header a, #header a:visited{
color: var(--grey);
}
#content h2, #content h3, #content h4, #content h5 { #content h2, #content h3, #content h4, #content h5 {
margin-bottom: -0.8rem; margin-bottom: -0.8rem;
} }
#content h2 {
margin-top: 1rem;
}
#header hr { #header hr {
margin-bottom: var(--vert-content-margin); margin-bottom: var(--vert-content-margin);
} }

View File

@@ -5,11 +5,13 @@
:root { :root {
--site-width: 700px; --site-width: 700px;
--vert-content-margin: 1.5em; --vert-content-margin: 0.3rem;
--accent1: #d2e8b0; --accent1: #2596be;
--link: #2527EA;
--black: #222; --black: #222;
--white: #FBFBFB; --white: #FBFBFB;
--background: #FCFAF9; --grey: #EFEFEF;
--background: #EAEFFF;
--font-size: 1.35rem; --font-size: 1.35rem;
--line-height: 1.8rem; --line-height: 1.8rem;
--font-family: "Roboto"; --font-family: "Roboto";
@@ -46,14 +48,23 @@ hr {
} }
a, a:visited { a, a:visited {
color: blue; color: var(--link);
text-decoration: none; text-decoration: none;
} }
#header a, #header a:visited{
color: var(--grey);
}
#content h2, #content h3, #content h4, #content h5 { #content h2, #content h3, #content h4, #content h5 {
margin-bottom: -0.8rem; margin-bottom: -0.8rem;
} }
#content h2 {
margin-top: 1rem;
}
#header hr { #header hr {
margin-bottom: var(--vert-content-margin); margin-bottom: var(--vert-content-margin);
} }