1@media screen and (max-width: 1100px) {
2	.offset { width: 100%; }
3	.content { width: 580px; }
4}
5
6@media screen and (max-width: 975px) {
7	.realsidebar { width: 240px; }
8	.statcol { margin: 0px; }
9/*	.content { width: 400px; max-width: 70%;}
10	.realsidbar { min-width: 00px; }
11	.realsidebar { width: 100%; margin: 2em 2em; }
12	*/
13
14}
15
16
17
18@media screen and (max-width: 850px) {
19	.header, .content, .offset, #topmenu { width: 100% !important; box-sizing: border-box; }
20	.statcol { display: block !important; clear: both; float: none !important;}
21	.realsidebar{ margin-bottom: 2em; width: 90% !important; }
22	.padbelow { margin-bottom: 12px !important; }
23  li, dd { margin: 0.85em 0px; }
24
25	.sparewidth { flex-grow: revert; } .flex { display: block !important; }
26	/* turn columns into rows */
27
28	#config__manager fieldset { margin: 0px; }
29	#config__manager table { width: 90%; }
30  #config__manager fieldset { background-color: transparent; }
31  .page li, .page dd { display: block; }
32	/* specific to dokuwiki */
33}
34
35@media screen and (max-width: 480px) {
36  .posthere { padding: 32px 16px; }
37}
38
39@media screen and (max-width: 480px){
40  #config__manager table { width: 100%; }
41}
42
43
44/* media manager and config manager for mobile */
45@media screen and (max-width: 480px){
46  fieldset,
47  #mediamanager__page,
48  #mediamanager__page .filelist{
49    max-width: 100%; min-width: unset;
50  }
51  #mediamanager__page .file,
52  #mediamanager__page .namespaces,
53  #mediamanager__page .panel {
54    width: 100%; clear: both; float: none;
55  }
56
57
58/* #mediamanager__page .namespaces { min-width: unset; } */
59
60  /*.page li, .page dd { margin: 1.35em 0px !important; display: block; }*/
61  #config__manager table { margin: 0px; }
62  #config__manager tr { }
63  #config__manager td { display: block;  padding: 1.15em 0px; max-width: 75%;  }
64
65  #config__manager fieldset { width: 100%; box-sizing: border-box; }
66
67     /* make <select> not exceed it's parent div's width */
68    /* https://stackoverflow.com/q/44810056/337306 */
69    div.input, label.nowrap { display: flex; } select { width: 100%; flex-shrink: 1; }
70
71  fieldset { width: unset; }
72  #config__manager fieldset td.value { width: unset; }
73  td.label { word-wrap: anywhere; }
74
75  #config__manager td .input,
76  #config__manager fieldset td.value,
77  input, textarea,
78  #config__manager td input.edit,
79  #config__manager td textarea.edit {
80    max-width: 100%;
81    width: auto;
82  }
83}
84
85