|
|
body { padding: 0; margin: 0;
font-size: 1.25em; }
#content-wrapper { position: absolute; left: 0; top: 0; right: 0; min-height: 100%; }
/* Main Body */ main { position: absolute; top: 0; left: 24ch; right: 0;
min-height: 100%;
padding: 0; margin: 0; }
/* Page Body */ article { text-align: left; padding: 1ch 1em; font-size: 1em; line-height: 1.25em;
width: 75ch; max-width: 95%; min-height: 100%; margin-left: auto; margin-right: auto;
box-sizing: border-box; }
article.narrow { width: 65ch; }
article h1 { text-align: center; margin-top: 1em; margin-bottom: 1em; font-size: 2em; }
article h2 { margin-top: 1em; margin-bottom: 0.5em; }
article h2:nth-child(1), article h2:first-child { margin-top: 0; }
article h3 { margin-top: 0.75em; margin-bottom: 0; }
article h4 { margin-top: 0.5em; margin-bottom: 0; }
article h5, article h6 { margin-top: 0; margin-bottom: 0; }
article blockquote { margin: 0; padding: 0.5em 1ch; border: 0.5px solid; margin-bottom: 1em; }
article blockquote p:last-of-type { margin-bottom: 0; }
article code { display: inline-block; margin: 0; padding: 0 0.5ch; font-size: 1em;
font-family: Consolas, monospace; } article pre code { margin: 0; padding: 0.5em 1ch; margin-bottom: 1em; border: 0.5px solid; display: block; overflow-x: auto; }
article code.block { display: block; border: 0.5px solid; padding: 0.5em 1ch; white-space: pre-line; }
article p { margin-top: 0; }
article img { width: 100%; }
article hr { border: 0.5px solid; margin: 1em 0.5em; }
/* Front Page */ .page-list { width: 100%; border-spacing: 0px; margin-top: 0.75em; }
.page-list .spacer { background: none; outline: none; }
.page-list .spacer td { height: 0.5em; }
.pl-icon { text-align: center; font-size: 2em; width: 1.5ch; padding: 0 0.5ch; outline: 0.5px solid; user-select: none; cursor: default; }
.pl-content { padding: 0.25em 0.5em; text-align: left; }
.plc-meta { padding: 0; margin: 0; font-size: 0.75em; }
.plc-meta div { display: inline-block; margin-right: 1ch; } /* Side Menu */ nav { position: fixed; left: 0; top: 0; width: 24ch; height: 100%;
padding: 0; margin: 0;
overflow-y: auto; user-select: none; }
nav h1 { text-align: center; font-size: 2em; }
nav a { display: block; cursor: pointer; }
nav ul { display: block; padding: 0; margin: 0;
margin-bottom: 0.5em; }
nav li { list-style: none; padding-left: 1ch;
font-size: 0.9em; padding-bottom: 0.125em;
white-space: nowrap; overflow-x: hidden; text-overflow: ellipsis; }
nav .mg-icon { display: inline-block; text-align: center; width: 1ch; padding: 0em 0.5ch; }
nav .mg-label { display: inline-block; padding: 0 0.5ch; text-overflow: ellipsis; width: 10ch; }
nav .page-property { text-align: center; margin-bottom: 1em; }
/* Tag List */ .tag-list { display:flex; flex-wrap:wrap; flex-direction:row; justify-content:flex-start; align-items:stretch; text-align: left; white-space: nowrap;
width: 100%; max-width: 100%; }
.tl-item h2 { font-size: 1em; text-align: center; margin: 0.5em 0.5ch; margin-bottom: 0; }
.tl-item ul { margin: 0.5em 1ch; margin-top: 0.25em; list-style: none; padding: 0; }
.tl-item:nth-child(even) { float: left; }
.tl-item:nth-child(odd) { float: right; }
/* Mobile weirdness with rgba */ @media screen and (max-width: 900px) { nav, main { position: static; display: block; margin: auto; border: none;
width: 100%; }
.pl-icon { font-size: 1.5em; padding: 0.1em; }
.plc-title { font-size: 0.9em; line-height: 1.15em; padding: 0.25em 0; }
.plc-meta div { display: block; margin: 0; line-height: 1.15em; }
.plc-meta div:last-of-type { margin-bottom: 0.33em; }
nav h1 { display: none; }
nav ul { width: 20ch; max-width: 95%; margin: 0.5em auto; }
main { position: static; }
article { position: static; }
article h1 { font-size: 1.33em; }
article h2 { font-size: 1.25em; } }
|