Thought maybe we could add a mobile.css to the forums and have it enabled using css media queries.
Would make it easier to browse from a phone
Would make it easier to browse from a phone
Source:
Code:
html.inner, body.inner { background: #3C3A36 !important; } img.postimg { max-width: 480px !important; height: auto !important; } #page-1, #page-2 { width: 480px !important; background: none !important; } #page-2 h1 { display: none !important; } #page-3 ul#navitems, #page-3 form#getstats { display: none !important; } #mainwrapper, #brdheader, #announce { max-width: 480px !important; } .inbox td span, .inbox dl.conr { display: none !important; } th.tc2, th.tc3, th.tcr, td.tc2, td.tc3, td.tcr { display: none !important; } /* Thread */ .postreply { background: none !important; border: none !important; } .postmeta { height: 0 !important; background: none !important; position: relative !important; } .postmeta .postdate { position: absolute !important; top: 32px !important; } .postmeta ul.postactions { position: absolute !important; top: 50px !important; left: 0 !important; } .usermeta { width: 100% !important; height: 70px !important; margin-bottom: 5px !important; padding: 5px 0 !important; background: #484848 !important; border: 2px solid #565656 !important; border-radius: 5px !important; } .usermeta dl dt { float: left !important; } .usermeta dl dd.usertitle, .usermeta dl dd.contacts, .usermeta dl dd.quick-pm, .usermeta dl dd.user-attributes, .usermeta dl dd.honors, .postsignature { display: none !important; } .usermeta dl dd.postavatar { margin: 0 !important; padding: 5px 10px 0 0 !important; float: right !important; } .usermeta dl dd.postavatar img { max-width: 110px !important; height: auto !important; } .postcontent { width: 100% !important; background: #383838 !important; border: 2px solid #565656 !important; border-radius: 5px !important; overflow: hidden; } .linkst ul, .postlinksb ul { margin: 10px 0 0 0 !important; }
Last edited by ebug9 (2011-08-09 19:17:06)