SalesForce-rhodes/app/layout.erb

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>

    <title>SalesforceRhodes</title>
    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;"/>

    <% if System::get_property('platform') == 'APPLE' || System::get_property('platform') == 'ANDROID' %>
        <script src="/public/jqtouch/jquery.1.3.2.min.js" type="text/javascript"></script>
        <script src="/public/jqtouch/jqtouch.js" type="text/javascript"></script>
        <link href="/public/jqtouch/jqtouch.css" type="text/css" rel="stylesheet"/>
        <% if System::get_property('platform') == 'APPLE' %>
            <link href="/public/jqtouch/jqtouch-iphone.css" type="text/css" rel="stylesheet"/>
        <% end %>
        <script>$.jQTouch();</script>
    <% end %>

    <% if System::get_property('platform') == 'APPLE' %>
        <link href="/public/css/iphone.css" type="text/css" rel="stylesheet"/>
    <% elsif System::get_property('platform') == 'ANDROID' %>
        <link href="/public/css/android.css" type="text/css" rel="stylesheet"/>
    <% elsif System::get_property('platform') == 'Blackberry' %>
        <% if System::get_property('os_version') =~ /^6\.0/  %>
          <link href="/public/css/android.css" type="text/css" rel="stylesheet"/>
          <!-- Percentage doesnt work here? Set body height to screen height - toolbar height -->
          <style>
            body {
              height: <%= System::get_property('screen_height').to_i - 62 %>px;
            }
          </style>
        <% else %>
          <link href="/public/css/blackberry.css" type="text/css" rel="stylesheet"/>
        <% end %>
    <% else %>
        <link href="/public/css/windows_mobile.css" type="text/css" rel="stylesheet"/>
    <% end %>
</head>

<body>
    <%= @content %>
</body>

</html>