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" />
(code for
iPhone.css)
#page {
background: #42afdc;
}
body {
background: #42afdc;
font: 75%/170% Verdana, Arial, Helvetica, sans-serif;
padding: 0px;
margin: 0px;
color: #333333;
}
#search { display:none }
#search .container-inline { display:none }
#search-theme-form { display:none }
#sidebar { display:none }
#sidebar .dbx-group,
#sidebar .dbx-box,
#sidebar .dbx-handle { display:none }
#wrapper {
margin: 0px 0px 0px 10px;
width: 545px
}
#content {
padding: 25px 0px 15px 5px;
width: 495px;
background: #ffffff;
clear: both;
overflow: hidden;
}
#content p {
line-height: 115%;
}
#nav { display:none }
Recent Comments
6 weeks 13 hours ago
6 weeks 1 day ago
7 weeks 1 day ago
8 weeks 3 days ago
8 weeks 6 days ago
19 weeks 3 days ago
19 weeks 3 days ago
21 weeks 17 hours ago
22 weeks 2 days ago
23 weeks 19 hours ago