1/**
2 * This file provides style changes for small screens.
3 *
4 * @author Anika Henke <anika@selfthinker.org>
5 * @author Klaus Vormweg <klaus.vormweg@gmx.de>
6 */
7
8@media only screen and (max-width: 1023px) {
9  #dokuwiki__site > .site {
10  	padding-left: 10px;
11  }
12} /* media 1023px */
13
14@media only screen and (max-width: 799px) {
15  #dokuwiki__aside {
16    width: 100%;
17    float: none;
18    margin-bottom: 1.4em;
19    position: static;
20  }
21  .hasSidebar .wrapper {
22	  margin-left: 0;
23  }
24  #dokuwiki__aside > .pad {
25      margin: 0;
26  }
27  .hasSidebar #dokuwiki__content {
28      float: none;
29      margin-left: 0;
30      margin-right: 0;
31  }
32  .hasSidebar #dokuwiki__content > .pad {
33      margin-left: 0;
34  }
35  [dir=rtl] .hasSidebar #dokuwiki__content > .pad {
36      margin-right: 0;
37  }
38  #dokuwiki__header .headings {
39      margin: 0;
40  }
41  #dokuwiki__header .tools {
42      margin-bottom: .7em;
43  }
44  #dokuwiki__header .headings,
45  #dokuwiki__header .tools,
46  #dokuwiki__header .tools li {
47      float: none;
48      text-align: left;
49  }
50  [dir=rtl] #dokuwiki__header .tools,
51  [dir=rtl] #dokuwiki__header .tools li {
52      float: none;
53      text-align: right;
54  }
55  [dir=rtl] #dokuwiki__header .headings {
56      float: none;
57      text-align: right;
58  }
59  #dokuwiki__sitetools ul {
60      padding: 0;
61  }
62  #dokuwiki__sitetools li {
63      margin: 0 1.5em 0 0;
64  }
65  [dir=rtl] #dokuwiki__sitetools li {
66      margin: 0 0 0 1.5em;
67  }
68} /* media 799px */
69
70@media only screen and (max-width: 639px) {
71  #dokuwiki__site > .site {
72  	padding-left: 0;
73  	padding-right: 40px;
74  }
75  #dw__toc {
76    display: none;
77  }
78  #dokuwiki__site {
79  	padding: 0;
80  }
81  #dokuwiki__sitetools, #dokuwiki__footer {
82  	padding-left: 13px;
83  }
84  #dokuwiki__footer .user, #dokuwiki__footer .doc {
85  	float: none;
86  }
87  .dokuwiki fieldset {
88  	width: auto;
89	  max-width: 400px;
90  }
91} /* media 639px */
92
93@media only screen and (max-width: 479px) {
94  #dokuwiki__header h1 {
95  	padding-left: 0.7em;
96  }
97  #dokuwiki__header form.search input#qsearch__in {
98  	width: 8em;
99  }
100} /* media 479px */
101