From 0b38a5f761fe57d651413507140241bbe843e857 Mon Sep 17 00:00:00 2001
From: Christophe Coevoet <stof@notk.org>
Date: Thu, 5 Jul 2012 00:39:53 +0200
Subject: [PATCH 1/8] Removed unused CSS

---
 Resources/public/css/screen.css | 221 +-------------------------------
 1 file changed, 1 insertion(+), 220 deletions(-)

diff --git a/Resources/public/css/screen.css b/Resources/public/css/screen.css
index 733f351..d00b5f4 100644
--- a/Resources/public/css/screen.css
+++ b/Resources/public/css/screen.css
@@ -21,6 +21,7 @@ time, mark, audio, video {
 
 body {
   line-height: 1;
+  font-family: "Droid Sans", sans-serif;
 }
 
 ol, ul {
@@ -38,18 +39,6 @@ caption, th, td {
   vertical-align: middle;
 }
 
-q, blockquote {
-  quotes: none;
-}
-q:before, q:after, blockquote:before, blockquote:after {
-  content: "";
-  content: none;
-}
-
-a img {
-  border: none;
-}
-
 article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
   display: block;
 }
@@ -60,9 +49,6 @@ h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
 h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
   text-decoration: underline;
 }
-h1 span.divider, h2 span.divider, h3 span.divider, h4 span.divider, h5 span.divider, h6 span.divider {
-  color: #aaaaaa;
-}
 
 h1 {
   color: #547f00;
@@ -98,102 +84,12 @@ h3 {
   padding: 10px 0 10px 0;
 }
 
-div.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 {
-  display: block;
-  clear: none;
-  float: left;
-  -moz-box-sizing: border-box;
-  -webkit-box-sizing: border-box;
-  -ms-box-sizing: border-box;
-  box-sizing: border-box;
-  width: 60%;
-}
-div.heading_with_menu ul {
-  display: block;
-  clear: none;
-  float: right;
-  -moz-box-sizing: border-box;
-  -webkit-box-sizing: border-box;
-  -ms-box-sizing: border-box;
-  box-sizing: border-box;
-  margin-top: 10px;
-}
-
 p {
   line-height: 1.4em;
   padding: 0 0 10px 0;
   color: #333333;
 }
 
-ol {
-  margin: 0px 0 10px 0;
-  padding: 0 0 0 18px;
-  list-style-type: decimal;
-}
-ol li {
-  padding: 5px 0px;
-  font-size: 0.9em;
-  color: #333333;
-}
-
-.markdown h3 {
-  color: #547f00;
-}
-.markdown h4 {
-  color: #666666;
-}
-.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;
-  padding: 10px;
-  margin: 0 0 10px 0;
-}
-.markdown pre code {
-  line-height: 1.6em;
-}
-.markdown p code, .markdown li code {
-  font-family: "Anonymous Pro", "Menlo", "Consolas", "Bitstream Vera Sans Mono", "Courier New", monospace;
-  background-color: #f0f0f0;
-  color: black;
-  padding: 1px 3px;
-}
-.markdown ol, .markdown ul {
-  font-family: "Droid Sans", sans-serif;
-  margin: 5px 0 10px 0;
-  padding: 0 0 0 18px;
-  list-style-type: disc;
-}
-.markdown ol li, .markdown ul li {
-  padding: 3px 0px;
-  line-height: 1.4em;
-  color: #333333;
-}
-
-div.gist {
-  margin: 20px 0 25px 0 !important;
-}
-
-p.big, div.big p {
-  font-size: 1em;
-  margin-bottom: 10px;
-}
-
-span.weak {
-  color: #666666;
-}
-span.blank, span.empty {
-  color: #888888;
-  font-style: italic;
-}
-
 a {
   color: #547f00;
 }
@@ -204,10 +100,6 @@ strong {
   font-weight: bold;
 }
 
