diff options
| -rw-r--r-- | css/bitcoin_pos.css | 12 | ||||
| -rw-r--r-- | index.html | 38 |
2 files changed, 23 insertions, 27 deletions
diff --git a/css/bitcoin_pos.css b/css/bitcoin_pos.css index 2c861327..208a6a0c 100644 --- a/css/bitcoin_pos.css +++ b/css/bitcoin_pos.css @@ -1,4 +1,12 @@ +body { text-align: center; } +input[type="text"] { height: 40px; } body, input[type="text"] { font-size: 24px; } small, label { font-size: 14px; color: #999; } -.center { text-align: center; } -#total { font-size: 36px; } +strong#total { font-size: 36px; } + +div.container-fluid { + width: 500px; + margin-left: auto; + margin-right: auto; + text-align:left; +} @@ -10,37 +10,25 @@ <script src="js/qr.js"></script> <script src="js/bootstrap.min.js"></script> <script src="js/bitcoin_pos.js"></script> - <style></style> </head> <body> <div class="container-fluid"> - <div class="row-fluid"> - <span class="span8 offset4"> - <img src="img/banner.jpg" alt="The Daily Catch" /> - <label for="exchange">Exchange Rate:</label> - <input type="text" id="exchange" value="0" disabled="disabled" /> - <small>CAD / BTC</small> + <img src="img/banner.jpg" alt="The Daily Catch" /> + + <label for="exchange">Exchange Rate:</label> + <input type="text" id="exchange" value="0" disabled="disabled" /> + <small>CAD / BTC</small> + + <label for="owing">Amount:</label> + <input type="text" id="owing" value="0" /> + <small>CAD</small> - <label for="owing">Amount:</label> - <input type="text" id="owing" value="0" /> - <small>CAD</small> - </span> - </div> - <br /><br /> - <div class="row-fluid"> - <span class="span8 offset4"> - <p> - Please send <strong id="total">0.0</strong> bitcoins to: - </p> - <br /> - <p> - <span id="address"></span> - </p> - <canvas id="qrcanv">No Canvas Support</canvas> - </span> - </div> + <p>Please send <strong id="total">0.0</strong> bitcoins to:</p><br /> + <span id="address"></span> + + <canvas id="qrcanv">No Canvas Support</canvas> </div> </body> </html> |