basic.html 2.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465
  1. <!DOCTYPE html>
  2. <html class="+no-js no-js- no-js i-has-no-js">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>Modernizr Test Suite</title>
  6. <link rel="stylesheet" href="qunit/qunit.css">
  7. <style>
  8. body { margin-bottom: 150px;}
  9. #testbed { font-family: Helvetica; color: #444; padding-bottom: 100px;}
  10. #testbed button { margin: 30px; font-size: 13px;}
  11. .data-notes, .offScreen { display:none;}
  12. table { width: 100%;}
  13. tbody tr:nth-child(even) td, tbody tr:nth-child(even) th { border: 1px solid #ccc; border-left: 0; border-right: 0;}
  14. table td:nth-child(even), table th:nth-child(even) { background: #e6e6e6;}
  15. table tbody tr:hover td, table tbody tr:hover th { background: #e1e100!important;}
  16. td.wrong { background:red!important;}
  17. #html5section { visibility: hidden; }
  18. h1 label { display:none;}
  19. .output { padding: 0 0 0 16px;}
  20. .output ul { margin: 0;}
  21. .output li { color: #854747; }
  22. .output li.yes{color:#090;}
  23. .output li b{color:#000;}
  24. .output {font:14px/1.3 Inconsolata,Consolas,monospace;
  25. -webkit-column-count: 5;
  26. -moz-column-count: 5;
  27. column-count: 5;}
  28. .output + .output { border-top: 5px solid #ccc; }
  29. textarea { width: 100%; min-height: 75px;}
  30. #caniusetrigger { font-size: 38px; font-family: monospace; display:block; }
  31. </style>
  32. <script src="https://raw.github.com/Modernizr/Modernizr/master/modernizr.js"></script>
  33. <script>window.Modernizr || document.write('<script src="../modernizr.js"><\/script>'); console.log("Loading in the /js folder *trollface*")</script>
  34. <script src="js/lib/polyfills.js"></script>
  35. <script src="js/lib/detect-global.js"></script>
  36. <script src="qunit/qunit.js"></script>
  37. <script src="js/lib/jquery-1.7b2.js"></script>
  38. <script src="js/setup.js"></script>
  39. <script src="js/unit.js"></script>
  40. </head>
  41. <body>
  42. <h1 id="qunit-header">Modernizr Test Suite</h1>
  43. <h2 id="qunit-banner"></h2>
  44. <div id="qunit-testrunner-toolbar"></div>
  45. <h2 id="qunit-userAgent"></h2>
  46. <ol id="qunit-tests"></ol>
  47. <div id="mod-output" class=output></div>
  48. <div id="mod-feattest-output" class=output></div>
  49. <br>
  50. <section><aside>this is an aside within a section</aside></section>
  51. </body>
  52. </html>