PageRenderTime 33ms CodeModel.GetById 12ms app.highlight 14ms RepoModel.GetById 1ms app.codeStats 1ms

/Tests/Manual/layoutEphemeralSubviewTest/index.html

http://github.com/cacaodev/cappuccino
HTML | 77 lines | 52 code | 13 blank | 12 comment | 0 complexity | eb341064324a96aed323e012fef6da6a MD5 | raw file
 1<!DOCTYPE html
 2    PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
 3    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 4<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
 5<!--
 6 index.html
 7 layoutEphemeralSubview Test
 8
 9 Created by Aparajita Fishman on October 8, 2010.
10-->
11    <head>
12        <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7, chrome=1" />
13
14        <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
15
16        <meta name="apple-mobile-web-app-capable" content="yes" />
17        <meta name="apple-mobile-web-app-status-bar-style" content="black" />
18
19        <link rel="apple-touch-icon" href="Resources/icon.png" />
20        <link rel="apple-touch-startup-image" href="Resources/default.png" />
21
22        <title>layoutEphemeralSubview Test</title>
23
24        <script type="text/javascript">
25            OBJJ_MAIN_FILE = "main.j";
26        </script>
27
28        <script type="text/javascript" src="Frameworks/Objective-J/Objective-J.js" charset="UTF-8"></script>
29
30        <style type="text/css">
31            body{margin:0; padding:0;}
32            #container {position: absolute; top:50%; left:50%;}
33            #content {width:800px; text-align:center; margin-left: -400px; height:50px; margin-top:-25px; line-height: 50px;}
34            #content {font-family: "Helvetica", "Arial", sans-serif; font-size: 18px; color: black; text-shadow: 0px 1px 0px white; }
35            #loadgraphic {margin-right: 0.2em; margin-bottom:-2px;}
36        </style>
37
38        <!--[if lt IE 7]>
39        <STYLE type="text/css">
40            #container { position: relative; top: 50%; }
41            #content { position: relative;}
42        </STYLE>
43        <![endif]-->
44
45    </head>
46
47    <body style="">
48        <div id="cappuccino-body">
49            <div id="loadingcontainer" style="background-color: #eeeeee; overflow:hidden; width:100%; height:100%; position: absolute; top: 0; left: 0;">
50                <script type="text/javascript">
51                    document.write("<div id='container'><p id='content'>" +
52                                   "<img id='loadgraphic' width='16' height='16' src='Resources/spinner.gif' /> " +
53                                   "Loading layoutEphemeralSubview Test...</p></div>");
54                </script>
55
56                <noscript>
57                    <div id="container">
58                        <div style="width: 440px; padding: 10px 25px 20px 25px; font-family: sans-serif; background-color: #ffffff; position: relative; left: -245px; top: -120px; text-align: center; -moz-border-radius: 20px; -webkit-border-radius: 20px; color: #555555">
59                            <p style="line-height: 1.4em;">JavaScript is required for this site to work correctly but is either disabled or not supported by your browser.</p>
60                            <p style="font-size:120%; padding:10px;"><a href="http://cappuccino-project.org/noscript">Show me how to enable JavaScript</a></p>
61                            <p style="font-size:80%;">You may want to upgrade to a newer browser while you're at it:</p>
62                            <ul style="margin:0;padding:0; text-align: center; font-size:80%;" >
63                                <li style="display: inline;"><a href="http://www.apple.com/safari/download/">Safari</a></li>
64                                <li style="display: inline;"><a href="http://www.mozilla.com/en-US/firefox/">Firefox</a></li>
65                                <li style="display: inline;"><a href="http://www.google.com/chrome/">Chrome</a></li>
66                                <li style="display: inline;"><a href="http://www.opera.com/download/">Opera</a></li>
67                                <li style="display: inline;"><a href="http://www.microsoft.com/windows/downloads/ie/getitnow.mspx">Internet Explorer</a></li>
68                            </ul>
69                        </div>
70                    </div>
71                </noscript>
72            </div>
73        </div>
74    </body>
75
76</html>
77