nimblog/static/css/master.css

45 lines
907 B
CSS
Raw Normal View History

2022-04-11 09:10:32 +00:00
body {
2022-04-11 12:36:29 +00:00
background-color: var(--bgcolor-2);
color: var(--fgcolor-1);
2022-04-11 09:10:32 +00:00
}
#header-block {
display: block;
2022-04-11 12:36:29 +00:00
position: fixed;
2022-04-11 09:10:32 +00:00
width: 100vw;
2022-04-11 12:36:29 +00:00
color: var(--fgcolor-2);
2022-04-11 09:10:32 +00:00
height: var(--header-height);
2022-04-11 12:36:29 +00:00
padding: 5px;
padding-top: var(--header-half-height);
background-color: var(--highlight-1);
border-bottom: solid var(--border-size) var(--highlight-2);
2022-04-11 09:10:32 +00:00
margin-bottom: translateY(-100%);
}
2022-04-11 12:36:29 +00:00
#header-block h1 {
transform: translateY(-50%);
}
#site-block {
display: block;
padding-top: calc(var(--header-height) - var(--border-size));
}
2022-04-11 09:10:32 +00:00
#content-block {
display: block;
max-width: var(--site-width);
width: 100vw;
padding: 10px;
2022-04-11 12:36:29 +00:00
background-color: var(--bgcolor-3);
2022-04-11 09:10:32 +00:00
margin-left: auto;
margin-right: auto;
2022-04-11 12:36:29 +00:00
border: solid var(--border-size) var(--bgcolor-1);
}
@media only screen and (max-width: 960px) {
#content-block {
border-left: none;
border-right: none;
}
2022-04-11 09:10:32 +00:00
}