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