1/** 2 * This file provides style changes for small screens. 3 * 4 * @author Anika Henke <anika@selfthinker.org> 5 */ 6 7 8/* for detecting media queries in JavaScript (see script.js): */ 9 10#screen__mode { 11 position: relative; 12 z-index: 0; 13} 14 15 16/* for screen widths in the tablet range ******** ********************************/ 17 18@media only screen and (max-width: @ini_tablet_width) { 19 #screen__mode { 20 z-index: 1; 21 /* for detecting media queries in JavaScript (see script.js) */ 22 } 23} 24 25 26/* for screen widths in the smartphone range ****** ***** **************/ 27 28@media only screen and (max-width: @ini_phone_width) { 29 #screen__mode { 30 z-index: 2; 31 /* for detecting media queries in JavaScript (see script.js) */ 32 } 33 #dokuwiki__site { 34 padding: 0 0.3em 35 } 36 #dokuwiki__aside { 37 width: 100%; 38 float: none; 39 margin-bottom: 1.4em; 40 } 41 #dokuwiki__aside ul { 42 padding: 0; 43 } 44 #dokuwiki__aside>.pad { 45 margin: 0; 46 } 47 .hasSidebar #dokuwiki__content { 48 float: none; 49 margin-left: 0; 50 margin-right: 0; 51 } 52 .hasSidebar #dokuwiki__content>.pad { 53 margin-left: 0; 54 } 55 [dir=rtl] .hasSidebar #dokuwiki__content>.pad { 56 margin-right: 0; 57 } 58 #dokuwiki__header .headings { 59 /* margin: 2.1em 0 0; */ 60 } 61 #dokuwiki__header .tools { 62 margin-bottom: .7em; 63 } 64 #dokuwiki__header .headings, 65 #dokuwiki__header .tools, 66 #dokuwiki__header .tools li { 67 float: none; 68 text-align: left; 69 } 70 #dw__search button { 71 display: none 72 } 73 #dokuwiki__header form.search #qsearch__in { 74 width: 9em; 75 } 76 [dir=rtl] #dokuwiki__header .tools, 77 [dir=rtl] #dokuwiki__header .tools li { 78 float: none; 79 text-align: right; 80 } 81 [dir=rtl] #dokuwiki__header .headings { 82 float: none; 83 text-align: right; 84 } 85 #dokuwiki__sitetools ul { 86 padding: 0; 87 } 88 #dokuwiki__sitetools li { 89 /* margin: 0 1.5em 0 0; */ 90 } 91 [dir=rtl] #dokuwiki__sitetools li { 92 /* margin: 0 0 0 1.5em; */ 93 } 94 #dokuwiki__header div.breadcrumbs { 95 margin-bottom: .7em; 96 } 97 #dokuwiki__header ul.a11y.skip { 98 left: auto !important; 99 right: 1em !important; 100 top: 3.1em !important; 101 width: auto !important; 102 height: auto !important; 103 list-style: none; 104 padding: 0; 105 margin: 0; 106 } 107 [dir=rtl] #dokuwiki__header ul.a11y.skip { 108 right: auto !important; 109 left: 1em !important; 110 } 111 .dokuwiki .mediaright, 112 .dokuwiki .medialeft { 113 float: none; 114 } 115 #dw__toc { 116 width: 100%; 117 margin: 0.5em 0; 118 } 119 .dokuwiki img.medialeft { 120 width:49%; 121 margin:0 0 0.5rem 0; 122 border-radius: __border_radius__; 123 } 124} 125 126 127/* /@media */