45 lines
907 B
CSS
45 lines
907 B
CSS
body {
|
|
background-color: var(--bgcolor-2);
|
|
color: var(--fgcolor-1);
|
|
}
|
|
|
|
#header-block {
|
|
display: block;
|
|
position: fixed;
|
|
width: 100vw;
|
|
color: var(--fgcolor-2);
|
|
height: var(--header-height);
|
|
padding: 5px;
|
|
padding-top: var(--header-half-height);
|
|
background-color: var(--highlight-1);
|
|
border-bottom: solid var(--border-size) var(--highlight-2);
|
|
margin-bottom: translateY(-100%);
|
|
}
|
|
|
|
#header-block h1 {
|
|
transform: translateY(-50%);
|
|
}
|
|
|
|
#site-block {
|
|
display: block;
|
|
padding-top: calc(var(--header-height) - var(--border-size));
|
|
}
|
|
|
|
#content-block {
|
|
display: block;
|
|
max-width: var(--site-width);
|
|
width: 100vw;
|
|
padding: 10px;
|
|
background-color: var(--bgcolor-3);
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
border: solid var(--border-size) var(--bgcolor-1);
|
|
}
|
|
|
|
@media only screen and (max-width: 960px) {
|
|
#content-block {
|
|
border-left: none;
|
|
border-right: none;
|
|
}
|
|
}
|