index.html 1.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>Edit mode</title>
  6. <meta name="description" content="Starts an edition mode for adding or removing items">
  7. <link rel="stylesheet" href="../headers.css">
  8. <link rel="stylesheet" href="../edit_mode.css">
  9. <!--
  10. - This <style> element is only used for the example code;
  11. - it is not required for the real use case.
  12. -->
  13. <style type="text/css">
  14. html, body {
  15. margin: 0;
  16. padding: 0;
  17. font-size: 10px;
  18. background-color: #fff;
  19. }
  20. body {
  21. background: none;
  22. }
  23. </style>
  24. </head>
  25. <body role="application">
  26. <form role="dialog" data-type="edit">
  27. <section role="region">
  28. <header>
  29. <button><span class="icon icon-close">close</span></button>
  30. <menu type="toolbar">
  31. <button>done</button>
  32. </menu>
  33. <h1>Edit</h1>
  34. </header>
  35. </section>
  36. <menu>
  37. <button disabled>Deselect all</button>
  38. <button>Select all</button>
  39. </menu>
  40. </form>
  41. </body>
  42. </html>