117 lines
1.9 KiB
Plaintext
117 lines
1.9 KiB
Plaintext
:root {
|
|
--touch-whitespace: calc(18vw - 132px);
|
|
}
|
|
|
|
#grid {
|
|
display: grid;
|
|
grid-template-columns: 1fr;
|
|
grid-template-rows: auto;
|
|
padding-left: var(--touch-whitespace);
|
|
padding-right: var(--touch-whitespace);
|
|
}
|
|
|
|
p {
|
|
padding-left: var(--space);
|
|
padding-right: var(--space);
|
|
}
|
|
|
|
.mw-heading {
|
|
justify-content: center;
|
|
position: relative;
|
|
margin-left: var(--space);
|
|
margin-right: var(--space);
|
|
}
|
|
|
|
.mw-heading > .mw-editsection {
|
|
position: absolute;
|
|
right: 0;
|
|
}
|
|
|
|
#topbar {
|
|
grid-row: 1;
|
|
margin-bottom: calc(var(--space));
|
|
}
|
|
|
|
#sidebar-nav {
|
|
position: fixed;
|
|
bottom: 0;
|
|
left: 50%;
|
|
width: 50px;
|
|
height: 50px;
|
|
}
|
|
|
|
#sidebar-page {
|
|
grid-row: 2;
|
|
}
|
|
|
|
.sidebar-page-menu {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.sidebar-page-menu > * {
|
|
flex-basis: 12em;
|
|
margin-bottom: calc(var(--space) * 2);
|
|
margin: calc(var(--space));
|
|
|
|
}
|
|
|
|
.sidebar-page-menu > .page-link-list {
|
|
display: flex;
|
|
gap: var(--space);
|
|
margin-bottom: auto;
|
|
}
|
|
|
|
details.page-links {
|
|
display: flex;
|
|
flex-direction: column;
|
|
text-align: center;
|
|
}
|
|
|
|
#page {
|
|
grid-row: 3 / 5;
|
|
display: grid;
|
|
grid-template-rows: subgrid;
|
|
grid-template-columns: subgrid;
|
|
}
|
|
|
|
// #titleblock {
|
|
// grid-row: 1;
|
|
// padding: var(--space);
|
|
// display: grid;
|
|
// grid-template-columns: 1fr auto 1fr;
|
|
// align-items: end;
|
|
// }
|
|
|
|
// #pagetitle {
|
|
// grid-column: 2;
|
|
// text-align: center;
|
|
// }
|
|
|
|
// #versions {
|
|
// grid-column: 3;
|
|
// justify-content: flex-end;
|
|
// align-items: baseline;
|
|
// }
|
|
|
|
#titleblock {
|
|
display: flex;
|
|
flex-direction: column-reverse;
|
|
align-items: center;
|
|
margin-left: var(--space);
|
|
margin-right: var(--space);
|
|
}
|
|
|
|
#pagebody {
|
|
grid-row: 2;
|
|
}
|
|
|
|
#bottombar {
|
|
grid-row: 5;
|
|
}
|
|
|
|
@media (max-width: 720px) {
|
|
.pi-title:first-child {
|
|
display: none;
|
|
}
|
|
} |