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 */