1html, body { 2 padding: 0; 3 margin: 0; 4 font-size: 18px; 5} 6 7@media screen and (max-width: @ini_site_width) { 8 html, body { 9 font-size: 16px; 10 } 11} 12 13body > .dokuwiki { 14 display: flex; 15 flex-direction: column; 16 min-height: 100vh; 17} 18.container { 19 box-sizing: border-box; 20 width: 100%; 21 max-width: @ini_site_width; 22 margin: 0 auto; 23 padding-left: 1.5rem; 24 padding-right: 3rem; // needs to be enough to accommodate the page-tools 25} 26 27.dokuwiki > header.notos, 28.dokuwiki > nav.notos { 29 flex-grow: 0; 30} 31 32.dokuwiki > footer.notos { 33 flex-grow: 0; 34 clear: both; 35 background-color: @ini_accent; 36 min-height: 4rem; 37 margin-top: 1rem; 38 padding-top: 0.5rem; 39 border-top: @ini_highlight 2px solid; 40 41 .container { 42 font-size: small; 43 } 44} 45 46.dokuwiki > main.notos { 47 position: relative; 48 flex-grow: 1; 49} 50 51body > .no { 52 position: absolute; 53 left: 0; 54 bottom: 0; 55} 56 57 58.dokuwiki div.footnotes { 59 margin-bottom: 1rem; 60} 61 62.dokuwiki blockquote { 63 margin: 0 0 1.4em 0; 64 padding: 0 .5em; 65 border-left: 3px solid @ini_border; 66 67 div.no { 68 display: inline; 69 margin: 0; 70 padding: 0; 71 } 72} 73 74 75