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: 1023px) { 8 #dokuwiki__site > .site { 9 padding-left: 10px; 10 } 11} /* media 1023px */ 12 13@media only screen and (max-width: 799px) { 14 #dokuwiki__aside { 15 width: 100%; 16 float: none; 17 margin-bottom: 1.4em; 18 position: static; 19 } 20 .hasSidebar .wrapper { 21 margin-left: 0; 22 } 23 #dokuwiki__aside > .pad { 24 margin: 0; 25 } 26 .hasSidebar #dokuwiki__content { 27 float: none; 28 margin-left: 0; 29 margin-right: 0; 30 } 31 .hasSidebar #dokuwiki__content > .pad { 32 margin-left: 0; 33 } 34 [dir=rtl] .hasSidebar #dokuwiki__content > .pad { 35 margin-right: 0; 36 } 37 #dokuwiki__header .headings { 38 margin: 0; 39 } 40 #dokuwiki__header .tools { 41 margin-bottom: .7em; 42 } 43 #dokuwiki__header .headings, 44 #dokuwiki__header .tools, 45 #dokuwiki__header .tools li { 46 float: none; 47 text-align: left; 48 } 49 [dir=rtl] #dokuwiki__header .tools, 50 [dir=rtl] #dokuwiki__header .tools li { 51 float: none; 52 text-align: right; 53 } 54 [dir=rtl] #dokuwiki__header .headings { 55 float: none; 56 text-align: right; 57 } 58 #dokuwiki__sitetools ul { 59 padding: 0; 60 } 61 #dokuwiki__sitetools li { 62 margin: 0 1.5em 0 0; 63 } 64 [dir=rtl] #dokuwiki__sitetools li { 65 margin: 0 0 0 1.5em; 66 } 67} /* media 799px */ 68 69@media only screen and (max-width: 639px) { 70 #dokuwiki__site > .site { 71 padding-left: 0; 72 padding-right: 40px; 73 } 74 #dw__toc { 75 display: none; 76 } 77 #dokuwiki__site { 78 padding: 0; 79 } 80 #dokuwiki__sitetools, #dokuwiki__footer { 81 padding-left: 13px; 82 } 83 #dokuwiki__footer .user, #dokuwiki__footer .doc { 84 float: none; 85 } 86 .dokuwiki fieldset { 87 width: auto; 88 max-width: 400px; 89 } 90} /* media 639px */ 91 92@media only screen and (max-width: 479px) { 93 #dokuwiki__header h1 { 94 padding-left: 0.7em; 95 } 96 #dokuwiki__header form.search input#qsearch__in { 97 width: 16em; 98 } 99} /* media 479px */ 100