<!DOCTYPE html>
<html>
- <head>
- <title>newtab</title>
- <script src="options.js"></script>
- </head>
-
- <body style="padding: 10px; padding-left: 65px; padding-right: 65px;">
- <table>
- <tr>
- <td>Column 1</td>
- <td><input type="text" id="l1"></td>
- <input type="checkbox" id="l1show" value="Bike"> I have a bike<br>
- </tr>
- <tr>
- <td>Column 2</td>
- <td><input type="text" id="l2show"></td>
- </tr>
- <tr>
- <td>Column 3</td>
- <td><input type="text" id="l3"></td>
- </tr>
- <tr>
- <td>bg</td><td><input type="text" id="bg"></td>
- </tr>
- <tr>
- <td>fg</td><td><input type="text" id="fg"></td>
- </tr>
- </table>
-
- <table>
- <tr>
- <td style="width: 135px;"><button id="save" style="width: 65px;">Save</button><div id="status"></div></td>
- <td style="width: 65px;"><div style="text-align: right;">Made by <a href="https://git.lorimer.id.au/newtab.git">Andrew Lorimer</a></div></td>
- </td>
- </table>
-
- <script src="options.js"></script>
-</body>
+ <head>
+
+ <title>newtab</title>
+ <script src="options.js"></script>
+ <style>
+ body {
+ padding-left: 65px;
+ padding-right: 65px;
+ }
+
+ button {
+ float: right;
+ width: 65px;
+ }
+
+ table {
+ text-align: right;
+ }
+ </style>
+
+ </head>
+
+ <body>
+
+ <table>
+ <tr>
+ <td>Background</td><td><input type="text" id="bg"></td>
+ </tr>
+ <tr>
+ <td>Foreground</td><td><input type="text" id="fg"></td>
+ </tr>
+ <tr>
+ <td>Hover</td><td><input type="text" id="hr"></td>
+ </tr>
+ </table>
+
+ <button id="save">Save</button>
+
+ <p>Made by<br /><a href="https://git.lorimer.id.au/newtab.git">Andrew Lorimer</a></p>
+
+ </body>
+
</html>