1/**
2 * This file provides style changes for small screens.
3 */
4
5@media only screen and (min-width: 951px) {
6  #kiwiki nav.tools > div#open-search {
7    display: none;
8  }
9}
10@media only screen and (max-width: 950px) {
11  #kiwiki h1 {
12    font-size: 1.9rem;
13  }
14  #kiwiki h2 {
15    font-size: 1.6rem;
16  }
17  #kiwiki h3 {
18    font-size: 1.3em;
19  }
20
21  #kiwiki #dokuwiki__header > .dokuwiki__header__wrapper .wikilogo img {
22    max-height: 40px;
23  }
24  #kiwiki #dokuwiki__header > .dokuwiki__header__wrapper a.wikilogo > div {
25    font-size: 20px;
26    letter-spacing: 0;
27  }
28  #kiwiki #dokuwiki__header > .dokuwiki__header__wrapper #dw__search {
29    order: 3;
30    min-width: initial;
31    padding-bottom: 10px;
32    display: none;
33    width: 100%;
34  }
35  #kiwiki #dokuwiki__header > .dokuwiki__header__wrapper #dw__search.open {
36    display: inline;
37  }
38  #kiwiki #dokuwiki__header {
39    padding: 0 5px;
40    margin: 0;
41  }
42  #kiwiki #dokuwiki__header > .dokuwiki__header__wrapper {
43    flex-wrap: wrap;
44    gap: 0;
45  }
46  #kiwiki #dokuwiki__header > .dokuwiki__header__wrapper .group {
47    order: 1;
48  }
49  #kiwiki #dokuwiki__header > .dokuwiki__header__wrapper nav {
50    order: 2;
51    flex-wrap: nowrap;
52    gap: 8px;
53  }
54  #kiwiki nav.tools > div > strong svg{
55    width: 24px;
56    height: 24px;
57  }
58  #kiwiki .breadcrumbs {
59    margin: 15px auto;
60  }
61  #kiwiki
62    #dokuwiki__site
63    #dokuwiki__content__wrapper
64    #dokuwiki__aside
65    .dokuwiki__aside_wrapper {
66    gap: 0;
67  }
68  #kiwiki #dokuwiki__site #dokuwiki__top #dokuwiki__content__wrapper {
69    position: relative;
70  }
71
72  #kiwiki #dokuwiki__site #dokuwiki__content__wrapper #dokuwiki__aside {
73    width: 100%;
74    float: none;
75    margin-bottom: 1.4em;
76    order: 1;
77    position: sticky;
78    top: 0;
79    z-index: 8;
80    margin: 0;
81  }
82
83  #kiwiki
84    #dokuwiki__site
85    #dokuwiki__content__wrapper
86    #dokuwiki__aside
87    .dokuwiki__aside__block,
88  #kiwiki
89    #dokuwiki__site
90    #dokuwiki__content__wrapper
91    #dokuwiki__aside
92    #dw__toc {
93    padding: 0;
94    overflow: hidden;
95    display: flex;
96    flex-direction: column;
97  }
98
99  #kiwiki #dokuwiki__site #dokuwiki__content__wrapper #dokuwiki__aside h3 {
100    font-size: 18px;
101    padding: 10px 5px;
102    text-transform: uppercase;
103  }
104  #kiwiki
105    #dokuwiki__site
106    #dokuwiki__content__wrapper
107    #dokuwiki__aside
108    .kiwiki-main-menu
109    h3 {
110    text-align: center;
111    cursor: pointer;
112    margin: 0;
113  }
114
115  #kiwiki
116    #dokuwiki__site
117    #dokuwiki__content__wrapper
118    #dokuwiki__aside
119    .kiwiki-main-menu
120    h3:hover {
121    background-color: var(--kiwiki-btn-hover-bg);
122    color: var(--kiwiki-btn-hover-text);
123  }
124
125  #kiwiki
126    #dokuwiki__site
127    #dokuwiki__content__wrapper
128    #dokuwiki__aside
129    .kiwiki-main-menu
130    h3:after {
131    content: "+";
132    float: right;
133    margin: 0 0.2em;
134  }
135  #kiwiki
136    #dokuwiki__site
137    #dokuwiki__content__wrapper
138    #dokuwiki__aside
139    .kiwiki-main-menu.open
140    h3:after {
141    content: "−";
142  }
143  #kiwiki
144    #dokuwiki__site
145    #dokuwiki__content__wrapper
146    #dokuwiki__aside
147    .kiwiki-main-menu
148    h3
149    + *:not(.edit-this),
150  #kiwiki
151    #dokuwiki__site
152    #dokuwiki__content__wrapper
153    #dokuwiki__aside
154    #dw__toc {
155    display: none;
156    text-align: center;
157    margin-bottom: 20px;
158  }
159  #kiwiki
160    #dokuwiki__site
161    #dokuwiki__content__wrapper
162    #dokuwiki__aside
163    .kiwiki-main-menu.open
164    h3
165    + *:not(.edit-this),
166  #kiwiki
167    #dokuwiki__site
168    #dokuwiki__content__wrapper
169    #dokuwiki__aside
170    .kiwiki-main-menu.open
171    + #dw__toc {
172    display: initial;
173  }
174
175  #kiwiki #dokuwiki__site #dokuwiki__content__wrapper #dokuwiki__aside > div {
176    margin: 0;
177  }
178
179  #kiwiki #dokuwiki__content {
180    width: 100%;
181    float: none;
182    margin-left: 0;
183    margin-right: 0;
184    order: 2;
185  }
186  #kiwiki #dokuwiki__site #dokuwiki__content__wrapper {
187    width: 100%;
188    max-width: initial;
189    flex-direction: column;
190    flex-wrap: wrap;
191  }
192  #kiwiki #dokuwiki__content > .group {
193    margin-left: 0;
194    padding: 0;
195  }
196  #kiwiki #dokuwiki__content > .group > .page.group {
197    padding: 15px;
198  }
199  #kiwiki #dokuwiki__content ul {
200    padding: 0 0 0 20px;
201  }
202  #kiwiki #dokuwiki__content ul.admin_tasks {
203    padding: 0;
204  }
205  #kiwiki [dir="rtl"] .hasSidebar #dokuwiki__content > div {
206    margin-right: 0;
207  }
208
209  #kiwiki #dokuwiki__header .a11y.skip,
210  #kiwiki #dokuwiki__aside hr.a11y {
211    left: auto !important;
212    top: auto !important;
213    width: auto !important;
214    height: auto !important;
215    position: static !important;
216  }
217
218  #kiwiki [dir="rtl"] #dokuwiki__header .a11y.skip,
219  #kiwiki [dir="rtl"] #dokuwiki__aside hr.a11y {
220    right: auto !important;
221    left: 1em !important;
222  }
223
224  #kiwiki .tools {
225    text-align: left;
226  }
227
228  #kiwiki [dir="rtl"] .tools {
229    text-align: right;
230  }
231  #kiwiki #dokuwiki__content > .other,
232  #kiwiki #dokuwiki__content > .other ul {
233    flex-wrap: wrap;
234  }
235
236  #kiwiki pre {
237    word-wrap: break-word;
238  }
239  #kiwiki .edit-this {
240    left: 4px;
241    right: 4px;
242    width: fit-content;
243  }
244  /*EXTENSIONS*/
245  #kiwiki #extension__list .legend > div {
246    grid-template-columns: 20% 80%;
247    border-right: 0;
248    border-bottom: 1px solid var(--kiwiki-ui-300);
249    padding-bottom: 15px;
250  }
251  #kiwiki #dokuwiki__content #extension__list ul.extensionList {
252    padding: 0;
253  }
254  #kiwiki #extension__list ul.extensionList li {
255    display: flex;
256    flex-direction: column;
257    gap: 15px;
258    justify-content: center;
259    background-color: var(--kiwiki-ui-300);
260    border-radius: 10px;
261    border: 0;
262  }
263
264  #kiwiki #extension__list .legend,
265  #kiwiki #extension__manager .actions {
266    width: 100%;
267    float: none;
268    display: flex;
269    justify-content: center;
270  }
271
272  #kiwiki #extension__list .legend dl.details {
273    border-radius: 0;
274  }
275  #kiwiki #extension__list.hasDisplayOptions .enabled, #kiwiki #extension__list.hasDisplayOptions .disabled, #kiwiki #extension__list.hasDisplayOptions .updatable{
276    display: none;
277  }
278  #kiwiki #extension__list.hasDisplayOptions.enabled .enabled, #kiwiki #extension__list.hasDisplayOptions.disabled .disabled, #kiwiki #extension__list.hasDisplayOptions.updatable .updatable{
279    display: flex;
280  }
281
282  /*GO TOP/BOTTOM*/
283  #kiwiki #go {
284    flex-direction: column;
285  }
286
287} /* /@media */
288