95 lines
1.1 KiB
CSS
95 lines
1.1 KiB
CSS
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;*/
|
|
display: grid;
|
|
grid-template-columns: 150px auto;
|
|
grid-template-rows: auto auto 2em;
|
|
grid-template-areas: "logo title"
|
|
"nav content"
|
|
"nav foot";
|
|
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 {
|
|
grid-area: nav;
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
|
|
.main {
|
|
grid-area: content;
|
|
}
|
|
|
|
.footer {
|
|
grid-area: foot;
|
|
}
|
|
|
|
.footer >p {
|
|
margin: 0;
|
|
}
|
|
|
|
.changelog {
|
|
overflow-y: scroll;
|
|
|
|
}
|
|
|
|
.construction {
|
|
background-image: url("img/TokyoBridge6605underconstruction.gif");
|
|
background-position: center;
|
|
}
|
|
|
|
a {
|
|
color: #07a;
|
|
text-decoration:none;
|
|
width: fit-content;
|
|
}
|
|
|
|
a:visited {
|
|
color: #07a;
|
|
}
|
|
|
|
sub {
|
|
font-size: 12px;
|
|
}
|
|
|
|
.blogItem {
|
|
padding-left: 5%;
|
|
}
|
|
|
|
.imgInfo {
|
|
display: flex;
|
|
}
|
|
|
|
.imgInfo > a {
|
|
margin: auto;
|
|
}
|
|
|
|
.distro {
|
|
display: flex;
|
|
}
|
|
|