orderbook_example.html

<html lang="en">
	<head>
    <meta charset="utf-8">
    <title>Bootstrap, from Twitter</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">

    <!-- Le styles -->
		<link href='http://fonts.googleapis.com/css?family=Nunito:400,300,700' rel='stylesheet' type='text/css'>
		<link href='http://fonts.googleapis.com/css?family=Ubuntu+Mono:400,700|Droid+Sans+Mono' rel='stylesheet' type='text/css'>
    <link href="../assets/css/bootstrap.css" rel="stylesheet">
    <link href="../assets/css/glbse.css" rel="stylesheet">
    <style>
      body {
        padding-top: 60px; /* 60px to make the container go all the way to the bottom of the topbar */
      }
    </style>
    <link href="../assets/css/bootstrap-responsive.css" rel="stylesheet">

  </head>

  <body>

    <table class="box_table">
      <tr><th>Market</th>
      <tr><td>
        <table class="small_table left_table"><tbody>
          <tr><th colspan="2" class="bids">Bids</th><th class="price">Price</th><th colspan="2" class="asks">Asks</th></tr>
          <tr><td class="mybids"></td><td class="bids"></td><td class="price">12.0&#8194;&#8194;&#8194;&#8194;&#8194;</td><td class="asks">60</td><td class="myasks"></td></tr>
          <tr><td class="mybids"></td><td class="bids"></td><td class="price">1.0&#8194;&#8194;&#8194;&#8194;&#8194;</td><td class="asks">55</td><td class="myasks"></td></tr>
          <tr><td class="mybids"></td><td class="bids"></td><td class="price">0.8&#8194;&#8194;&#8194;&#8194;&#8194;</td><td class="asks">20</td><td class="myasks"></td></tr>
          <tr><td class="mybids"></td><td class="bids"></td><td class="price">0.7&#8194;&#8194;&#8194;&#8194;&#8194;</td><td class="asks">61</td><td class="myasks"></td></tr>
          <tr><td class="mybids"></td><td class="bids"></td><td class="price">0.6&#8194;&#8194;&#8194;&#8194;&#8194;</td><td class="asks">324</td><td class="myasks"></td></tr>
          <tr><td class="mybids"></td><td class="bids"></td><td class="price">0.5&#8194;&#8194;&#8194;&#8194;&#8194;</td><td class="asks">892</td><td class="myasks">100</td></tr>
          <tr><td class="mybids"></td><td class="bids"></td><td class="price">0.49&#8194;&#8194;&#8194;&#8194;</td><td class="asks">57</td><td class="myasks"></td></tr>
          <tr><td class="mybids"></td><td class="bids"></td><td class="price">0.48&#8194;&#8194;&#8194;&#8194;</td><td class="asks">10</td><td class="myasks"></td></tr>
          <tr><td class="mybids"></td><td class="bids"></td><td class="price">0.47&#8194;&#8194;&#8194;&#8194;</td><td class="asks">25</td><td class="myasks"></td></tr>
          <tr><td class="mybids"></td><td class="bids"></td><td class="price">0.46&#8194;&#8194;&#8194;&#8194;</td><td class="asks">20</td><td class="myasks"></td></tr>
          <tr><td class="mybids"></td><td class="bids"></td><td class="price">0.45&#8194;&#8194;&#8194;&#8194;</td><td class="asks">11</td><td class="myasks"></td></tr>
          <tr><td class="mybids"></td><td class="bids"></td><td class="price">0.44&#8194;&#8194;&#8194;&#8194;</td><td class="asks">8</td><td class="myasks"></td></tr>
          <tr><td class="mybids"></td><td class="bids"></td><td class="price">0.43&#8194;&#8194;&#8194;&#8194;</td><td class="asks">10</td><td class="myasks">8</td></tr>
          <tr><td class="mybids"></td><td class="bids"></td><td class="price">0.419999</td><td class="asks">18</td><td class="myasks"></td></tr>
          <tr><td class="pricediv mybids"></td><td class="pricediv bids"></td><td class="pricediv price">0.41&#8194;&#8194;&#8194;&#8194;</td><td class="pricediv asks">15</td><td class="pricediv myasks"></td></tr>
          <tr><td class="mybids"></td><td class="bids">119</td><td class="price">0.25&#8194;&#8194;&#8194;&#8194;</td><td class="asks"></td><td class="myasks"></td></tr>
          <tr><td class="mybids"></td><td class="bids">1</td><td class="price">0.236416</td><td class="asks"></td><td class="myasks"></td></tr>
          <tr><td class="mybids">11</td><td class="bids">100</td><td class="price">0.0001&#8194;&#8194;</td><td class="asks"></td><td class="myasks"></td></tr>
          <tr><td class="mybids"></td><td class="bids">6000</td><td class="price">0.0&#8194;&#8194;&#8194;&#8194;&#8194;</td><td class="asks"></td><td class="myasks"></td></tr>
        </tbody></table>
      </tr></td>
    </table>

  </body>
</html>