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