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