<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
    <head>
        <title>ScrollView Example</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

        <style>
            /* Avoid resource latency for these, since they hide unenhanced content */
            .yui3-js-enabled .yui3-scrollview-loading {
                visibility:hidden;
            }

            #additional-content {
                display:none;
            }
        </style>

        <link rel="stylesheet" href="{{yuiBuildUrl}}/cssreset/cssreset-min.css" type="text/css" charset="utf-8">

        <link rel="stylesheet" href="{{componentAssets}}/horizontal.css" type="text/css" charset="utf-8">
        <link media="handheld, only screen and (max-device-width: 480px)" href="{{componentAssets}}/horizontal-smallscreen.css" type="text/css" rel="stylesheet" charset="utf-8">

        <script src="{{yuiSeedUrl}}"></script>    
    </head>

    <body class="yui3-skin-sam">
        {{>layout_content}}
    </body>
</html>