1/* Make layout more responsive on mobile devices... */ 2@media (max-width: 800px) { 3 /* Fix appearance of table-of-contents. */ 4 div.dokuwiki #dw__toc { 5 float: none; 6 font-size: 120%; 7 margin: auto; 8 width: auto; 9 } 10 /* Fix long URLs (links) breaking the viewport. */ 11 a { 12 word-wrap: break-word; 13 } 14 /* Fix wide images breaking the viewport. */ 15 img { 16 max-width: 100%; 17 margin: auto !important; 18 } 19} 20 21/* The following styles are useful even on non-mobile devices... */ 22 23/* Fix images on the image detail page breaking the viewport. */ 24div.img_big { 25 max-width: 100%; 26} 27.img_detail { 28 height: auto; 29 max-width: 100%; 30} 31 32/* Fix header of image detail page breaking the viewport. */ 33.h1_img_detail { 34 word-wrap: break-word; 35} 36