-.code {
-  font-family: "Anonymous Pro", "Menlo", "Consolas", "Bitstream Vera Sans Mono", "Courier New", monospace;
-}
-
 pre {
   font-family: "Anonymous Pro", "Menlo", "Consolas", "Bitstream Vera Sans Mono", "Courier New", monospace;
   background-color: #fcf6db;
@@ -216,13 +108,6 @@ pre {
   padding: 10px;
   /* white-space: pre-line */
 }
-pre code {
-  line-height: 1.6em;
-}
-
-.required {
-  font-weight: bold;
-}
 
 table.fullwidth {
   width: 100%;
@@ -233,9 +118,6 @@ table thead tr th {
   color: #666666;
   border-bottom: 1px solid #999999;
 }
-table tbody tr.offset {
-  background-color: #f5f5f5;
-}
 table tbody tr td {
   padding: 6px;
   font-size: 0.9em;
@@ -246,107 +128,6 @@ table tbody tr td {
 table tbody tr:last-child td {
   border-bottom: none;
 }
-table tbody tr.offset {
-  background-color: #f0f0f0;
-}
-
-form.form_box {
-  background-color: #ebf3f9;
-  border: 1px solid black;
-  border-color: #c3d9ec;
-  padding: 10px;
-}
-form.form_box label {
-  color: #0f6ab4 !important;
-}
-form.form_box input[type=submit] {
-  display: block;
-  padding: 10px;
-}
-form.form_box p {
-  font-size: 0.9em;
-  padding: 0 0 15px 0;
-  color: #7e7b6d;
-}
-form.form_box p a {
-  color: #646257;
-}
-form.form_box p strong {
-  color: black;
-}
-form.form_box p.weak {
-  font-size: 0.8em;
-}
-form.formtastic fieldset.inputs ol li p.inline-hints {
-  margin-left: 0;
-  font-style: italic;
-  font-size: 0.9em;
-  margin: 0;
-}
-form.formtastic fieldset.inputs ol li label {
-  display: block;
-  clear: both;
-  width: auto;
-  padding: 0 0 3px 0;
-  color: #666666;
-}
-form.formtastic fieldset.inputs ol li label abbr {
-  padding-left: 3px;
-  color: #888888;
-}
-form.formtastic fieldset.inputs ol li.required label {
-  color: black;
-}
-form.formtastic fieldset.inputs ol li.string input, form.formtastic fieldset.inputs ol li.url input, form.formtastic fieldset.inputs ol li.numeric input {
-  display: block;
-  padding: 4px;
-  width: auto;
-  clear: both;
-}
-form.formtastic fieldset.inputs ol li.string input.title, form.formtastic fieldset.inputs ol li.url input.title, form.formtastic fieldset.inputs ol li.numeric input.title {
-  font-size: 1.3em;
-}
-form.formtastic fieldset.inputs ol li.text textarea {
-  font-family: "Droid Sans", sans-serif;
-  height: 250px;
-  padding: 4px;
-  display: block;
-  clear: both;
-}
-form.formtastic fieldset.inputs ol li.select select {
-  display: block;
-  clear: both;
-}
-form.formtastic fieldset.inputs ol li.boolean {
-  float: none;
-  clear: both;
-  overflow: hidden;
-  display: block;
-}
-form.formtastic fieldset.inputs ol li.boolean input {
-  display: block;
-  float: left;
-  clear: none;
-  margin: 0 5px 0 0;
-}
-form.formtastic fieldset.inputs ol li.boolean label {
-  display: block;
-  float: left;
-  clear: none;
-  margin: 0;
-  padding: 0;
-}
-form.formtastic fieldset.buttons {
-  margin: 0;
-  padding: 0;
-}
-form.fullwidth ol li.string input, form.fullwidth ol li.url input, form.fullwidth ol li.text textarea, form.fullwidth ol li.numeric input {
-  width: 500px !important;
-}
-
-body {
-  font-family: "Droid Sans", sans-serif;
-}
 
 body #header {
   background-color: #89BF04;

From 77c5ab1336a05e4d3856d13833ba74d74db66acb Mon Sep 17 00:00:00 2001
From: Christophe Coevoet <stof@notk.org>
Date: Thu, 5 Jul 2012 00:56:35 +0200
Subject: [PATCH 2/8] Simplified some selectors

---
 Resources/public/css/screen.css | 22 +++++++++-------------
 1 file changed, 9 insertions(+), 13 deletions(-)

diff --git a/Resources/public/css/screen.css b/Resources/public/css/screen.css
index d00b5f4..8d87ce9 100644
--- a/Resources/public/css/screen.css
+++ b/Resources/public/css/screen.css
@@ -51,7 +51,6 @@ h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
 }
 
 h1 {
-  color: #547f00;
   color: black;
   font-size: 1.5em;
   line-height: 1.3em;
@@ -61,7 +60,6 @@ h1 {
 }
 
 h2 {
-  color: #89bf04;
   color: black;
   font-size: 1.3em;
   padding: 10px 0 10px 0;
@@ -103,8 +101,7 @@ 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 */
 }
@@ -129,17 +126,17 @@ table tbody tr:last-child td {
   border-bottom: none;
 }
 
-body #header {
+#header {
   background-color: #89BF04;
   padding: 1%;
   margin-bottom: 1%;
 }
 
-body #header h1 {
+#header h1 {
   font-size: 1.2em;
 }
 
-body p#colophon {
+#colophon {
   margin: 0 15px 40px 15px;
   padding: 10px 0;
   font-size: 0.8em;
@@ -149,21 +146,21 @@ body p#colophon {
   font-style: italic;
 }
 
-body p#colophon a {
+#colophon a {
   text-decoration: none;
   color: #547f00;
 }
 
-body ul#resources {
+#resources {
   padding: 0 1%;
   font-family: "Droid Sans", sans-serif;
   font-size: 0.9em;
 }
 
-body ul#resources li.resource {
+li.resource {
   border-bottom: 1px solid #dddddd;
 }
-body ul#resources li.resource:last-child {
+li.resource:last-child {
   border-bottom: none;
 }
 body ul#resources li.resource div.heading {
@@ -175,7 +172,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;
@@ -192,7 +189,6 @@ body ul#resources li.resource div.heading ul.options {
   float: none;
   clear: both;
   overflow: hidden;
-  margin: 0;
   padding: 0;
   display: block;
   clear: none;

From 5a36d673e8813a1bb1fef96645b13caef89ea411 Mon Sep 17 00:00:00 2001
From: Christophe Coevoet <stof@notk.org>
Date: Thu, 5 Jul 2012 00:56:48 +0200
Subject: [PATCH 3/8] Simplified the heading selectors and removed unused rules

---
 Resources/public/css/screen.css | 47 ++++++++++-----------------------
 1 file changed, 14 insertions(+), 33 deletions(-)

diff --git a/Resources/public/css/screen.css b/Resources/public/css/screen.css
index 8d87ce9..072cb3a 100644
--- a/Resources/public/css/screen.css
+++ b/Resources/public/css/screen.css
@@ -163,14 +163,16 @@ li.resource {
 li.resource:last-child {
   border-bottom: none;
 }
-body ul#resources li.resource div.heading {
+
+/* heading */
+div.heading {
   border: 1px solid transparent;
   float: none;
   clear: both;
   overflow: hidden;
   display: block;
 }
-body ul#resources li.resource div.heading h2 {
+div.heading h2 {
   color: #999999;
   padding-left: 0;
   display: block;
@@ -179,15 +181,7 @@ body ul#resources li.resource div.heading h2 {
   font-family: "Droid Sans", sans-serif;
   font-weight: bold;
 }
-body ul#resources li.resource div.heading h2 a {
-  color: #999999;
-}
-body ul#resources li.resource div.heading h2 a:hover {
-  color: black;
-}
-body ul#resources li.resource div.heading ul.options {
-  float: none;
-  clear: both;
+div.heading ul.options {
   overflow: hidden;
   padding: 0;
   display: block;
@@ -195,38 +189,25 @@ body ul#resources li.resource div.heading ul.options {
   float: right;
   margin: 14px 10px 0 0;
 }
