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