You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

93 lines
2.4 KiB

10 years ago
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  5. <title>µMatrix — Dashboard</title>
  6. <style>
  7. body {
  8. margin: 0;
  9. border: 0;
  10. padding: 0;
  11. font: 15px httpsb,sans-serif;
  12. position: relative;
  13. width: 100vw;
  14. height: 100vh;
  15. overflow: hidden;
  16. }
  17. #dashboard-nav {
  18. margin: 0;
  19. border: 0;
  20. padding: 0;
  21. position: absolute;
  22. top: 0;
  23. width: 100vw;
  24. height: 50px;
  25. z-index: 10;
  26. }
  27. #dashboard-nav-widgets {
  28. margin: 0;
  29. border-bottom: 1px solid #ccc;
  30. padding: 4px 0 3px 0;
  31. white-space: nowrap;
  32. background-color: white;
  33. }
  34. #dashboard-nav-widgets span {
  35. padding: 0 0.5em;
  36. font-size: larger;
  37. }
  38. .tabButton {
  39. margin: 0;
  40. border: 1px solid #ccc;
  41. border-top-left-radius: 3px;
  42. border-top-right-radius: 3px;
  43. padding: 4px;
  44. color: black;
  45. background-color: #eee;
  46. font: inherit;
  47. cursor: pointer;
  48. text-decoration: none;
  49. }
  50. .tabButton:focus {
  51. outline: 0;
  52. }
  53. .tabButton:active,.tabButton:visited {
  54. color: inherited;
  55. }
  56. .tabButton.selected {
  57. border-bottom: 1px solid white;
  58. background-color: white;
  59. }
  60. iframe {
  61. margin: 0;
  62. border: 0;
  63. padding: 0;
  64. background-color: transparent;
  65. overflow: auto;
  66. position: absolute;
  67. top: 50px;
  68. width: 100%;
  69. height: calc(100% - 50px);
  70. }
  71. </style>
  72. <link href='css/common.css' rel='stylesheet' type='text/css'>
  73. </head>
  74. <body>
  75. <div id="dashboard-nav">
  76. <div id="dashboard-nav-widgets">
  77. <span>µMatrix</span>
  78. <a class="tabButton" id="settings" href="#settings" data-dashboard-panel-url="settings.html" data-i18n="settingsPageName"></a>
  79. <a class="tabButton" id="privacy" href="#privacy" data-dashboard-panel-url="privacy.html" data-i18n="privacyPageName"></a>
  80. <a class="tabButton" id="ubiquitous-rules" href="#ubiquitous-rules" data-dashboard-panel-url="ubiquitous-rules.html" data-i18n="ubiquitousRulesPageName"></a>
  81. <a class="tabButton" id="statistics" href="#statistics" data-dashboard-panel-url="info.html" data-i18n="statsPageName"></a>
  82. <a class="tabButton" id="about" href="#about" data-dashboard-panel-url="about.html" data-i18n="aboutPageName"></a>
  83. </div>
  84. </div>
  85. <iframe src=""></iframe>
  86. <script src="lib/jquery-2.min.js"></script>
  87. <script src="js/i18n.js"></script>
  88. <script src="js/dashboard.js"></script>
  89. </body>
  90. </html>