Finished new layout
This commit is contained in:
29
index.css
29
index.css
@@ -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;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user