template.php 1.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263
  1. <html>
  2. <head>
  3. <link rel="stylesheet" href="../../../script/tocas/tocas.css">
  4. <script src="../../../script/tocas/tocas.js"></script>
  5. <script src="../../../script/jquery.min.js"></script>
  6. <script src="../../../script/ao_module.js"></script>
  7. <style>
  8. body {
  9. overflow-y:hidden;
  10. }
  11. .header{
  12. position: absolute;
  13. font-size: 20px;
  14. top: 30%;
  15. left: 5%;
  16. }
  17. .subheader{
  18. position: absolute;
  19. top: 50%;
  20. left: 5%;
  21. }
  22. </style>
  23. </head>
  24. <body>
  25. <div class="ts grid">
  26. <div class="sixteen wide column" style="height:16%;overflow:hidden">
  27. <img src="background.png" style="height:auto;width:100%">
  28. <div class="header">7-Zip File Manager</div>
  29. <div class="subheader">Powered by ArOZ</div>
  30. </div>
  31. <div class="sixteen wide column" style="height:60%;overflow:hidden">
  32. <div style="width:90%;left:5%">
  33. <table class="ts sortable large table">
  34. <thead>
  35. <tr>
  36. <th>Item</th>
  37. <th>Value</th>
  38. </tr>
  39. </thead>
  40. <tbody>
  41. <tr>
  42. <td>Package name</td>
  43. <td>7-Zip File Manager</td>
  44. </tr>
  45. </tbody>
  46. </table>
  47. </div>
  48. </div>
  49. </div>
  50. <div id="menubar" style="overflow:hidden;position: absolute;bottom: 3%;width:100%">
  51. <div class="ts section divider"></div>
  52. <div class="ts separated buttons" style="float: right;right:5%">
  53. <button class="ts positive basic button">Next</button>
  54. <button class="ts negative basic button">Cancel</button>
  55. </div>
  56. </div>
  57. </body>
  58. <script>
  59. if(ao_module_virtualDesktop){
  60. $("#menubar").css("bottom","8%");
  61. }
  62. </script>
  63. </html>