1
2/* responsive design */
3@media screen and (max-width: 700px) {
4  .contenthere { font-size: 1.15em; }
5  #navcontainer a {
6	/* margin-bottom: 0.85em; */
7  	margin: 0.85em 0em;
8	margin-left: 1.85em;
9  }
10
11	#navcontainer {
12  	  /*opacity: 0; position: absolute; z-index: -2;*/
13    	display: none;
14  	}
15
16	input[type="checkbox"].hide:checked ~ #navcontainer, .menutoggle {
17	    /*opacity: 1; z-index: 1;*/
18	    display: block;
19	}
20
21	/* dokuwiki specific */
22	#dw__search button { margin-top: 0px;  }
23	#qsearch__in { width: 60%; }
24	/*input, button, select, keygen, textarea { font-size: 1.35em !important; }*/
25	.btn_secedit button { font-size: ~"0.85em !important"; clear: both; margin: 1em 0px; }
26	h1, h2, h3, h4, h5, h6 { clear: both; }
27  .dokuwiki .editBar .summary label, label { white-space: unset; }
28}
29
30
31/* media manager and config manager for mobile */
32@media screen and (max-width: 480px){
33  fieldset,
34  #mediamanager__page,
35  #mediamanager__page .filelist{
36    max-width: 100%; min-width: unset;
37  }
38  #mediamanager__page .file,
39  #mediamanager__page .namespaces,
40  #mediamanager__page .panel {
41    width: 100%; clear: both; float: none;
42  }
43  /*.page li, .page dd { margin: 1.35em 0px !important; }*/
44  #config__manager tr { }
45  #config__manager td { display: block;  padding: 1.15em 0px; max-width: 100%;  }
46  #config__manager fieldset {  margin: 1em 0px; width: 100%; box-sizing: border-box; }
47
48  /*#config__manager fieldset { width: 100%; box-sizing: border-box; }*/
49
50    /* make <select> not exceed it's parent div's width */
51    /* https://stackoverflow.com/q/44810056/337306 */
52    div.input, label.nowrap { display: flex; } select { width: 100%; flex-shrink: 1; }
53
54  fieldset { width: unset; }
55  #config__manager fieldset td.value { width: unset; }
56  td.label { word-wrap: anywhere; }
57
58  #config__manager td .input,
59  #config__manager fieldset td.value,
60  input, textarea,
61  #config__manager td input.edit,
62  #config__manager td textarea.edit {
63    max-width: 100%;
64    width: auto;
65  }
66
67}