-body ul#resources li.resource div.heading ul.options li {
+div.heading ul.options li {
   float: left;
   clear: none;
   margin: 0;
   padding: 2px 10px;
   border-right: 1px solid #dddddd;
-}
-body ul#resources li.resource div.heading ul.options li:first-child, body ul#resources li.resource div.heading ul.options li.first {
-  padding-left: 0;
-}
-body ul#resources li.resource div.heading ul.options li:last-child, body ul#resources li.resource div.heading ul.options li.last {
-  padding-right: 0;
-  border-right: none;
-}
-body ul#resources li.resource div.heading ul.options li {
   color: #666666;
   font-size: 0.9em;
 }
-body ul#resources li.resource div.heading ul.options li a {
-  color: #aaaaaa;
-  text-decoration: none;
+div.heading ul.options li:first-child,
+div.heading ul.options li.first {
+  padding-left: 0;
 }
-body ul#resources li.resource div.heading ul.options li a:hover {
-  text-decoration: underline;
-  color: black;
-}
-body ul#resources li.resource:hover div.heading h2 a, body ul#resources li.resource.active div.heading h2 a {
-  color: black;
-}
-body ul#resources li.resource:hover div.heading ul.options li a, body ul#resources li.resource.active div.heading ul.options li a {
-  color: #555555;
+div.heading ul.options li:last-child,
+div.heading ul.options li.last {
+  padding-right: 0;
+  border-right: none;
 }
