mirror of
https://github.com/koodiklinikka/palkkakysely.git
synced 2026-02-08 17:50:26 +00:00
Improve layout a bit
This commit is contained in:
@@ -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;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user