From 1a017d46a5809c09637cdc9cd1ea7dd764fb23fe Mon Sep 17 00:00:00 2001
From: Pepijn de Geus <pdegeus@me.com>
Date: Wed, 27 Feb 2013 16:37:40 +0100
Subject: [PATCH 1/4] Update to Handlebars 1.0.10+, CoffeeScript 1.5

---
 package.json | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/package.json b/package.json
index 0ef5fd75..62f0b455 100644
--- a/package.json
+++ b/package.json
@@ -18,8 +18,8 @@
   "license": "Apache",
   "readmeFilename": "README.md",
   "dependencies": {
-    "coffee-script": "~1.4.0",
+    "coffee-script": "~1.5.0",
     "swagger-client": "1.0.1",
-    "handlebars": "~1.0.8"
+    "handlebars": "~1.0.10"
   }
 }

From d20575304497b794edb09d4a6722a4da150182b1 Mon Sep 17 00:00:00 2001
From: Pepijn de Geus <pdegeus@me.com>
Date: Wed, 27 Feb 2013 17:01:25 +0100
Subject: [PATCH 2/4] UI improvements for parameters (input and read-only) and
 model description. Uses changes to swagger.js (swagger-client).

---
 src/main/html/css/screen.css                  | 83 +++++++++++++++----
 src/main/html/index.html                      | 38 ++-------
 src/main/template/operation.handlebars        |  2 +-
 src/main/template/param.handlebars            |  4 +-
 src/main/template/param_list.handlebars       |  2 +-
 src/main/template/param_readonly.handlebars   |  6 +-
 .../param_readonly_required.handlebars        |  6 +-
 src/main/template/param_required.handlebars   |  6 +-
 8 files changed, 91 insertions(+), 56 deletions(-)

diff --git a/src/main/html/css/screen.css b/src/main/html/css/screen.css
index d6525749..c6a5ff7e 100644
--- a/src/main/html/css/screen.css
+++ b/src/main/html/css/screen.css
@@ -133,9 +133,15 @@ div.heading_with_menu ul {
     margin-top: 10px;
 }
 
+input.parameter {
+    width: 300px;
+    border: 1px solid #aaa;
+}
+
 .body-textarea {
     width: 300px;
     height: 100px;
+    border: 1px solid #aaa;
 }
 
 p {
@@ -1509,12 +1515,24 @@ body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operatio
     font-size: 1em;
     line-height: 1.5em;
 }
