/Tests/Manual/layoutEphemeralSubviewTest/index.html
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