1
2@media screen and (max-width: 800px) {
3  .tagline { font-size: 1.35em; width: 90% !important; line-height: 1.85em !important;}
4  .biggeronmobile { width: 100% !important; }
5  .statcol { width : 100% !important; margin: 0px 0.85em; margin-bottom: 3.15em !important; }
6  .statcol:nth-child(4){padding-bottom: 1.15em !important;}
7  .shoulderline { margin-top: 2em; margin-left: 1.15em;}
8  .pageitle { min-width: none !important; }
9  .w100 { width: 100% !important; }
10  .nofloatonmobile { float: none !important; }
11  .page li, .page dd { margin: 1.35em 0px 0px 1.5em }
12  button { margin: 8px 8px; }
13  #sidebarhere { clear: both; width: 100% !important; border-top: 8px solid black;  }
14  #itemshere { display: block; padding-left: 0px; width: 100%; }
15
16   /* dokuwiki edit */
17  .inlinemenu li { display: block; margin: 1.35em 0px; }
18  .inlinemenu li:first-of-type { margin-left: unset; }
19  .dokuwiki fieldset { width: unset; }
20  .notify { padding-left: 2em !important; }
21}
22
23/* media manager and config manager for mobile */
24@media screen and (max-width: 480px){
25
26  fieldset,
27  #mediamanager__page,
28  #mediamanager__page .filelist{
29    max-width: 100%; min-width: unset;
30  }
31  #mediamanager__page .file,
32  #mediamanager__page .namespaces,
33  #mediamanager__page .panel {
34    width: 100%; clear: both; float: none;
35  }
36  /*li, dd { margin: 1.35em 0px !important; }*/
37  #config__manager tr { }
38  #config__manager td { display: block;  padding: 1.15em 0px; max-width: 40%;  }
39
40  #config__manager fieldset td.value { width: unset; }
41
42  #config__manager td .input,
43  #config__manager fieldset td.value,
44  #config__manager td input.edit {
45    /*max-width: 100%; */
46  }
47}