-.model-signature .description span {
+
+.model-signature .description div {
     font-size: 0.9em;
     line-height: 1.5em;
+    margin-left: 1em;
 }
-.model-signature .description span:nth-child(odd)    { color:#333; }
-.model-signature .description span:nth-child(even)    { color:#C5862B; }
+
+.model-signature .description .strong {
+    font-weight: bold;
+    color: #000;
+    font-size: .9em;
+}
+
+.model-signature .description .stronger {
+    font-weight: bold;
+    color: #000;
+}
+
 .model-signature .signature-nav a {
     text-decoration: none;
     color: #AAA;
@@ -1551,24 +1569,16 @@ body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operatio
 }
 
 .model-signature ul.signature-nav {
-    float: none;
-    clear: both;
-    overflow: hidden;
+    display: block;
     margin: 0;
     padding: 0;
-    display: block;
-    clear: none;
-    float: right;
-    margin-right: 5px;
-    margin-bottom: 5px;
 }
 
 .model-signature ul.signature-nav li {
     float: left;
-    clear: none;
-    margin: 0;
-    padding: 2px 10px;
-    border-right: 1px solid #dddddd;
+    margin: 0 5px 5px 0;
+    padding: 2px 5px 2px 0;
+    border-right: 1px solid #ddd;
 }
 
 .model-signature ul.signature-nav li:last-child {
@@ -1576,10 +1586,29 @@ body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operatio
     border-right: none;
 }
 
+.model-signature .propName {
+  font-weight: bold;
+}
+.model-signature .propType {
+  color: #5555aa;
+}
+.model-signature .propOptKey {
+  font-style: italic;
+}
+.model-signature .propOpt {
+  color: #555;
+}
+
 pre code {
   background: none;
 }
 
+.content pre {
+  font-size: 12px;
+  margin-top: 5px;
+  padding: 5px;
+}
+
 .content > .content-type > div > label {
   clear: both;
   display: block;
@@ -1588,3 +1617,27 @@ pre code {
   margin: 0;
   padding: 15px 0 5px 0px;
 }
+
+.swagger-ui-wrap {
+  max-width: 960px;
+  margin-left: auto;
+  margin-right: auto;
+}
+
+.icon-btn {
+  cursor: pointer;
+}
+
+#message-bar {
+  min-height: 30px;
+  text-align: center;
+  padding-top: 10px;
+}
+
+.message-success {
+  color: #89BF04;
+}
+
+.message-fail {
+  color: #cc0000;
+}
\ No newline at end of file
diff --git a/src/main/html/index.html b/src/main/html/index.html
index 6b9929ad..e2693aab 100644
--- a/src/main/html/index.html
+++ b/src/main/html/index.html
@@ -13,38 +13,12 @@
     <script src='lib/underscore-min.js' type='text/javascript'></script>
     <script src='lib/backbone-min.js' type='text/javascript'></script>
     <script src='lib/swagger.js' type='text/javascript'></script>
-    <script src='swagger-ui.js' type='text/javascript'></script>
-    <script src='lib/highlight.7.3.pack.js' type='text/javascript'></script>
-
-    <style type="text/css">
-        .swagger-ui-wrap {
-            max-width: 960px;
-            margin-left: auto;
-            margin-right: auto;
-        }
-
-        .icon-btn {
-            cursor: pointer;
-        }
-
-        #message-bar {
-            min-height: 30px;
-            text-align: center;
-            padding-top: 10px;
-        }
-
-        .message-success {
-            color: #89BF04;
-        }
-
-        .message-fail {
-            color: #cc0000;
-        }
-    </style>
-
-    <script type="text/javascript">
-        $(function () {
-            window.swaggerUi = new SwaggerUi({
+    <script src='swagger-ui.js' type='text/javascript'></script>
+    <script src='lib/highlight.7.3.pack.js' type='text/javascript'></script>
+
+    <script type="text/javascript">
+	$(function () {
+	    window.swaggerUi = new SwaggerUi({
                 discoveryUrl:"http://petstore.swagger.wordnik.com/api/api-docs.json",
                 apiKey:"special-key",
                 dom_id:"swagger-ui-container",
diff --git a/src/main/template/operation.handlebars b/src/main/template/operation.handlebars
index de49f839..ae6b1114 100644
--- a/src/main/template/operation.handlebars
+++ b/src/main/template/operation.handlebars
@@ -47,7 +47,7 @@
                     {{/if}}
                     {{#if errorResponses}}
                     <div style='margin:0;padding:0;display:inline'></div>
-                    <h4>Status Codes</h4>
+                    <h4>Error Status Codes</h4>
                     <table class='fullwidth'>
                         <thead>
                         <tr>
diff --git a/src/main/template/param.handlebars b/src/main/template/param.handlebars
index 21ebe692..e097d735 100644
--- a/src/main/template/param.handlebars
+++ b/src/main/template/param.handlebars
@@ -15,9 +15,9 @@
 		{{/if}}
 	{{else}}
 		{{#if defaultValue}}
-			<input minlength='0' name='{{name}}' placeholder='' type='text' value='{{defaultValue}}'/>
+			<input class='parameter' minlength='0' name='{{name}}' placeholder='' type='text' value='{{defaultValue}}'/>
 		{{else}}
-			<input minlength='0' name='{{name}}' placeholder='' type='text' value=''/>
+			<input class='parameter' minlength='0' name='{{name}}' placeholder='' type='text' value=''/>
 		{{/if}}
 	{{/if}}
 
diff --git a/src/main/template/param_list.handlebars b/src/main/template/param_list.handlebars
index 42fb70a8..9c563704 100644
--- a/src/main/template/param_list.handlebars
+++ b/src/main/template/param_list.handlebars
@@ -1,6 +1,6 @@
 <td class='code'>{{name}}</td>
 <td>
-    <select name='{{name}}'>
+    <select class='parameter' name='{{name}}'>
         {{#if required}}
         {{else}}
             {{#if defaultValue}}
diff --git a/src/main/template/param_readonly.handlebars b/src/main/template/param_readonly.handlebars
index e4a72fc1..1c83c7dd 100644
--- a/src/main/template/param_readonly.handlebars
+++ b/src/main/template/param_readonly.handlebars
@@ -3,7 +3,11 @@
     {{#if isBody}}
         <textarea class='body-textarea' readonly='readonly' name='{{name}}'>{{defaultValue}}</textarea>
     {{else}}
-        {{defaultValue}}
+        {{#if defaultValue}}
+            {{defaultValue}}
+        {{else}}
+            (empty)
+        {{/if}}
     {{/if}}
 </td>
 <td>{{{description}}}</td>
diff --git a/src/main/template/param_readonly_required.handlebars b/src/main/template/param_readonly_required.handlebars
index d87527c7..69f571a2 100644
--- a/src/main/template/param_readonly_required.handlebars
+++ b/src/main/template/param_readonly_required.handlebars
@@ -3,7 +3,11 @@
     {{#if isBody}}
         <textarea class='body-textarea'  readonly='readonly' placeholder='(required)' name='{{name}}'>{{defaultValue}}</textarea>
     {{else}}
-        {{defaultValue}}
+        {{#if defaultValue}}
+            {{defaultValue}}
+        {{else}}
+            (empty)
+        {{/if}}
     {{/if}}
 </td>
 <td>{{{description}}}</td>
diff --git a/src/main/template/param_required.handlebars b/src/main/template/param_required.handlebars
index 3ec70a6b..ce5ba104 100644
--- a/src/main/template/param_required.handlebars
+++ b/src/main/template/param_required.handlebars
@@ -14,12 +14,12 @@
 		{{/if}}
 	{{else}}
 		{{#if isFile}}
-			<input class='required' type='file' name='{{name}}'/>
+			<input class='parameter' class='required' type='file' name='{{name}}'/>
 		{{else}}
 			{{#if defaultValue}}
-				<input class='required' minlength='1' name='{{name}}' placeholder='(required)' type='text' value='{{defaultValue}}'/>
+				<input class='parameter' class='required' minlength='1' name='{{name}}' placeholder='(required)' type='text' value='{{defaultValue}}'/>
 			{{else}}
-				<input class='required' minlength='1' name='{{name}}' placeholder='(required)' type='text' value=''/>
+				<input class='parameter' class='required' minlength='1' name='{{name}}' placeholder='(required)' type='text' value=''/>
 			{{/if}}
 		{{/if}}
 	{{/if}}

From 4fb7ffdcac7086031af962c39709e16b1e40b60e Mon Sep 17 00:00:00 2001
From: Pepijn de Geus <pdegeus@me.com>
Date: Thu, 28 Feb 2013 11:20:25 +0100
Subject: [PATCH 3/4] Fix custom bold text.

---
 src/main/html/css/screen.css | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/src/main/html/css/screen.css b/src/main/html/css/screen.css
index c6a5ff7e..21c91ef4 100644
--- a/src/main/html/css/screen.css
+++ b/src/main/html/css/screen.css
@@ -55,6 +55,10 @@ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav,
     display: block;
 }
 
+b, strong {
+  font-weight: bold;
+}
+
 h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
     text-decoration: none;
 }

From d9285f175df23203e11216dd1bbfbd3126f692b4 Mon Sep 17 00:00:00 2001
From: Pepijn de Geus <pdegeus@me.com>
Date: Thu, 28 Feb 2013 12:59:30 +0100
Subject: [PATCH 4/4] More CSS cleaning.

---
 src/main/html/css/screen.css | 173 ++++++++++-------------------------
 1 file changed, 49 insertions(+), 124 deletions(-)

diff --git a/src/main/html/css/screen.css b/src/main/html/css/screen.css
index 21c91ef4..9ed4671f 100644
--- a/src/main/html/css/screen.css
+++ b/src/main/html/css/screen.css
@@ -55,10 +55,6 @@ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav,
     display: block;
 }
 
-b, strong {
-  font-weight: bold;
-}
-
 h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
     text-decoration: none;
 }
@@ -72,7 +68,6 @@ h1 span.divider, h2 span.divider, h3 span.divider, h4 span.divider, h5 span.divi
 }
 
 h1 {
-    color: #547f00;
     color: black;
     font-size: 1.5em;
     line-height: 1.3em;
@@ -82,7 +77,6 @@ h1 {
 }
 
 h2 {
-    color: #89bf04;
     color: black;
     font-size: 1.3em;
     padding: 10px 0 10px 0;
@@ -108,14 +102,14 @@ h3 {
     padding: 10px 0 10px 0;
 }
 
-div.heading_with_menu {
+.heading_with_menu {
     float: none;
     clear: both;
     overflow: hidden;
     display: block;
 }
 
-div.heading_with_menu h1, div.heading_with_menu h2, div.heading_with_menu h3, div.heading_with_menu h4, div.heading_with_menu h5, div.heading_with_menu h6 {
+.heading_with_menu h1, .heading_with_menu h2, .heading_with_menu h3, .heading_with_menu h4, .heading_with_menu h5, .heading_with_menu h6 {
     display: block;
     clear: none;
     float: left;
@@ -126,7 +120,7 @@ div.heading_with_menu h1, div.heading_with_menu h2, div.heading_with_menu h3, di
     width: 60%;
 }
 
-div.heading_with_menu ul {
+.heading_with_menu ul {
     display: block;
     clear: none;
     float: right;
@@ -150,12 +144,12 @@ input.parameter {
 
 p {
     line-height: 1.4em;
-    padding: 0 0 10px 0;
+    padding: 0 0 10px;
     color: #333333;
 }
 
 ol {
-    margin: 0px 0 10px 0;
+    margin: 0px 0 10px;
     padding: 0 0 0 18px;
     list-style-type: decimal;
 }
@@ -177,8 +171,7 @@ ol li {
 .markdown pre {
     font-family: "Anonymous Pro", "Menlo", "Consolas", "Bitstream Vera Sans Mono", "Courier New", monospace;
     background-color: #fcf6db;
-    border: 1px solid black;
-    border-color: #e5e0c6;
+    border: 1px solid #e5e0c6;
     padding: 10px;
     margin: 0 0 10px 0;
 }
@@ -196,7 +189,7 @@ ol li {
 
 .markdown ol, .markdown ul {
     font-family: "Droid Sans", sans-serif;
-    margin: 5px 0 10px 0;
+    margin: 5px 0 10px;
     padding: 0 0 0 18px;
     list-style-type: disc;
 }
@@ -229,10 +222,9 @@ a {
     color: #547f00;
 }
 
-strong {
+b, strong {
     font-family: "Droid Sans", sans-serif;
     font-weight: bold;
-    font-weight: bold;
 }
 
 .code {
@@ -242,10 +234,8 @@ strong {
 pre {
     font-family: "Anonymous Pro", "Menlo", "Consolas", "Bitstream Vera Sans Mono", "Courier New", monospace;
     background-color: #fcf6db;
-    border: 1px solid black;
-    border-color: #e5e0c6;
+    border: 1px solid #e5e0c6;
     padding: 10px;
-    /* white-space: pre-line */
 }
 
 pre code {
@@ -289,8 +279,7 @@ table tbody tr.offset {
 
 form.form_box {
     background-color: #ebf3f9;
-    border: 1px solid black;
-    border-color: #c3d9ec;
+    border: 1px solid #c3d9ec;
     padding: 10px;
 }
 
@@ -305,7 +294,7 @@ form.form_box input[type=submit] {
 
 form.form_box p {
     font-size: 0.9em;
-    padding: 0 0 15px 0;
+    padding: 0 0 15px;
     color: #7e7b6d;
 }
 
@@ -332,7 +321,7 @@ form.formtastic fieldset.inputs ol li label {
     display: block;
     clear: both;
     width: auto;
-    padding: 0 0 3px 0;
+    padding: 0 0 3px;
     color: #666666;
 }
 
@@ -509,7 +498,7 @@ body ul#resources li.resource div.heading {
 
 body ul#resources li.resource div.heading h2 {
     color: #999999;
-    padding-left: 0px;
+    padding-left: 0;
     display: block;
     clear: none;
     float: left;
@@ -526,10 +515,7 @@ body ul#resources li.resource div.heading h2 a:hover {
 }
 
 body ul#resources li.resource div.heading ul.options {
-    float: none;
-    clear: both;
     overflow: hidden;
-    margin: 0;
     padding: 0;
     display: block;
     clear: none;
@@ -582,8 +568,8 @@ body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operatio
     clear: both;
     overflow: hidden;
     display: block;
-    margin: 0 0 10px 0;
-    padding: 0 0 0 0px;
+    margin: 0 0 10px;
+    padding: 0;
 }
 
 body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.get div.heading {
@@ -591,11 +577,10 @@ body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operatio
     clear: both;
     overflow: hidden;
     display: block;
-    margin: 0 0 0 0;
+    margin: 0;
     padding: 0;
     background-color: #e7f0f7;
-    border: 1px solid black;
-    border-color: #c3d9ec;
+    border: 1px solid #c3d9ec;
 }
 
 body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.get div.heading h3 {
@@ -646,10 +631,7 @@ body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operatio
 }
 
 body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.get div.heading ul.options {
-    float: none;
-    clear: both;
     overflow: hidden;
-    margin: 0;
     padding: 0;
     display: block;
     clear: none;
@@ -691,8 +673,7 @@ body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operatio
 
 body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.get div.content {
     background-color: #ebf3f9;
-    border: 1px solid black;
-    border-color: #c3d9ec;
+    border: 1px solid #c3d9ec;
     border-top: none;
     padding: 10px;
     -moz-border-radius-bottomleft: 6px;
@@ -707,14 +688,14 @@ body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operatio
     -ms-border-bottom-right-radius: 6px;
     -khtml-border-bottom-right-radius: 6px;
     border-bottom-right-radius: 6px;
-    margin: 0 0 20px 0;
+    margin: 0 0 20px;
 }
 
 body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.get div.content h4 {
     color: #0f6ab4;
     font-size: 1.1em;
     margin: 0;
-    padding: 15px 0 5px 0px;
+    padding: 15px 0 5px;
 }
 
 body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.get div.content form input[type='text'].error {
@@ -737,7 +718,6 @@ body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operatio
 }
 
 body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.get div.content div.sandbox_header img {
-    display: block;
     display: block;
     clear: none;
     float: right;
@@ -750,12 +730,6 @@ body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operatio
     font-size: 0.9em;
 }
 
-body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.get div.content div.response div.block {
-    background-color: #fcf6db;
-    border: 1px solid black;
-    border-color: #e5e0c6;
-}
-
 body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.get div.content div.response div.block pre {
     font-family: "Anonymous Pro", "Menlo", "Consolas", "Bitstream Vera Sans Mono", "Courier New", monospace;
     padding: 10px;
@@ -769,8 +743,8 @@ body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operatio
     clear: both;
     overflow: hidden;
     display: block;
-    margin: 0 0 10px 0;
-    padding: 0 0 0 0px;
+    margin: 0 0 10px;
+    padding: 0;
 }
 
 body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.post div.heading {
@@ -778,11 +752,10 @@ body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operatio
     clear: both;
     overflow: hidden;
     display: block;
-    margin: 0 0 0 0;
+    margin: 0;
     padding: 0;
     background-color: #e7f6ec;
-    border: 1px solid black;
-    border-color: #c3e8d1;
+    border: 1px solid #c3e8d1;
 }
 
 body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.post div.heading h3 {
@@ -833,10 +806,7 @@ body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operatio
 }
 
 body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.post div.heading ul.options {
-    float: none;
-    clear: both;
     overflow: hidden;
-    margin: 0;
     padding: 0;
     display: block;
     clear: none;
@@ -878,8 +848,7 @@ body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operatio
 
 body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.post div.content {
     background-color: #ebf7f0;
-    border: 1px solid black;
-    border-color: #c3e8d1;
+    border: 1px solid #c3e8d1;
     border-top: none;
     padding: 10px;
     -moz-border-radius-bottomleft: 6px;
@@ -894,14 +863,14 @@ body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operatio
     -ms-border-bottom-right-radius: 6px;
     -khtml-border-bottom-right-radius: 6px;
     border-bottom-right-radius: 6px;
-    margin: 0 0 20px 0;
+    margin: 0 0 20px;
 }
 
 body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.post div.content h4 {
     color: #10a54a;
     font-size: 1.1em;
     margin: 0;
-    padding: 15px 0 5px 0px;
+    padding: 15px 0 5px;
 }
 
 body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.post div.content form input[type='text'].error {
@@ -924,7 +893,6 @@ body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operatio
 }
 
 body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.post div.content div.sandbox_header img {
-    display: block;
     display: block;
     clear: none;
     float: right;
@@ -937,12 +905,6 @@ body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operatio
     font-size: 0.9em;
 }
 
-body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.post div.content div.response div.block {
-    background-color: #fcf6db;
-    border: 1px solid black;
-    border-color: #e5e0c6;
-}
-
 body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.post div.content div.response div.block pre {
     font-family: "Anonymous Pro", "Menlo", "Consolas", "Bitstream Vera Sans Mono", "Courier New", monospace;
     padding: 10px;
@@ -956,8 +918,8 @@ body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operatio
     clear: both;
     overflow: hidden;
     display: block;
-    margin: 0 0 10px 0;
-    padding: 0 0 0 0px;
+    margin: 0 0 10px;
+    padding: 0;
 }
 
 body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.put div.heading {
@@ -965,11 +927,10 @@ body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operatio
     clear: both;
     overflow: hidden;
     display: block;
-    margin: 0 0 0 0;
+    margin: 0;
     padding: 0;
     background-color: #f9f2e9;
-    border: 1px solid black;
-    border-color: #f0e0ca;
+    border: 1px solid #f0e0ca;
 }
 
 body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.put div.heading h3 {
@@ -997,7 +958,7 @@ body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operatio
     width: 50px;
     font-size: 0.7em;
     text-align: center;
-    padding: 7px 0 4px 0;
+    padding: 7px 0 4px;
     -moz-border-radius: 2px;
     -webkit-border-radius: 2px;
     -o-border-radius: 2px;
@@ -1020,10 +981,7 @@ body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operatio
 }
 
 body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.put div.heading ul.options {
-    float: none;
-    clear: both;
     overflow: hidden;
-    margin: 0;
     padding: 0;
     display: block;
     clear: none;
@@ -1065,8 +1023,7 @@ body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operatio
 
 body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.put div.content {
     background-color: #faf5ee;
-    border: 1px solid black;
-    border-color: #f0e0ca;
+    border: 1px solid #f0e0ca;
     border-top: none;
     padding: 10px;
     -moz-border-radius-bottomleft: 6px;
@@ -1081,14 +1038,14 @@ body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operatio
     -ms-border-bottom-right-radius: 6px;
     -khtml-border-bottom-right-radius: 6px;
     border-bottom-right-radius: 6px;
-    margin: 0 0 20px 0;
+    margin: 0 0 20px;
 }
 
 body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.put div.content h4 {
     color: #c5862b;
     font-size: 1.1em;
     margin: 0;
-    padding: 15px 0 5px 0px;
+    padding: 15px 0 5px;
 }
 
 body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.put div.content form input[type='text'].error {
@@ -1111,7 +1068,6 @@ body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operatio
 }
 
 body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.put div.content div.sandbox_header img {
-    display: block;
     display: block;
     clear: none;
     float: right;
@@ -1124,12 +1080,6 @@ body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operatio
     font-size: 0.9em;
 }
 
-body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.put div.content div.response div.block {
-    background-color: #fcf6db;
-    border: 1px solid black;
-    border-color: #e5e0c6;
-}
-
 body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.put div.content div.response div.block pre {
     font-family: "Anonymous Pro", "Menlo", "Consolas", "Bitstream Vera Sans Mono", "Courier New", monospace;
     padding: 10px;
@@ -1138,14 +1088,13 @@ body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operatio
     overflow-y: auto;
 }
 
-
 body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.patch {
     float: none;
     clear: both;
     overflow: hidden;
     display: block;
-    margin: 0 0 10px 0;
-    padding: 0 0 0 0px;
+    margin: 0 0 10px;
+    padding: 0;
 }
 
 body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.patch div.heading {
@@ -1153,11 +1102,10 @@ body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operatio
     clear: both;
     overflow: hidden;
     display: block;
-    margin: 0 0 0 0;
+    margin: 0;
     padding: 0;
     background-color: #FCE9E3;
-    border: 1px solid black;
-    border-color: #F5D5C3;
+    border: 1px solid #F5D5C3;
 }
 
 body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.patch div.heading h3 {
@@ -1208,10 +1156,7 @@ body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operatio
 }
 
 body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.patch div.heading ul.options {
-    float: none;
-    clear: both;
     overflow: hidden;
-    margin: 0;
     padding: 0;
     display: block;
     clear: none;
@@ -1253,8 +1198,7 @@ body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operatio
 
 body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.patch div.content {
     background-color: #faf0ef;
-    border: 1px solid black;
-    border-color: #f0cecb;
+    border: 1px solid #f0cecb;
     border-top: none;
     padding: 10px;
     -moz-border-radius-bottomleft: 6px;
@@ -1269,14 +1213,14 @@ body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operatio
     -ms-border-bottom-right-radius: 6px;
     -khtml-border-bottom-right-radius: 6px;
     border-bottom-right-radius: 6px;
-    margin: 0 0 20px 0;
+    margin: 0 0 20px;
 }
 
 body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.patch div.content h4 {
     color: #D38042;
     font-size: 1.1em;
     margin: 0;
-    padding: 15px 0 5px 0px;
+    padding: 15px 0 5px;
 }
 
 body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.patch div.content form input[type='text'].error {
@@ -1299,7 +1243,6 @@ body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operatio
 }
 
 body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.patch div.content div.sandbox_header img {
-    display: block;
     display: block;
     clear: none;
     float: right;
@@ -1312,12 +1255,6 @@ body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operatio
     font-size: 0.9em;
 }
 
-body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.patch div.content div.response div.block {
-    background-color: #fcf6db;
-    border: 1px solid black;
-    border-color: #e5e0c6;
-}
-
 body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.patch div.content div.response div.block pre {
     font-family: "Anonymous Pro", "Menlo", "Consolas", "Bitstream Vera Sans Mono", "Courier New", monospace;
     padding: 10px;
@@ -1331,8 +1268,8 @@ body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operatio
     clear: both;
     overflow: hidden;
     display: block;
-    margin: 0 0 10px 0;
-    padding: 0 0 0 0px;
+    margin: 0 0 10px;
+    padding: 0;
 }
 
 body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.delete div.heading {
@@ -1340,11 +1277,10 @@ body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operatio
     clear: both;
     overflow: hidden;
     display: block;
-    margin: 0 0 0 0;
+    margin: 0;
     padding: 0;
     background-color: #f5e8e8;
-    border: 1px solid black;
-    border-color: #e8c6c7;
+    border: 1px solid #e8c6c7;
 }
 
 body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.delete div.heading h3 {
@@ -1395,10 +1331,7 @@ body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operatio
 }
 
 body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.delete div.heading ul.options {
-    float: none;
-    clear: both;
     overflow: hidden;
-    margin: 0;
     padding: 0;
     display: block;
     clear: none;
@@ -1440,8 +1373,7 @@ body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operatio
 
 body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.delete div.content {
     background-color: #f7eded;
-    border: 1px solid black;
-    border-color: #e8c6c7;
+    border: 1px solid #e8c6c7;
     border-top: none;
     padding: 10px;
     -moz-border-radius-bottomleft: 6px;
@@ -1463,7 +1395,7 @@ body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operatio
     color: #a41e22;
     font-size: 1.1em;
     margin: 0;
-    padding: 15px 0 5px 0px;
+    padding: 15px 0 5px;
 }
 
 body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.delete div.content form input[type='text'].error {
@@ -1486,7 +1418,6 @@ body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operatio
 }
 
 body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.delete div.content div.sandbox_header img {
-    display: block;
     display: block;
     clear: none;
     float: right;
@@ -1499,12 +1430,6 @@ body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operatio
     font-size: 0.9em;
 }
 
-body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.delete div.content div.response div.block {
-    background-color: #fcf6db;
-    border: 1px solid black;
-    border-color: #e5e0c6;
-}
-
 body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.delete div.content div.response div.block pre {
     font-family: "Anonymous Pro", "Menlo", "Consolas", "Bitstream Vera Sans Mono", "Courier New", monospace;
     padding: 10px;
@@ -1619,7 +1544,7 @@ pre code {
   color: #0F6AB4;
   font-size: 1.1em;
   margin: 0;
-  padding: 15px 0 5px 0px;
+  padding: 15px 0 5px;
 }
 
 .swagger-ui-wrap {