Improve layout a bit

This commit is contained in:
Aarni Koskela
2022-10-19 12:12:09 +03:00
parent 9e1ab195c6
commit e5f83801d9
4 changed files with 61 additions and 13 deletions

View File

@@ -1,11 +1,11 @@
body {
padding: 0 10px;
padding: 1em;
font: 18px/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
body.static-body {
max-width: 650px;
margin: 40px auto;
margin: auto;
}
body.table-body {
@@ -23,7 +23,15 @@ body.table-body td, body.table-body th {
}
h1, h2, h3 {
line-height: 1.2
line-height: 1.2;
}
a:link {
color: #2181b7;
}
a:visited {
color: #4e1ecb;
}
@media (prefers-color-scheme: dark) {
@@ -40,3 +48,16 @@ h1, h2, h3 {
color: #ccf
}
}
header {
border-bottom: 2px solid #2a6180;
padding-bottom: 1em;
line-height: 1;
}
footer {
border-top: 2px solid #2a6180;
padding: 1em;
margin-top: 1em;
text-align: center;
}