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" />
]]>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" />
<!--break-->
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 }
]]>