+
 body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.get {
   float: none;
   clear: both;

From 3a9a2849e3ad62b319f61153bbd36e3a2eff9d0a Mon Sep 17 00:00:00 2001
From: Christophe Coevoet <stof@notk.org>
Date: Thu, 5 Jul 2012 01:43:32 +0200
Subject: [PATCH 4/8] Removed the duplication for the different methods

---
 Resources/public/css/screen.css | 806 ++++----------------------------
 1 file changed, 87 insertions(+), 719 deletions(-)

diff --git a/Resources/public/css/screen.css b/Resources/public/css/screen.css
index 072cb3a..5cd6f02 100644
--- a/Resources/public/css/screen.css
+++ b/Resources/public/css/screen.css
@@ -208,7 +208,8 @@ div.heading ul.options li.last {
   border-right: none;
 }
 
-body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.get {
+/* operations */
+li.operation {
   float: none;
   clear: both;
   overflow: hidden;
@@ -216,18 +217,13 @@ body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operatio
   margin: 0 0 10px 0;
   padding: 0 0 0 0px;
 }
-body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.get div.heading {
-  float: none;
-  clear: both;
-  overflow: hidden;
-  display: block;
+li.operation div.heading {
   margin: 0 0 0 0;
   padding: 0;
   background-color: #e7f0f7;
   border: 1px solid black;
-  border-color: #c3d9ec;
 }
-body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.get div.heading h3 {
+li.operation div.heading h3 {
   display: block;
   clear: none;
   float: left;
@@ -237,13 +233,12 @@ body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operatio
   line-height: 1.1em;
   color: black;
 }
-body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.get div.heading h3 span {
+li.operation div.heading h3 span {
   margin: 0;
   padding: 0;
 }
-body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.get div.heading h3 span.http_method a {
+li.operation div.heading h3 span.http_method a {
   text-transform: uppercase;
-  background-color: #0f6ab4;
   text-decoration: none;
   color: white;
   display: inline-block;
@@ -253,803 +248,176 @@ body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operatio
   padding: 7px 0 4px 0;
   -moz-border-radius: 2px;
   -webkit-border-radius: 2px;
-  -o-border-radius: 2px;
-  -ms-border-radius: 2px;
-  -khtml-border-radius: 2px;
   border-radius: 2px;
 }
-body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.get div.heading h3 span.path {
+li.operation div.heading h3 span.path {
   padding-left: 10px;
 }
-body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.get div.heading h3 span.path a {
-  color: black;
-  text-decoration: none;
-}
-body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.get div.heading h3 span.path a:hover {
-  text-decoration: underline;
-}
-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;
-  float: right;
+li.operation div.heading ul.options {
   margin: 6px 10px 0 0;
 }
-body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.get div.heading ul.options li {
-  float: left;
-  clear: none;
-  margin: 0;
-  padding: 2px 10px;
+li.operation div.heading ul.options li {
   border-right: 1px solid #dddddd;
 }
-body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.get div.heading ul.options li:first-child, body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.get div.heading ul.options li.first {
-  padding-left: 0;
-}
-body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.get div.heading ul.options li:last-child, body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.get div.heading ul.options li.last {
-  padding-right: 0;
-  border-right: none;
-}
-body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.get div.heading ul.options li {
-  border-right-color: #c3d9ec;
-  color: #0f6ab4;
-  font-size: 0.9em;
-}
-body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.get div.heading ul.options li a {
-  color: #0f6ab4;
-  text-decoration: none;
-}
-body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.get div.heading ul.options li a:hover, body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.get div.heading ul.options li a:active, body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.get div.heading ul.options li a.active {
-  text-decoration: underline;
-}
-body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.get div.content {
-  background-color: #ebf3f9;
+
+li.operation div.content {
   border: 1px solid black;
-  border-color: #c3d9ec;
   border-top: none;
   padding: 10px;
   -moz-border-radius-bottomleft: 6px;
   -webkit-border-bottom-left-radius: 6px;
-  -o-border-bottom-left-radius: 6px;
-  -ms-border-bottom-left-radius: 6px;
-  -khtml-border-bottom-left-radius: 6px;
   border-bottom-left-radius: 6px;
   -moz-border-radius-bottomright: 6px;
   -webkit-border-bottom-right-radius: 6px;
-  -o-border-bottom-right-radius: 6px;
-  -ms-border-bottom-right-radius: 6px;
-  -khtml-border-bottom-right-radius: 6px;
   border-bottom-right-radius: 6px;
   margin: 0 0 20px 0;
 }
-body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.get div.content h4 {
-  color: #0f6ab4;
+li.operation div.content h4 {
   font-size: 1.1em;
   margin: 0;
   padding: 15px 0 5px 0px;
 }
-body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.get div.content form input[type='text'].error {
-  outline: 2px solid black;
-  outline-color: #cc0000;
+li.operation div.content form input[type='text'].error {
+  outline: 2px solid #cc0000;
 }
-body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.get div.content div.sandbox_header {
-  float: none;
-  clear: both;
-  overflow: hidden;
-  display: block;
-}
-body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.get div.content div.sandbox_header input.submit {
-  display: block;
-  clear: none;
-  float: left;
-  padding: 6px 8px;
-}
-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;
-}
-body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.get div.content div.sandbox_header a {
-  padding: 4px 0 0 10px;
-  color: #6fa5d2;
-  display: inline-block;
-  font-size: 0.9em;
-}
-body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.get div.content div.response div.block {
+li.operation div.content div.response div.block {
   background-color: #fcf6db;
-  border: 1px solid black;
-  border-color: #e5e0c6;
+  border: 1px solid #e5e0c6;
 }
-body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.get div.content div.response div.block pre {
+li.operation div.content div.response div.block pre {
   font-family: "Anonymous Pro", "Menlo", "Consolas", "Bitstream Vera Sans Mono", "Courier New", monospace;
   padding: 10px;
   font-size: 0.9em;
   max-height: 400px;
   overflow-y: auto;
 }
-body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.post,
-body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.any {
-  float: none;
-  clear: both;
-  overflow: hidden;
-  display: block;
-  margin: 0 0 10px 0;
-  padding: 0 0 0 0px;
+
+/* GET operations */
+li.operation.get div.heading {
+  border-color: #c3d9ec;
 }
-body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.post div.heading,
-body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.any div.heading {
-  float: none;
-  clear: both;
-  overflow: hidden;
-  display: block;
-  margin: 0 0 0 0;
-  padding: 0;
-  background-color: #e7f6ec;
-  border: 1px solid black;
-  border-color: #c3e8d1;
+li.operation.get div.heading h3 span.http_method a {
+  background-color: #0f6ab4;
+}
+li.operation.get div.heading ul.options li {
+  border-right-color: #c3d9ec;
+  color: #0f6ab4;
 }
 
-body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.any div.heading {
+li.operation.get div.content {
+  background-color: #ebf3f9;
+  border-color: #c3d9ec;
+}
+li.operation.get div.content h4 {
+  color: #0f6ab4;
+}
+
+/* POST operations */
+li.operation.post div.heading {
+  border-color: #c3e8d1;
+}
+li.operation.post div.heading h3 span.http_method a{
+  background-color: #10a54a;
+}
+li.operation.post div.heading ul.options li {
+  border-right-color: #c3e8d1;
+  color: #10a54a;
+}
+
+li.operation.post div.content {
+  background-color: #ebf7f0;
+  border-color: #c3e8d1;
+}
+li.operation.post div.content h4 {
+  color: #10a54a;
+}
+
+/* ANY operations */
+li.operation.any div.heading {
   background-color: lightgray;
   border-color: gray;
 }
-
-body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.post div.heading h3,
-body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.any div.heading h3 {
-  display: block;
-  clear: none;
-  float: left;
-  width: auto;
-  margin: 0;
-  padding: 0;
-  line-height: 1.1em;
-  color: black;
-}
-body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.post div.heading h3 span,
-body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.any div.heading h3 span {
-  margin: 0;
-  padding: 0;
-}
-body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.post div.heading h3 span.http_method a,
-body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.any div.heading h3 span.http_method a {
-  text-transform: uppercase;
-  background-color: #10a54a;
-  text-decoration: none;
-  color: white;
-  display: inline-block;
-  width: 50px;
-  font-size: 0.7em;
-  text-align: center;
-  padding: 7px 0 4px 0;
-  -moz-border-radius: 2px;
-  -webkit-border-radius: 2px;
-  -o-border-radius: 2px;
-  -ms-border-radius: 2px;
-  -khtml-border-radius: 2px;
-  border-radius: 2px;
-}
-
-body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.any div.heading h3 span.http_method a {
+li.operation.any div.heading h3 span.http_method a {
   background-color: #000;
 }
-
-body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.post div.heading h3 span.path,
-body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.any div.heading h3 span.path {
-  padding-left: 10px;
-}
-body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.post div.heading h3 span.path a,
-body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.any div.heading h3 span.path a {
-  color: black;
-  text-decoration: none;
-}
-body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.post div.heading h3 span.path a:hover,
-body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.any div.heading h3 span.path a:hover {
-  text-decoration: underline;
-}
-body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.post div.heading ul.options,
-body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.any div.heading ul.options {
-  float: none;
-  clear: both;
-  overflow: hidden;
-  margin: 0;
-  padding: 0;
-  display: block;
-  clear: none;
-  float: right;
-  margin: 6px 10px 0 0;
-}
-body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.post div.heading ul.options li,
-body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.any div.heading ul.options li {
-  float: left;
-  clear: none;
-  margin: 0;
-  padding: 2px 10px;
-  border-right: 1px solid #dddddd;
-}
-body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.post div.heading ul.options li:first-child, body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.post div.heading ul.options li.first,
-body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.any div.heading ul.options li:first-child, body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.any div.heading ul.options li.first {
-  padding-left: 0;
-}
-body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.post div.heading ul.options li:last-child, body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.post div.heading ul.options li.last,
-body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.any div.heading ul.options li:last-child, body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.any div.heading ul.options li.last {
-  padding-right: 0;
-  border-right: none;
-}
-
-body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.post div.heading ul.options li,
-body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.any div.heading ul.options li {
-  border-right-color: #c3e8d1;
-  color: #10a54a;
-  font-size: 0.9em;
-}
-
-body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.any div.heading ul.options li {
+li.operation.any div.heading ul.options li {
   color: #000;
   border-right-color: gray;
 }
 
-body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.post div.heading ul.options li a {
-  color: #10a54a;
-  text-decoration: none;
+li.operation.any div.content {
+  background-color: lightgray;
+  border-color: gray;
 }
-body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.any div.heading ul.options li a {
+li.operation.any div.content h4 {
   color: #000;
-  text-decoration: none;
 }
-body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.post div.heading ul.options li a:hover, body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.post div.heading ul.options li a:active, body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.post div.heading ul.options li a.active,
-body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.any div.heading ul.options li a:hover, body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.any div.heading ul.options li a:active, body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.any div.heading ul.options li a.active {
-  text-decoration: underline;
-}
-body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.post div.content,
-body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.any div.content {
-  background-color: #ebf7f0;
-  border: 1px solid black;
-  border-color: #c3e8d1;
-  border-top: none;
-  padding: 10px;
-  -moz-border-radius-bottomleft: 6px;
-  -webkit-border-bottom-left-radius: 6px;
-  -o-border-bottom-left-radius: 6px;
-  -ms-border-bottom-left-radius: 6px;
-  -khtml-border-bottom-left-radius: 6px;
-  border-bottom-left-radius: 6px;
-  -moz-border-radius-bottomright: 6px;
-  -webkit-border-bottom-right-radius: 6px;
-  -o-border-bottom-right-radius: 6px;
-  -ms-border-bottom-right-radius: 6px;
-  -khtml-border-bottom-right-radius: 6px;
-  border-bottom-right-radius: 6px;
-  margin: 0 0 20px 0;
-}
-
-body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.any div.content {
+li.operation.any div.content div.response div.block {
   background-color: lightgray;
   border-color: gray;
 }
 
-body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.post div.content h4,
-body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.any div.content h4 {
-  color: #10a54a;
-  font-size: 1.1em;
-  margin: 0;
-  padding: 15px 0 5px 0px;
-}
-
-body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.any div.content h4 {
-  color: #000;
-}
-
-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.any div.content div.response div.block {
-  background-color: lightgray;
-  border-color: gray;
-}
-
-body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.post div.content div.response div.block pre,
-body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.any div.content div.response div.block pre {
-  font-family: "Anonymous Pro", "Menlo", "Consolas", "Bitstream Vera Sans Mono", "Courier New", monospace;
-  padding: 10px;
-  font-size: 0.9em;
-  max-height: 400px;
-  overflow-y: auto;
-}
-body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.put {
-  float: none;
-  clear: both;
-  overflow: hidden;
-  display: block;
-  margin: 0 0 10px 0;
-  padding: 0 0 0 0px;
-}
-body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.put div.heading {
-  float: none;
-  clear: both;
-  overflow: hidden;
-  display: block;
-  margin: 0 0 0 0;
-  padding: 0;
+/* PUT operations */
+li.operation.put div.heading {
   background-color: #f9f2e9;
-  border: 1px solid black;
   border-color: #f0e0ca;
 }
-body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.put div.heading h3 {
-  display: block;
-  clear: none;
-  float: left;
-  width: auto;
-  margin: 0;
-  padding: 0;
-  line-height: 1.1em;
-  color: black;
-}
-body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.put div.heading h3 span {
-  margin: 0;
-  padding: 0;
-}
-body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.put div.heading h3 span.http_method a {
-  text-transform: uppercase;
+li.operation.put div.heading h3 span.http_method a {
   background-color: #c5862b;
-  text-decoration: none;
-  color: white;
-  display: inline-block;
-  width: 50px;
-  font-size: 0.7em;
-  text-align: center;
-  padding: 7px 0 4px 0;
-  -moz-border-radius: 2px;
-  -webkit-border-radius: 2px;
-  -o-border-radius: 2px;
-  -ms-border-radius: 2px;
-  -khtml-border-radius: 2px;
-  border-radius: 2px;
 }
-body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.put div.heading h3 span.path {
-  padding-left: 10px;
-}
-body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.put div.heading h3 span.path a {
-  color: black;
-  text-decoration: none;
-}
-body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.put div.heading h3 span.path a:hover {
-  text-decoration: underline;
-}
-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;
-  float: right;
-  margin: 6px 10px 0 0;
-}
-body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.put div.heading ul.options li {
-  float: left;
-  clear: none;
-  margin: 0;
-  padding: 2px 10px;
-  border-right: 1px solid #dddddd;
-}
-body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.put div.heading ul.options li:first-child, body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.put div.heading ul.options li.first {
-  padding-left: 0;
-}
-body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.put div.heading ul.options li:last-child, body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.put div.heading ul.options li.last {
-  padding-right: 0;
-  border-right: none;
-}
-body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.put div.heading ul.options li {
+li.operation.put div.heading ul.options li {
   border-right-color: #f0e0ca;
   color: #c5862b;
-  font-size: 0.9em;
 }
-body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.put div.heading ul.options li a {
-  color: #c5862b;
-  text-decoration: none;
-}
-body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.put div.heading ul.options li a:hover, body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.put div.heading ul.options li a:active, body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.put div.heading ul.options li a.active {
-  text-decoration: underline;
-}
-body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.put div.content {
+
+li.operation.put div.content {
   background-color: #faf5ee;
-  border: 1px solid black;
   border-color: #f0e0ca;
-  border-top: none;
-  padding: 10px;
-  -moz-border-radius-bottomleft: 6px;
-  -webkit-border-bottom-left-radius: 6px;
-  -o-border-bottom-left-radius: 6px;
-  -ms-border-bottom-left-radius: 6px;
-  -khtml-border-bottom-left-radius: 6px;
-  border-bottom-left-radius: 6px;
-  -moz-border-radius-bottomright: 6px;
-  -webkit-border-bottom-right-radius: 6px;
-  -o-border-bottom-right-radius: 6px;
-  -ms-border-bottom-right-radius: 6px;
-  -khtml-border-bottom-right-radius: 6px;
-  border-bottom-right-radius: 6px;
-  margin: 0 0 20px 0;
 }
-body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.put div.content h4 {
+li.operation.put div.content h4 {
   color: #c5862b;
-  font-size: 1.1em;
-  margin: 0;
-  padding: 15px 0 5px 0px;
 }
-body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.put div.content form input[type='text'].error {
-  outline: 2px solid black;
-  outline-color: #cc0000;
-}
-body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.put div.content div.sandbox_header {
-  float: none;
-  clear: both;
-  overflow: hidden;
-  display: block;
-}
-body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.put div.content div.sandbox_header input.submit {
-  display: block;
-  clear: none;
-  float: left;
-  padding: 6px 8px;
-}
-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;
-}
-body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.put div.content div.sandbox_header a {
-  padding: 4px 0 0 10px;
-  color: #dcb67f;
-  display: inline-block;
-  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;
-  font-size: 0.9em;
-  max-height: 400px;
-  overflow-y: auto;
-}
-body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.delete {
-  float: none;
-  clear: both;
-  overflow: hidden;
-  display: block;
-  margin: 0 0 10px 0;
-  padding: 0 0 0 0px;
-}
-body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.delete div.heading {
-  float: none;
-  clear: both;
-  overflow: hidden;
-  display: block;
-  margin: 0 0 0 0;
-  padding: 0;
+
+/* DELETE operations */
+li.operation.delete div.heading {
   background-color: #f5e8e8;
-  border: 1px solid black;
   border-color: #e8c6c7;
 }
-body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.delete div.heading h3 {
-  display: block;
-  clear: none;
-  float: left;
-  width: auto;
-  margin: 0;
-  padding: 0;
-  line-height: 1.1em;
-  color: black;
-}
-body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.delete div.heading h3 span {
-  margin: 0;
-  padding: 0;
-}
-body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.delete div.heading h3 span.http_method a {
-  text-transform: uppercase;
+li.operation.delete div.heading h3 span.http_method a {
   background-color: #a41e22;
-  text-decoration: none;
-  color: white;
-  display: inline-block;
-  width: 50px;
-  font-size: 0.7em;
-  text-align: center;
-  padding: 7px 0 4px 0;
-  -moz-border-radius: 2px;
-  -webkit-border-radius: 2px;
-  -o-border-radius: 2px;
-  -ms-border-radius: 2px;
-  -khtml-border-radius: 2px;
-  border-radius: 2px;
 }
-body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.delete div.heading h3 span.path {
-  padding-left: 10px;
-}
-body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.delete div.heading h3 span.path a {
-  color: black;
-  text-decoration: none;
-}
-body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.delete div.heading h3 span.path a:hover {
-  text-decoration: underline;
-}
-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;
-  float: right;
-  margin: 6px 10px 0 0;
-}
-body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.delete div.heading ul.options li {
-  float: left;
-  clear: none;
-  margin: 0;
-  padding: 2px 10px;
-  border-right: 1px solid #dddddd;
-}
-body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.delete div.heading ul.options li:first-child, body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.delete div.heading ul.options li.first {
-  padding-left: 0;
-}
-body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.delete div.heading ul.options li:last-child, body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.delete div.heading ul.options li.last {
-  padding-right: 0;
-  border-right: none;
-}
-body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.delete div.heading ul.options li {
+li.operation.delete div.heading ul.options li {
   border-right-color: #e8c6c7;
   color: #a41e22;
-  font-size: 0.9em;
 }
-body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.delete div.heading ul.options li a {
-  color: #a41e22;
-  text-decoration: none;
-}
-body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.delete div.heading ul.options li a:hover, body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.delete div.heading ul.options li a:active, body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.delete div.heading ul.options li a.active {
-  text-decoration: underline;
-}
-body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.delete div.content {
+
+li.operation.delete div.content {
   background-color: #f7eded;
-  border: 1px solid black;
   border-color: #e8c6c7;
-  border-top: none;
-  padding: 10px;
-  -moz-border-radius-bottomleft: 6px;
-  -webkit-border-bottom-left-radius: 6px;
-  -o-border-bottom-left-radius: 6px;
-  -ms-border-bottom-left-radius: 6px;
-  -khtml-border-bottom-left-radius: 6px;
-  border-bottom-left-radius: 6px;
-  -moz-border-radius-bottomright: 6px;
-  -webkit-border-bottom-right-radius: 6px;
-  -o-border-bottom-right-radius: 6px;
-  -ms-border-bottom-right-radius: 6px;
-  -khtml-border-bottom-right-radius: 6px;
-  border-bottom-right-radius: 6px;
-  margin: 0 0 20px 0;
 }
-body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.delete div.content h4 {
+li.operation.delete div.content h4 {
   color: #a41e22;
-  font-size: 1.1em;
-  margin: 0;
-  padding: 15px 0 5px 0px;
 }
-body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.delete div.content form input[type='text'].error {
-  outline: 2px solid black;
-  outline-color: #cc0000;
-}
-body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.delete div.content div.sandbox_header {
-  float: none;
-  clear: both;
-  overflow: hidden;
-  display: block;
-}
-body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.delete div.content div.sandbox_header input.submit {
-  display: block;
-  clear: none;
-  float: left;
-  padding: 6px 8px;
-}
-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;
-}
-body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.delete div.content div.sandbox_header a {
-  padding: 4px 0 0 10px;
-  color: #c8787a;
-  display: inline-block;
-  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;
-  font-size: 0.9em;
-  max-height: 400px;
-  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;
-}
-body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.patch div.heading {
-  float: none;
-  clear: both;
-  overflow: hidden;
-  display: block;
-  margin: 0 0 0 0;
-  padding: 0;
+
+/* PATCH operations */
+li.operation.patch div.heading {
   background-color: #f5e8e8;
-  border: 1px solid black;
   border-color: #e8c6e7;
 }
-body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.patch div.heading h3 {
-  display: block;
-  clear: none;
-  float: left;
-  width: auto;
-  margin: 0;
-  padding: 0;
-  line-height: 1.1em;
-  color: black;
-}
-body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.patch div.heading h3 span {
-  margin: 0;
-  padding: 0;
-}
-body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.patch div.heading h3 span.http_method a {
-  text-transform: uppercase;
+li.operation.patch div.heading h3 span.http_method a {
   background-color: #a41ee2;
-  text-decoration: none;
-  color: white;
-  display: inline-block;
-  width: 50px;
-  font-size: 0.7em;
-  text-align: center;
-  padding: 7px 0 4px 0;
-  -moz-border-radius: 2px;
-  -webkit-border-radius: 2px;
-  -o-border-radius: 2px;
-  -ms-border-radius: 2px;
-  -khtml-border-radius: 2px;
-  border-radius: 2px;
 }
-body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.patch div.heading h3 span.path {
-  padding-left: 10px;
-}
-body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.patch div.heading h3 span.path a {
-  color: black;
-  text-decoration: none;
-}
-body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.patch div.heading h3 span.path a:hover {
-  text-decoration: underline;
-}
-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;
-  float: right;
-  margin: 6px 10px 0 0;
-}
-body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.patch div.heading ul.options li {
-  float: left;
-  clear: none;
-  margin: 0;
-  padding: 2px 10px;
-  border-right: 1px solid #dddddd;
-}
-body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.patch div.heading ul.options li:first-child, body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.patch div.heading ul.options li.first {
-  padding-left: 0;
-}
-body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.patch div.heading ul.options li:last-child, body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.patch div.heading ul.options li.last {
-  padding-right: 0;
-  border-right: none;
-}
-body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.patch div.heading ul.options li {
+li.operation.patch div.heading ul.options li {
   border-right-color: #e8c6c7;
   color: #a41ee2;
-  font-size: 0.9em;
 }
-body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.patch div.heading ul.options li a {
-  color: #a41ee2;
-  text-decoration: none;
-}
-body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.patch div.heading ul.options li a:hover, body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.patch div.heading ul.options li a:active, body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.patch div.heading ul.options li a.active {
-  text-decoration: underline;
-}
-body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.patch div.content {
+
+li.operation.patch div.content {
   background-color: #f7eded;
-  border: 1px solid black;
   border-color: #e8c6c7;
-  border-top: none;
-  padding: 10px;
-  -moz-border-radius-bottomleft: 6px;
-  -webkit-border-bottom-left-radius: 6px;
-  -o-border-bottom-left-radius: 6px;
-  -ms-border-bottom-left-radius: 6px;
-  -khtml-border-bottom-left-radius: 6px;
-  border-bottom-left-radius: 6px;
-  -moz-border-radius-bottomright: 6px;
-  -webkit-border-bottom-right-radius: 6px;
-  -o-border-bottom-right-radius: 6px;
-  -ms-border-bottom-right-radius: 6px;
-  -khtml-border-bottom-right-radius: 6px;
-  border-bottom-right-radius: 6px;
-  margin: 0 0 20px 0;
 }
-body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.patch div.content h4 {
+li.operation.patch div.content h4 {
   color: #a41ee2;
-  font-size: 1.1em;
-  margin: 0;
-  padding: 15px 0 5px 0px;
-}
-body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.patch div.content form input[type='text'].error {
-  outline: 2px solid black;
-  outline-color: #cc00cc;
-}
-body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.patch div.content div.sandbox_header {
-  float: none;
-  clear: both;
-  overflow: hidden;
-  display: block;
-}
-body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.patch div.content div.sandbox_header input.submit {
-  display: block;
-  clear: none;
-  float: left;
-  padding: 6px 8px;
-}
-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;
-}
-body ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation.patch div.content div.sandbox_header a {
-  padding: 4px 0 0 10px;
-  color: #c8787a;
-  display: inline-block;
-  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;
-  font-size: 0.9em;
-  max-height: 400px;
-  overflow-y: auto;
 }
 
 

From f874f2517dc04e96e6634af31f67925615c7b7f8 Mon Sep 17 00:00:00 2001
From: Christophe Coevoet <stof@notk.org>
Date: Thu, 5 Jul 2012 01:44:06 +0200
Subject: [PATCH 5/8] Moved the header link styles with the other header rules

---
 Resources/public/css/screen.css | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/Resources/public/css/screen.css b/Resources/public/css/screen.css
index 5cd6f02..c2f3ae9 100644
--- a/Resources/public/css/screen.css
+++ b/Resources/public/css/screen.css
@@ -136,6 +136,10 @@ table tbody tr:last-child td {
   font-size: 1.2em;
 }
 
+#header a {
+  text-decoration: none;
+}
+
 #colophon {
   margin: 0 15px 40px 15px;
   padding: 10px 0;
@@ -425,10 +429,6 @@ li.operation.patch div.content h4 {
   cursor: pointer;
 }
 
-#header a {
-  text-decoration: none;
-}
-
 
 /** sandbox */
 .pane:not(.selected) {

From adb0021660a06bea43d59d23f7d24cd2b69a442d Mon Sep 17 00:00:00 2001
From: Christophe Coevoet <stof@notk.org>
Date: Thu, 5 Jul 2012 01:46:26 +0200
Subject: [PATCH 6/8] Removed useless rules

---
 Resources/public/css/screen.css | 8 +-------
 1 file changed, 1 insertion(+), 7 deletions(-)

diff --git a/Resources/public/css/screen.css b/Resources/public/css/screen.css
index c2f3ae9..8bda2c5 100644
--- a/Resources/public/css/screen.css
+++ b/Resources/public/css/screen.css
@@ -191,7 +191,7 @@ div.heading ul.options {
   display: block;
   clear: none;
   float: right;
-  margin: 14px 10px 0 0;
+  margin: 6px 10px 0 0;
 }
 div.heading ul.options li {
   float: left;
@@ -257,12 +257,6 @@ li.operation div.heading h3 span.http_method a {
 li.operation div.heading h3 span.path {
   padding-left: 10px;
 }
-li.operation div.heading ul.options {
-  margin: 6px 10px 0 0;
-}
-li.operation div.heading ul.options li {
-  border-right: 1px solid #dddddd;
-}
 
 li.operation div.content {
   border: 1px solid black;

From 560d24152db7c0bd32e9b614b839615d5ed87328 Mon Sep 17 00:00:00 2001
From: Christophe Coevoet <stof@notk.org>
Date: Thu, 5 Jul 2012 01:50:23 +0200
Subject: [PATCH 7/8] Removed more useless code

---
 Resources/public/css/screen.css | 6 ++----
 1 file changed, 2 insertions(+), 4 deletions(-)

diff --git a/Resources/public/css/screen.css b/Resources/public/css/screen.css
index 8bda2c5..0adbde9 100644
--- a/Resources/public/css/screen.css
+++ b/Resources/public/css/screen.css
@@ -219,7 +219,7 @@ li.operation {
   overflow: hidden;
   display: block;
   margin: 0 0 10px 0;
-  padding: 0 0 0 0px;
+  padding: 0 0 0 0;
 }
 li.operation div.heading {
   margin: 0 0 0 0;
@@ -273,7 +273,7 @@ li.operation div.content {
 li.operation div.content h4 {
   font-size: 1.1em;
   margin: 0;
-  padding: 15px 0 5px 0px;
+  padding: 15px 0 5px 0;
 }
 li.operation div.content form input[type='text'].error {
   outline: 2px solid #cc0000;
@@ -283,8 +283,6 @@ li.operation div.content div.response div.block {
   border: 1px solid #e5e0c6;
 }
 li.operation div.content div.response div.block pre {
-  font-family: "Anonymous Pro", "Menlo", "Consolas", "Bitstream Vera Sans Mono", "Courier New", monospace;
-  padding: 10px;
   font-size: 0.9em;
   max-height: 400px;
   overflow-y: auto;

From 9d2021458fbf859e847aa9e451291d5776ae4586 Mon Sep 17 00:00:00 2001
From: Christophe Coevoet <stof@notk.org>
Date: Thu, 5 Jul 2012 01:57:46 +0200
Subject: [PATCH 8/8] Removed more unused rules

---
 Resources/public/css/screen.css | 27 ---------------------------
 1 file changed, 27 deletions(-)

diff --git a/Resources/public/css/screen.css b/Resources/public/css/screen.css
index 0adbde9..5e32684 100644
--- a/Resources/public/css/screen.css
+++ b/Resources/public/css/screen.css
@@ -67,14 +67,6 @@ h2 {
 h2 a {
   color: black;
 }
-h2 span.sub {
-  font-size: 0.7em;
-  color: #999999;
-  font-style: italic;
-}
-h2 span.sub a {
-  color: #777777;
-}
 
 h3 {
   color: black;
@@ -150,11 +142,6 @@ table tbody tr:last-child td {
   font-style: italic;
 }
 
-#colophon a {
-  text-decoration: none;
-  color: #547f00;
-}
-
 #resources {
   padding: 0 1%;
   font-family: "Droid Sans", sans-serif;
@@ -278,15 +265,6 @@ li.operation div.content h4 {
 li.operation div.content form input[type='text'].error {
   outline: 2px solid #cc0000;
 }
-li.operation div.content div.response div.block {
-  background-color: #fcf6db;
-  border: 1px solid #e5e0c6;
-}
-li.operation div.content div.response div.block pre {
-  font-size: 0.9em;
-  max-height: 400px;
-  overflow-y: auto;
-}
 
 /* GET operations */
 li.operation.get div.heading {
@@ -348,10 +326,6 @@ li.operation.any div.content {
 li.operation.any div.content h4 {
   color: #000;
 }
-li.operation.any div.content div.response div.block {
-  background-color: lightgray;
-  border-color: gray;
-}
 
 /* PUT operations */
 li.operation.put div.heading {
@@ -429,7 +403,6 @@ li.operation.patch div.content h4 {
 
 .result pre {
   border: none;
-  padding: 10px;
   font-size: 0.9em;
   overflow: auto;
 }