/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. 

  2.     PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    3. 

  3.     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    4. 

  4. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    5. 

  5. <!--
    6. 

  6.  index.html
    7. 

  7.  layoutEphemeralSubview Test
    8. 

  8. 

  9.  Created by Aparajita Fishman on October 8, 2010.
    10. 

  10. -->
    11. 

  11.     <head>
    12. 

  12.         <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7, chrome=1" />
    13. 

  13. 

  14.         <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
    15. 

  15. 

  16.         <meta name="apple-mobile-web-app-capable" content="yes" />
    17. 

  17.         <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    18. 

  18. 

  19.         <link rel="apple-touch-icon" href="Resources/icon.png" />
    20. 

  20.         <link rel="apple-touch-startup-image" href="Resources/default.png" />
    21. 

  21. 

  22.         <title>layoutEphemeralSubview Test</title>
    23. 

  23. 

  24.         <script type="text/javascript">
    25. 

  25.             OBJJ_MAIN_FILE = "main.j";
    26. 

  26.         </script>
    27. 

  27. 

  28.         <script type="text/javascript" src="Frameworks/Objective-J/Objective-J.js" charset="UTF-8"></script>
    29. 

  29. 

  30.         <style type="text/css">
    31. 

  31.             body{margin:0; padding:0;}
    32. 

  32.             #container {position: absolute; top:50%; left:50%;}
    33. 

  33.             #content {width:800px; text-align:center; margin-left: -400px; height:50px; margin-top:-25px; line-height: 50px;}
    34. 

  34.             #content {font-family: "Helvetica", "Arial", sans-serif; font-size: 18px; color: black; text-shadow: 0px 1px 0px white; }
    35. 

  35.             #loadgraphic {margin-right: 0.2em; margin-bottom:-2px;}
    36. 

  36.         </style>
    37. 

  37. 

  38.         <!--[if lt IE 7]>
    39. 

  39.         <STYLE type="text/css">
    40. 

  40.             #container { position: relative; top: 50%; }
    41. 

  41.             #content { position: relative;}
    42. 

  42.         </STYLE>
    43. 

  43.         <![endif]-->
    44. 

  44. 

  45.     </head>
    46. 

  46. 

  47.     <body style="">
    48. 

  48.         <div id="cappuccino-body">
    49. 

  49.             <div id="loadingcontainer" style="background-color: #eeeeee; overflow:hidden; width:100%; height:100%; position: absolute; top: 0; left: 0;">
    50. 

  50.                 <script type="text/javascript">
    51. 

  51.                     document.write("<div id='container'><p id='content'>" +
    52. 

  52.                                    "<img id='loadgraphic' width='16' height='16' src='Resources/spinner.gif' /> " +
    53. 

  53.                                    "Loading layoutEphemeralSubview Test...</p></div>");
    54. 

  54.                 </script>
    55. 

  55. 

  56.                 <noscript>
    57. 

  57.                     <div id="container">
    58. 

  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. 

  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. 

  60.                             <p style="font-size:120%; padding:10px;"><a href="http://cappuccino-project.org/noscript">Show me how to enable JavaScript</a></p>
    61. 

  61.                             <p style="font-size:80%;">You may want to upgrade to a newer browser while you're at it:</p>
    62. 

  62.                             <ul style="margin:0;padding:0; text-align: center; font-size:80%;" >
    63. 

  63.                                 <li style="display: inline;"><a href="http://www.apple.com/safari/download/">Safari</a></li>
    64. 

  64.                                 <li style="display: inline;"><a href="http://www.mozilla.com/en-US/firefox/">Firefox</a></li>
    65. 

  65.                                 <li style="display: inline;"><a href="http://www.google.com/chrome/">Chrome</a></li>
    66. 

  66.                                 <li style="display: inline;"><a href="http://www.opera.com/download/">Opera</a></li>
    67. 

  67.                                 <li style="display: inline;"><a href="http://www.microsoft.com/windows/downloads/ie/getitnow.mspx">Internet Explorer</a></li>
    68. 

  68.                             </ul>
    69. 

  69.                         </div>
    70. 

  70.                     </div>
    71. 

  71.                 </noscript>
    72. 

  72.             </div>
    73. 

  73.         </div>
    74. 

  74.     </body>
    75. 

  75. 

  76. </html>
    77.