css

RDN Optimized for iPhone

Found some time to optimize rudis dot net for the iPhone. I created a custom iPhone.css for Drupal's itheme that gets rid of everything but the content div (no search, navigation, background image[s] or sidebar). I'd prefer it if those bytes were never sent to the client, but hiding them works well. (I may re-add search once I can figure out a pleasant way to display the box)

The actual "code" is after the jump. It requires two additional lines in the itheme page.tpl.php:

<meta name="viewport" content="width = 545" />
<link media="only screen and (max-device-width: 480px)"
      href="/themes/itheme/iPhone.css"
      type="text/css" rel="stylesheet" />
Syndicate content