Finished new layout

This commit is contained in:
2024-07-06 18:46:44 +01:00
parent 6f42499ece
commit 5a1c4acbde
5 changed files with 83 additions and 38 deletions

View File

@@ -1,26 +1,38 @@
body {
background-image: url(/img/paper.gif);
margin: 40px auto;
max-width: 800px;
line-height: 1.8;
font-size: 18px;
color: #454545;
padding: 0 10px;
background: #fbf9f7;
/*background: #fbf9f7;*/
display: grid;
grid-template-columns: 150px auto;
grid-template-rows: auto auto 2em;
grid-template-areas: "logo title"
"nav content"
"nav foot";
/*gap: 10px;*/
gap: 10px;
height: 100%;
}
.div {
background-color: #fbf9f7;
padding: 0 5px;
border: medium outset black;
}
.logo {
grid-area: logo;
padding: 0 1.5px;
}
.title {
grid-area: title;
width: auto;
height: auto;
margin: auto;
}
.nav {
@@ -37,9 +49,19 @@ body {
grid-area: foot;
}
.footer >p {
margin: 0;
}
.changelog {
overflow-y: scroll;
}
a {
color: #07a;
text-decoration:none;
width: fit-content;
}
a:visited {
@@ -60,4 +82,5 @@ sub {
.distro {
display: flex;
}
}