From 0e3e7a1dea94cbb1de8e7c95ec054cd7d649ad30 Mon Sep 17 00:00:00 2001
From: AJ ONeal <coolaj86@gmail.com>
Date: Wed, 6 Oct 2010 10:58:03 -0600
Subject: [PATCH] added basic styling

---
 index.html | 36 +++++++++++++++++++++++++++++++++---
 1 file changed, 33 insertions(+), 3 deletions(-)
diff --git a/index.html b/index.html
index 8be314a..1bc087f 100644
--- a/index.html
+++ b/index.html
@@ -1,14 +1,44 @@
 <html>
   <head>
     <style>
+      #html_container {
+        float: left;
+        width: 400px;
+      }
       #json_object textarea {
-        width: 500px;
+        float: left;
+        width: 400px;
         height: 150px;
       }
       .url_input {
         width: 600px;
       }
     </style>
+    <style>
+      #doc {
+        float: left;
+      }
+      div.custom_api {
+        float: right;
+        width: 600px;
+      }
+      .custom_api div, .custom_api span, .custom_api ul, .custom_api li {
+        margin: 10px;
+        padding: 5px;
+      }
+      .custom_api div {
+        border: 2px solid black;
+      }
+      .custom_api span {
+        border: 1px solid blue;
+      }
+      .custom_api ul {
+        border: 2px solid orange;
+      }
+      .custom_api li {
+        border: 1px solid green;
+      }
+    </style>
     <link rel="stylesheet" type="text/css" href="vendor/highlight/styles/school_book.css" media="screen" />
     <script src="vendor/remedial.js"></script>
     <script src="vendor/showdown/showdown.js"></script>
@@ -114,6 +144,7 @@
   </ul>
 </p>
 
+    <div id="html_view"></div>
     <div id="json_object">
       Data go here:
       <br/>
@@ -129,13 +160,12 @@
   }
       </textarea>
     </div>
-    <div>
+    <div id="html_container">
       Result go here:
       <br/>
       <pre>
         <code id="html_object"></code>
       </pre>
     </div>
-    <div id="html_view"></div>
   </body>
 </html>
