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