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