<head>
<title>Web Power Switch Manager Options</title>
-<link rel="stylesheet" type="text/css" href="chrome-bootstrap/chrome-bootstrap.css" />
<script src='common.js'></script>
<script src='options.js'></script>
+<style>body { padding: 0px; }</style>
</head>
-<body class="chrome-bootstrap">
- <div class="frame">
-
- <div class="navigation">
- <h1><a href="#">Web Power Switch</a></h1>
- <ul class="menu">
- <li class="selected">
- <a href="#options">Options</a>
- </li>
- </ul>
- <ul>
- <li> <img src='images/outlet-128x128.png'></li>
- </ul>
- </div>
-
- <div class="mainview view">
- <div id="options" class="selected">
- <header>
- <h1>Options</h1>
- </header>
- <div class="content">
-
-<section>
- <h3>Connection</h3>
-
+<body>
<table>
<tr>
- <td>URL:</td><td><input type='text' id='url' size=50></td>
+ <td>URL:</td><td><input type='text' id='url' size=40></td>
</tr>
<tr>
- <td>User:</td><td><input type='text' id='user' size=50></td>
+ <td>User:</td><td><input type='text' id='user' size=40></td>
</tr>
<tr>
- <td>Pass:</td><td><input type='text' id='pass' size=50></td>
+ <td>Pass:</td><td><input type='text' id='pass' size=40></td>
</tr>
</table>
-</section>
-
-<div>
- <h3>Save Settings</h3>
- <p>
- <input type='button' id='save' value='Save'></td>
- </p>
- <div id='msg'>You must hit "Save" the first time to authorize the client</div>
-</div>
-
- </div>
- </div>
- </div>
-
- </div>
+<p style='text-align: center'>
+<input type='button' id='save' value='Save'>
+</p>
+<p style='text-align: center' id='msg'>
+You must hit "Save" the first time to authorize the client.
+</p>
</body>
</html>