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