46 lines
645 B
Plaintext
46 lines
645 B
Plaintext
:root {
|
|
--touch-whitespace: calc(18vw - 132px);
|
|
}
|
|
|
|
#grid {
|
|
display: grid;
|
|
grid-template-columns: 1fr;
|
|
grid-template-rows: 12em 12em 12em auto 12em;
|
|
padding-left: var(--touch-whitespace);
|
|
padding-right: var(--touch-whitespace);
|
|
}
|
|
|
|
#topbar {
|
|
grid-row: 1;
|
|
}
|
|
|
|
#sidebar-nav {
|
|
position: fixed;
|
|
bottom: 0;
|
|
left: 50%;
|
|
width: 50px;
|
|
height: 50px;
|
|
}
|
|
|
|
#sidebar-pageview {
|
|
grid-row: 2;
|
|
}
|
|
|
|
#page {
|
|
grid-row: 3 / 5;
|
|
display: grid;
|
|
grid-template-rows: subgrid;
|
|
grid-template-columns: subgrid;
|
|
}
|
|
|
|
#titleblock {
|
|
grid-row: 1;
|
|
}
|
|
|
|
#pagebody {
|
|
grid-row: 2;
|
|
}
|
|
|
|
#bottombar {
|
|
grid-row: 5;
|
|
} |