1/** 2 * This file provides style changes for small screens. 3 * 4 * @author Anika Henke <anika@selfthinker.org> 5 * @author Octavia Nichols <octavia@octavianichols.com> 6 */ 7 8@media only screen and (max-width: 60em) { 9 10#dokuwiki__aside { 11 width: 100%; 12 float: none; 13 margin-bottom: 1.4em; 14} 15#dokuwiki__aside > .pad { 16 margin: 0; 17} 18 19.hasSidebar #dokuwiki__content { 20 float: none; 21 margin-left: 0; 22 margin-right: 0; 23} 24.hasSidebar #dokuwiki__content > .pad { 25 margin-left: 0; 26} 27[dir=rtl] .hasSidebar #dokuwiki__content > .pad { 28 margin-right: 0; 29} 30 31#dokuwiki__header .headings { 32 margin: 2.1em 0 0; 33} 34 35#dokuwiki__header .tools { 36 margin-bottom: .7em; 37} 38 39#dokuwiki__header .headings, 40#dokuwiki__header .tools, 41#dokuwiki__header .tools li { 42 float: none; 43 text-align: left; 44} 45[dir=rtl] #dokuwiki__header .tools, 46[dir=rtl] #dokuwiki__header .tools li { 47 float: none; 48 text-align: right; 49} 50[dir=rtl] #dokuwiki__header .headings { 51 float: none; 52 text-align: right; 53} 54 55#dokuwiki__sitetools ul { 56 padding: 0; 57} 58#dokuwiki__sitetools li { 59 margin: 0 1.5em 0 0; 60} 61[dir=rtl] #dokuwiki__sitetools li { 62 margin: 0 0 0 1.5em; 63} 64 65#dokuwiki__header div.breadcrumbs { 66 margin-bottom: .7em; 67} 68 69 70#dokuwiki__header ul.a11y.skip { 71 left: auto !important; 72 right: 1em !important; 73 top: 3.1em !important; 74 width: auto !important; 75 height: auto !important; 76 list-style: none; 77 padding: 0; 78 margin: 0; 79} 80[dir=rtl] #dokuwiki__header ul.a11y.skip { 81 right: auto !important; 82 left: 1em !important; 83} 84 85#dw__toc { 86 float: none; 87 width: 100%; 88 position: sticky; 89 position: -webkit-sticky; 90 top: 3.5em; 91 overflow: auto; 92 max-height: 99vh; 93 background-color: __header_footer__; 94 z-index: 888; 95} 96 97#dw__toc>div { 98 display: none; 99} 100 101.no .quickselect, 102.dokuwiki form.search div.no { 103 width: 100%; 104} 105 106#dokuwiki__content > .pad { 107 margin: 0; 108} 109} /* /@media */