1/** 2 * This file provides style changes for small screens. 3 * 4 * @author Anika Henke <anika@selfthinker.org> 5 */ 6 7@media only screen and (max-width: 42em) { 8 #dokuwiki__aside { 9 float: none; 10 width: 100%; 11 margin-bottom: 1.4em; 12 } 13 #dokuwiki__aside > .pad { 14 margin: 0; 15 } 16 17 .hasSidebar #dokuwiki__content { 18 float: none; 19 margin-right: 0; 20 margin-left: 0; 21 } 22 .hasSidebar #dokuwiki__content > .pad { 23 margin-left: 0; 24 } 25 [dir=rtl] .hasSidebar #dokuwiki__content > .pad { 26 margin-right: 0; 27 } 28 29 #dokuwiki__header .headings { 30 margin: 2.1em 0 0; 31 } 32 33 #dokuwiki__header .tools { 34 margin-bottom: .7em; 35 } 36 37 #dokuwiki__header .headings, 38 #dokuwiki__header .tools, 39 #dokuwiki__header .tools li { 40 float: none; 41 text-align: left; 42 } 43 [dir=rtl] #dokuwiki__header .tools, 44 [dir=rtl] #dokuwiki__header .tools li { 45 float: none; 46 text-align: right; 47 } 48 [dir=rtl] #dokuwiki__header .headings { 49 float: none; 50 text-align: right; 51 } 52 53 #dokuwiki__sitetools ul { 54 padding: 0; 55 } 56 #dokuwiki__sitetools li { 57 margin: 0 1.5em 0 0; 58 } 59 [dir=rtl] #dokuwiki__sitetools li { 60 margin: 0 0 0 1.5em; 61 } 62 63 #dokuwiki__header div.breadcrumbs { 64 margin-bottom: .7em; 65 } 66 67 68 #dokuwiki__header ul.a11y.skip { 69 top: 3.1em !important; 70 right: 1em !important; 71 left: auto !important; 72 width: auto !important; 73 height: auto !important; 74 padding: 0; 75 margin: 0; 76 list-style: none; 77 } 78 [dir=rtl] #dokuwiki__header ul.a11y.skip { 79 right: auto !important; 80 left: 1em !important; 81 } 82} /* /@media */ 83