RubyGems - swagger_ui_generator - Versions diffs - 0.0.1 - Mend

swagger_ui_generator 0.0.1

Files changed (104) hide show

data/vendor/swagger-ui/src/main/html/images/logo_small.png ADDED Viewed

Binary file

data/vendor/swagger-ui/src/main/html/images/pet_store_api.png ADDED Viewed

Binary file

data/vendor/swagger-ui/src/main/html/images/throbber.gif ADDED Viewed

Binary file

data/vendor/swagger-ui/src/main/html/images/wordnik_api.png ADDED Viewed

Binary file

data/vendor/swagger-ui/src/main/html/index.html ADDED Viewed

@@ -0,0 +1,78 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>Swagger UI</title>
+  <link href='https://fonts.googleapis.com/css?family=Droid+Sans:400,700' rel='stylesheet' type='text/css'/>
+  <link href='css/highlight.default.css' media='screen' rel='stylesheet' type='text/css'/>
+  <link href='css/screen.css' media='screen' rel='stylesheet' type='text/css'/>
+  <script type="text/javascript" src="lib/shred.bundle.js"></script>
+  <script src='lib/jquery-1.8.0.min.js' type='text/javascript'></script>
+  <script src='lib/jquery.slideto.min.js' type='text/javascript'></script>
+  <script src='lib/jquery.wiggle.min.js' type='text/javascript'></script>
+  <script src='lib/jquery.ba-bbq.min.js' type='text/javascript'></script>
+  <script src='lib/handlebars-1.0.0.js' type='text/javascript'></script>
+  <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>
+  <script type="text/javascript">
+    $(function () {
+      window.swaggerUi = new SwaggerUi({
+      url: "http://petstore.swagger.wordnik.com/api/api-docs",
+      dom_id: "swagger-ui-container",
+      supportedSubmitMethods: ['get', 'post', 'put', 'delete'],
+      onComplete: function(swaggerApi, swaggerUi){
+        log("Loaded SwaggerUI")
+        $('pre code').each(function(i, e) {hljs.highlightBlock(e)});
+      },
+      onFailure: function(data) {
+        log("Unable to Load SwaggerUI");
+      },
+      docExpansion: "none"
+    });
+    $('#input_apiKey').change(function() {
+      var key = $('#input_apiKey')[0].value;
+      log("key: " + key);
+      if(key && key.trim() != "") {
+        log("added key " + key);
+        window.authorizations.add("key", new ApiKeyAuthorization("api_key", key, "query"));
+      }
+    })
+    window.swaggerUi.load();
+  });
+  </script>
+</head>
+<body>
+<div id='header'>
+  <div class="swagger-ui-wrap">
+    <a id="logo" href="http://swagger.wordnik.com">swagger</a>
+    <form id='api_selector'>
+      <div class='input icon-btn'>
+        <img id="show-pet-store-icon" src="images/pet_store_api.png" title="Show Swagger Petstore Example Apis">
+      </div>
+      <div class='input icon-btn'>
+        <img id="show-wordnik-dev-icon" src="images/wordnik_api.png" title="Show Wordnik Developer Apis">
+      </div>
+      <div class='input'><input placeholder="http://example.com/api" id="input_baseUrl" name="baseUrl" type="text"/></div>
+      <div class='input'><input placeholder="api_key" id="input_apiKey" name="apiKey" type="text"/></div>
+      <div class='input'><a id="explore" href="#">Explore</a></div>
+    </form>
+  </div>
+</div>
+<div id="message-bar" class="swagger-ui-wrap">
+  &nbsp;
+</div>
+<div id="swagger-ui-container" class="swagger-ui-wrap">
+</div>
+</body>
+</html>

data/vendor/swagger-ui/src/main/javascript/doc.js ADDED Viewed

@@ -0,0 +1,184 @@
+$(function() {
+	// Helper function for vertically aligning DOM elements
+	// http://www.seodenver.com/simple-vertical-align-plugin-for-jquery/
+	$.fn.vAlign = function() {
+		return this.each(function(i){
+		var ah = $(this).height();
+		var ph = $(this).parent().height();
+		var mh = (ph - ah) / 2;
+		$(this).css('margin-top', mh);
+		});
+	};
+	$.fn.stretchFormtasticInputWidthToParent = function() {
+		return this.each(function(i){
+		var p_width = $(this).closest("form").innerWidth();
+		var p_padding = parseInt($(this).closest("form").css('padding-left') ,10) + parseInt($(this).closest("form").css('padding-right'), 10);
+		var this_padding = parseInt($(this).css('padding-left'), 10) + parseInt($(this).css('padding-right'), 10);
+		$(this).css('width', p_width - p_padding - this_padding);
+		});
+	};
+	$('form.formtastic li.string input, form.formtastic textarea').stretchFormtasticInputWidthToParent();
+	// Vertically center these paragraphs
+	// Parent may need a min-height for this to work..
+	$('ul.downplayed li div.content p').vAlign();
+	// When a sandbox form is submitted..
+	$("form.sandbox").submit(function(){
+		var error_free = true;
+		// Cycle through the forms required inputs
+ 		$(this).find("input.required").each(function() {
+			// Remove any existing error styles from the input
+			$(this).removeClass('error');
+			// Tack the error style on if the input is empty..
+			if ($(this).val() == '') {
+				$(this).addClass('error');
+				$(this).wiggle();
+				error_free = false;
+			}
+		});
+		return error_free;
+	});
+});
+function clippyCopiedCallback(a) {
+  $('#api_key_copied').fadeIn().delay(1000).fadeOut();
+  // var b = $("#clippy_tooltip_" + a);
+  // b.length != 0 && (b.attr("title", "copied!").trigger("tipsy.reload"), setTimeout(function() {
+  //   b.attr("title", "copy to clipboard")
+  // },
+  // 500))
+}
+// Logging function that accounts for browsers that don't have window.console
+function log() {
+  if (window.console) console.log.apply(console,arguments);
+}
+// Handle browsers that do console incorrectly (IE9 and below, see http://stackoverflow.com/a/5539378/7913)
+if (Function.prototype.bind && console && typeof console.log == "object") {
+    [
+      "log","info","warn","error","assert","dir","clear","profile","profileEnd"
+    ].forEach(function (method) {
+        console[method] = this.bind(console[method], console);
+    }, Function.prototype.call);
+}
+var Docs = {
+	shebang: function() {
+		// If shebang has an operation nickname in it..
+		// e.g. /docs/#!/words/get_search
+		var fragments = $.param.fragment().split('/');
+		fragments.shift(); // get rid of the bang
+		switch (fragments.length) {
+			case 1:
+				// Expand all operations for the resource and scroll to it
+//				log('shebang resource:' + fragments[0]);
+				var dom_id = 'resource_' + fragments[0];
+				Docs.expandEndpointListForResource(fragments[0]);
+				$("#"+dom_id).slideto({highlight: false});
+				break;
+			case 2:
+				// Refer to the endpoint DOM element, e.g. #words_get_search
+//				log('shebang endpoint: ' + fragments.join('_'));
+                // Expand Resource
+                Docs.expandEndpointListForResource(fragments[0]);
+                $("#"+dom_id).slideto({highlight: false});
+                // Expand operation
+				var li_dom_id = fragments.join('_');
+				var li_content_dom_id = li_dom_id + "_content";
+//                log("li_dom_id " + li_dom_id);
+//                log("li_content_dom_id " + li_content_dom_id);
+				Docs.expandOperation($('#'+li_content_dom_id));
+				$('#'+li_dom_id).slideto({highlight: false});
+				break;
+		}
+	},
+	toggleEndpointListForResource: function(resource) {
+		var elem = $('li#resource_' + Docs.escapeResourceName(resource) + ' ul.endpoints');
+		if (elem.is(':visible')) {
+			Docs.collapseEndpointListForResource(resource);
+		} else {
+			Docs.expandEndpointListForResource(resource);
+		}
+	},
+	// Expand resource
+	expandEndpointListForResource: function(resource) {
+		var resource = Docs.escapeResourceName(resource);
+		if (resource == '') {
+			$('.resource ul.endpoints').slideDown();
+			return;
+		}
+		$('li#resource_' + resource).addClass('active');
+		var elem = $('li#resource_' + resource + ' ul.endpoints');
+		elem.slideDown();
+	},
+	// Collapse resource and mark as explicitly closed
+	collapseEndpointListForResource: function(resource) {
+		var resource = Docs.escapeResourceName(resource);
+		$('li#resource_' + resource).removeClass('active');
+		var elem = $('li#resource_' + resource + ' ul.endpoints');
+		elem.slideUp();
+	},
+	expandOperationsForResource: function(resource) {
+		// Make sure the resource container is open..
+		Docs.expandEndpointListForResource(resource);
+		if (resource == '') {
+			$('.resource ul.endpoints li.operation div.content').slideDown();
+			return;
+		}
+		$('li#resource_' + Docs.escapeResourceName(resource) + ' li.operation div.content').each(function() {
+			Docs.expandOperation($(this));
+		});
+	},
+	collapseOperationsForResource: function(resource) {
+		// Make sure the resource container is open..
+		Docs.expandEndpointListForResource(resource);
+		$('li#resource_' + Docs.escapeResourceName(resource) + ' li.operation div.content').each(function() {
+			Docs.collapseOperation($(this));
+		});
+	},
+	escapeResourceName: function(resource) {
+		return resource.replace(/[!"#$%&'()*+,.\/:;<=>?@\[\\\]\^`{|}~]/g, "\\$&");
+	},
+	expandOperation: function(elem) {
+		elem.slideDown();
+	},
+	collapseOperation: function(elem) {
+		elem.slideUp();
+	}
+};

data/vendor/swagger-ui/src/main/less/reset.less ADDED Viewed

@@ -0,0 +1,50 @@
+/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 */
+html, body, div, span, applet, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+a, abbr, acronym, address, big, cite, code,
+del, dfn, em, img, ins, kbd, q, s, samp,
+small, strike, strong, sub, sup, tt, var,
+b, u, i, center,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td,
+article, aside, canvas, details, embed,
+figure, figcaption, footer, header, hgroup,
+menu, nav, output, ruby, section, summary,
+time, mark, audio, video {
+    margin: 0;
+    padding: 0;
+    border: 0;
+    font-size: 100%;
+    font: inherit;
+    vertical-align: baseline;
+}
+/* HTML5 display-role reset for older browsers */
+article, aside, details, figcaption, figure,
+footer, header, hgroup, menu, nav, section {
+    display: block;
+}
+body {
+    line-height: 1;
+}
+ol, ul {
+    list-style: none;
+}
+blockquote, q {
+    quotes: none;
+}
+blockquote:before, blockquote:after,
+q:before, q:after {
+    content: '';
+    content: none;
+}
+table {
+    border-collapse: collapse;
+    border-spacing: 0;
+}

data/vendor/swagger-ui/src/main/less/screen.less ADDED Viewed

@@ -0,0 +1,67 @@
+@import 'src/main/less/reset.less';
+@import 'src/main/less/specs.less';
+#header {
+    background-color: #89bf04;
+    padding: 14px;
+    a#logo {
+        font-size: 1.5em;
+        font-weight: bold;
+        text-decoration: none;
+        background: transparent url(../images/logo_small.png) no-repeat left center;
+        padding: 20px 0 20px 40px;
+        color: white;
+    }
+    form#api_selector {
+        display: block;
+        clear: none;
+        float: right;
+        .input {
+            display: block;
+            clear: none;
+            float: left;
+            margin: 0 10px 0 0;
+            input#input_apiKey {
+                width: 200px;
+            }
+            input#input_baseUrl {
+                width: 400px;
+            }
+            a#explore {
+                display: block;
+                text-decoration: none;
+                font-weight: bold;
+                padding: 6px 8px;
+                font-size: 0.9em;
+                color: white;
+                background-color: #547f00;
+                -moz-border-radius: 4px;
+                -webkit-border-radius: 4px;
+                -o-border-radius: 4px;
+                -ms-border-radius: 4px;
+                -khtml-border-radius: 4px;
+                border-radius: 4px;
+            }
+            a#explore:hover {
+                background-color: #547f00;
+            }
+            input {
+                font-size: 0.9em;
+                padding: 3px;
+                margin: 0;
+            }
+        }
+    }
+}
+#content_message {
+    margin: 10px 15px;
+    font-style: italic;
+    color: #999999;
+}
+#message-bar {
+    min-height: 30px;
+    text-align: center;
+    padding-top: 10px;
+}

data/vendor/swagger-ui/src/main/less/specs.less ADDED Viewed

@@ -0,0 +1,1004 @@
+.swagger-ui-wrap {
+    line-height: 1;
+    font-family: "Droid Sans", sans-serif;
+    max-width: 960px;
+    margin-left: auto;
+    margin-right: auto;
+    b, strong {
+        font-family: "Droid Sans", sans-serif;
+        font-weight: bold;
+    }
+    q, blockquote {
+        quotes: none;
+    }
+    p {
+        line-height: 1.4em;
+        padding: 0 0 10px;
+        color: #333333;
+    }
+    q:before, q:after, blockquote:before, blockquote:after {
+        content: none;
+    }
+    .heading_with_menu {
+        h1, h2, h3, h4, h5, 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%;
+        }
+    }
+    table {
+        border-collapse: collapse;
+        border-spacing: 0;
+        thead {
+            tr {
+                th {
+                    padding: 5px;
+                    font-size: 0.9em;
+                    color: #666666;
+                    border-bottom: 1px solid #999999;
+                }
+            }
+        }
+        tbody {
+            tr:last-child {
+                td {
+                    border-bottom: none;
+                }
+            }
+            tr.offset {
+                background-color: #f0f0f0;
+            }
+            tr {
+                td {
+                    padding: 6px;
+                    font-size: 0.9em;
+                    border-bottom: 1px solid #cccccc;
+                    vertical-align: top;
+                    line-height: 1.3em;
+                }
+            }
+        }
+    }
+    ol {
+        margin: 0px 0 10px;
+        padding: 0 0 0 18px;
+        list-style-type: decimal;
+        li {
+            padding: 5px 0px;
+            font-size: 0.9em;
+            color: #333333;
+        }
+    }
+    ol, ul {
+        list-style: none;
+    }
+    h1, h2, h3, h4, h5, h6 {
+        a {
+            text-decoration: none;
+        }
+        a:hover {
+            text-decoration: underline;
+        }
+        span.divider {
+            color: #aaaaaa;
+        }
+    }
+    a {
+        color: #547f00;
+        img {
+            border: none;
+        }
+    }
+    article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
+        display: block;
+    }
+    pre {
+        font-family: "Anonymous Pro", "Menlo", "Consolas", "Bitstream Vera Sans Mono", "Courier New", monospace;
+        background-color: #fcf6db;
+        border: 1px solid #e5e0c6;
+        padding: 10px;
+        code {
+            line-height: 1.6em;
+            background: none;
+        }
+    }
+    .content {
+        & > .content-type {
+            & > div {
+                & > label {
+                    clear: both;
+                    display: block;
+                    color: #0F6AB4;
+                    font-size: 1.1em;
+                    margin: 0;
+                    padding: 15px 0 5px;
+                }
+            }
+        }
+        pre {
+            font-size: 12px;
+            margin-top: 5px;
+            padding: 5px;
+        }
+    }
+    .icon-btn {
+        cursor: pointer;
+    }
+    .info_title {
+        padding-bottom: 10px;
+        font-weight: bold;
+        font-size: 25px;
+    }
+    p.big, div.big p {
+        font-size: 1em;
+        margin-bottom: 10px;
+    }
+    form.fullwidth ol {
+        li.string input, li.url input, li.text textarea, li.numeric input {
+            width: 500px !important;
+        }
+    }
+    .info_license {
+        padding-bottom: 5px;
+    }
+    .info_tos {
+        padding-bottom: 5px;
+    }
+    .message-fail {
+        color: #cc0000;
+    }
+    .info_contact {
+        padding-bottom: 5px;
+    }
+    .info_description {
+        padding-bottom: 10px;
+        font-size: 15px;
+    }
+    .markdown ol li, .markdown ul li {
+        padding: 3px 0px;
+        line-height: 1.4em;
+        color: #333333;
+    }
+    form.formtastic fieldset.inputs ol {
+        li.string input, li.url input, li.numeric input {
+            display: block;
+            padding: 4px;
+            width: auto;
+            clear: both;
+        }
+        li.string input.title,
+        li.url input.title,
+        li.numeric input.title {
+            font-size: 1.3em;
+        }
+    }
+    table.fullwidth {
+        width: 100%;
+    }
+    .model-signature {
+        font-family: "Droid Sans", sans-serif;
+        font-size: 1em;
+        line-height: 1.5em;
+        .signature-nav {
+            a {
+                text-decoration: none;
+                color: #AAA;
+            }
+            a:hover {
+                text-decoration: underline;
+                color: black;
+            }
+            .selected {
+                color: black;
+                text-decoration: none;
+            }
+        }
+        .propType {
+            color: #5555aa;
+        }
+        pre:hover {
+            background-color: #ffffdd;
+        }
+        pre {
+            font-size: .85em;
+            line-height: 1.2em;
+            overflow: auto;
+            max-height: 200px;
+            cursor: pointer;
+        }
+        ul.signature-nav {
+            display: block;
+            margin: 0;
+            padding: 0;
+            li:last-child {
+                padding-right: 0;
+                border-right: none;
+            }
+            li {
+                float: left;
+                margin: 0 5px 5px 0;
+                padding: 2px 5px 2px 0;
+                border-right: 1px solid #ddd;
+            }
+        }
+        .propOpt {
+            color: #555;
+        }
+        .snippet {
+            small {
+                font-size: 0.75em;
+            }
+        }
+        .propOptKey {
+            font-style: italic;
+        }
+        .description {
+            .strong {
+                font-weight: bold;
+                color: #000;
+                font-size: .9em;
+            }
+            div {
+                font-size: 0.9em;
+                line-height: 1.5em;
+                margin-left: 1em;
+            }
+            .stronger {
+                font-weight: bold;
+                color: #000;
+            }
+        }
+        .propName {
+            font-weight: bold;
+        }
+        .signature-container {
+            clear: both;
+        }
+    }
+    .body-textarea {
+        width: 300px;
+        height: 100px;
+        border: 1px solid #aaa;
+    }
+    .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;
+    }
+    .required {
+        font-weight: bold;
+    }
+    input.parameter {
+        width: 300px;
+        border: 1px solid #aaa;
+    }
+    h1 {
+        color: black;
+        font-size: 1.5em;
+        line-height: 1.3em;
+        padding: 10px 0 10px 0;
+        font-family: "Droid Sans", sans-serif;
+        font-weight: bold;
+    }
+    .heading_with_menu {
+        float: none;
+        clear: both;
+        overflow: hidden;
+        display: block;
+        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;
+        }
+    }
+    h2 {
+        color: black;
+        font-size: 1.3em;
+        padding: 10px 0 10px 0;
+        a {
+            color: black;
+        }
+        span.sub {
+            font-size: 0.7em;
+            color: #999999;
+            font-style: italic;
+            a {
+                color: #777777;
+            }
+        }
+    }
+    span.weak {
+        color: #666666;
+    }
+    .message-success {
+        color: #89BF04;
+    }
+    caption, th, td {
+        text-align: left;
+        font-weight: normal;
+        vertical-align: middle;
+    }
+    .code {
+        font-family: "Anonymous Pro", "Menlo", "Consolas", "Bitstream Vera Sans Mono", "Courier New", monospace;
+    }
+    form.formtastic {
+        fieldset.inputs {
+            ol {
+                li.text {
+                    textarea {
+                        font-family: "Droid Sans", sans-serif;
+                        height: 250px;
+                        padding: 4px;
+                        display: block;
+                        clear: both;
+                    }
+                }
+                li.select {
+                    select {
+                        display: block;
+                        clear: both;
+                    }
+                }
+                li.boolean {
+                    float: none;
+                    clear: both;
+                    overflow: hidden;
+                    display: block;
+                    label {
+                        display: block;
+                        float: left;
+                        clear: none;
+                        margin: 0;
+                        padding: 0;
+                    }
+                    input {
+                        display: block;
+                        float: left;
+                        clear: none;
+                        margin: 0 5px 0 0;
+                    }
+                }
+                li.required {
+                    label {
+                        color: black;
+                    }
+                }
+                li {
+                    label {
+                        display: block;
+                        clear: both;
+                        width: auto;
+                        padding: 0 0 3px;
+                        color: #666666;
+                        abbr {
+                            padding-left: 3px;
+                            color: #888888;
+                        }
+                    }
+                    p.inline-hints {
+                        margin-left: 0;
+                        font-style: italic;
+                        font-size: 0.9em;
+                        margin: 0;
+                    }
+                }
+            }
+        }
+        fieldset.buttons {
+            margin: 0;
+            padding: 0;
+        }
+    }
+    span.blank, span.empty {
+        color: #888888;
+        font-style: italic;
+    }
+    .markdown {
+        h3 {
+            color: #547f00;
+        }
+        h4 {
+            color: #666666;
+        }
+        pre {
+            font-family: "Anonymous Pro", "Menlo", "Consolas", "Bitstream Vera Sans Mono", "Courier New", monospace;
+            background-color: #fcf6db;
+            border: 1px solid #e5e0c6;
+            padding: 10px;
+            margin: 0 0 10px 0;
+            code {
+                line-height: 1.6em;
+            }
+        }
+    }
+    div.gist {
+        margin: 20px 0 25px 0 !important;
+    }
+    ul#resources {
+        font-family: "Droid Sans", sans-serif;
+        font-size: 0.9em;
+        li.resource {
+            border-bottom: 1px solid #dddddd;
+            &:hover div.heading,
+            &.active div.heading {
+                h2 a {
+                    color: black;
+                }
+                ul.options li a {
+                    color: #555555;
+                }
+            }
+            &:last-child {
+                border-bottom: none;
+            }
+            div.heading {
+                border: 1px solid transparent;
+                float: none;
+                clear: both;
+                overflow: hidden;
+                display: block;
+                ul.options {
+                    overflow: hidden;
+                    padding: 0;
+                    display: block;
+                    clear: none;
+                    float: right;
+                    margin: 14px 10px 0 0;
+                    li {
+                        float: left;
+                        clear: none;
+                        margin: 0;
+                        padding: 2px 10px;
+                        border-right: 1px solid #dddddd;
+                        color: #666666;
+                        font-size: 0.9em;
+                        a {
+                            color: #aaaaaa;
+                            text-decoration: none;
+                        }
+                        a:hover {
+                            text-decoration: underline;
+                            color: black;
+                        }
+                    }
+                    li {
+                        a:hover, a:active, a.active {
+                            text-decoration: underline;
+                        }
+                        &:first-child,
+                        &.first {
+                            padding-left: 0;
+                        }
+                        &:last-child, &.last {
+                            padding-right: 0;
+                            border-right: none;
+                        }
+                    }
+                    &:first-child, &.first {
+                        padding-left: 0;
+                    }
+                }
+                h2 {
+                    color: #999999;
+                    padding-left: 0;
+                    display: block;
+                    clear: none;
+                    float: left;
+                    font-family: "Droid Sans", sans-serif;
+                    font-weight: bold;
+                    a {
+                        color: #999999;
+                    }
+                    a:hover {
+                        color: black;
+                    }
+                }
+            }
+            ul.endpoints {
+                li.endpoint {
+                    ul.operations {
+                        li.operation {
+                            float: none;
+                            clear: both;
+                            overflow: hidden;
+                            display: block;
+                            margin: 0 0 10px;
+                            padding: 0;
+                            div.heading {
+                                float: none;
+                                clear: both;
+                                overflow: hidden;
+                                display: block;
+                                margin: 0;
+                                padding: 0;
+                                h3 {
+                                    display: block;
+                                    clear: none;
+                                    float: left;
+                                    width: auto;
+                                    margin: 0;
+                                    padding: 0;
+                                    line-height: 1.1em;
+                                    color: black;
+                                    span.path {
+                                        padding-left: 10px;
+                                        a {
+                                            color: black;
+                                            text-decoration: none;
+                                        }
+                                        a:hover {
+                                            text-decoration: underline;
+                                        }
+                                    }
+                                    span.http_method {
+                                        a {
+                                            text-transform: uppercase;
+                                            text-decoration: none;
+                                            color: white;
+                                            display: inline-block;
+                                            width: 50px;
+                                            font-size: 0.7em;
+                                            text-align: center;
+                                            padding: 7px 0 4px;
+                                            -moz-border-radius: 2px;
+                                            -webkit-border-radius: 2px;
+                                            -o-border-radius: 2px;
+                                            -ms-border-radius: 2px;
+                                            -khtml-border-radius: 2px;
+                                            border-radius: 2px;
+                                        }
+                                    }
+                                    span {
+                                        margin: 0;
+                                        padding: 0;
+                                    }
+                                }
+                                ul.options {
+                                    overflow: hidden;
+                                    padding: 0;
+                                    display: block;
+                                    clear: none;
+                                    float: right;
+                                    margin: 6px 10px 0 0;
+                                    li {
+                                        float: left;
+                                        clear: none;
+                                        margin: 0;
+                                        padding: 2px 10px;
+                                        font-size: 0.9em;
+                                        a {
+                                            text-decoration: none;
+                                        }
+                                    }
+                                }
+                            }
+                            div.content {
+                                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;
+                                h4 {
+                                    font-size: 1.1em;
+                                    margin: 0;
+                                    padding: 15px 0 5px;
+                                }
+                                div.sandbox_header {
+                                    float: none;
+                                    clear: both;
+                                    overflow: hidden;
+                                    display: block;
+                                    a {
+                                        padding: 4px 0 0 10px;
+                                        display: inline-block;
+                                        font-size: 0.9em;
+                                    }
+                                    img {
+                                        display: block;
+                                        clear: none;
+                                        float: right;
+                                    }
+                                    input.submit {
+                                        display: block;
+                                        clear: none;
+                                        float: left;
+                                        padding: 6px 8px;
+                                    }
+                                }
+                                form {
+                                    input[type='text'].error {
+                                        outline: 2px solid black;
+                                        outline-color: #cc0000;
+                                    }
+                                }
+                                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;
+                                        }
+                                    }
+                                }
+                            }
+                        }
+                        li.operation.put {
+                            div.heading {
+                                background-color: #f9f2e9;
+                                border: 1px solid #f0e0ca;
+                                h3 {
+                                    span.http_method {
+                                        a {
+                                            background-color: #c5862b;
+                                        }
+                                    }
+                                }
+                                ul.options {
+                                    li {
+                                        border-right: 1px solid #dddddd;
+                                        border-right-color: #f0e0ca;
+                                        color: #c5862b;
+                                        a {
+                                            color: #c5862b;
+                                        }
+                                    }
+                                }
+                            }
+                            div.content {
+                                background-color: #faf5ee;
+                                border: 1px solid #f0e0ca;
+                                h4 {
+                                    color: #c5862b;
+                                }
+                                div.sandbox_header {
+                                    a {
+                                        color: #dcb67f;
+                                    }
+                                }
+                            }
+                        }
+                        li.operation.head {
+                            div.heading {
+                                background-color: #fcffcd;
+                                border: 1px solid black;
+                                border-color: #ffd20f;
+                                h3 {
+                                    span.http_method {
+                                        a {
+                                            text-transform: uppercase;
+                                            background-color: #ffd20f;
+                                        }
+                                    }
+                                }
+                                ul.options {
+                                    li {
+                                        border-right: 1px solid #dddddd;
+                                        border-right-color: #ffd20f;
+                                        color: #ffd20f;
+                                        a {
+                                            color: #ffd20f;
+                                        }
+                                    }
+                                }
+                            }
+                            div.content {
+                                background-color: #fcffcd;
+                                border: 1px solid black;
+                                border-color: #ffd20f;
+                                h4 {
+                                    color: #ffd20f;
+                                }
+                                div.sandbox_header {
+                                    a {
+                                        color: #6fc992;
+                                    }
+                                }
+                            }
+                        }
+                        li.operation.delete {
+                            div.heading {
+                                background-color: #f5e8e8;
+                                border: 1px solid #e8c6c7;
+                                h3 {
+                                    span.http_method {
+                                        a {
+                                            text-transform: uppercase;
+                                            background-color: #a41e22;
+                                        }
+                                    }
+                                }
+                                ul.options {
+                                    li {
+                                        border-right: 1px solid #dddddd;
+                                        border-right-color: #e8c6c7;
+                                        color: #a41e22;
+                                        a {
+                                            color: #a41e22;
+                                        }
+                                    }
+                                }
+                            }
+                            div.content {
+                                background-color: #f7eded;
+                                border: 1px solid #e8c6c7;
+                                h4 {
+                                    color: #a41e22;
+                                }
+                                div.sandbox_header {
+                                    a {
+                                        color: #c8787a;
+                                    }
+                                }
+                            }
+                        }
+                        li.operation.post {
+                            div.heading {
+                                background-color: #e7f6ec;
+                                border: 1px solid #c3e8d1;
+                                h3 {
+                                    span.http_method {
+                                        a {
+                                            background-color: #10a54a;
+                                        }
+                                    }
+                                }
+                                ul.options {
+                                    li {
+                                        border-right: 1px solid #dddddd;
+                                        border-right-color: #c3e8d1;
+                                        color: #10a54a;
+                                        a {
+                                            color: #10a54a;
+                                        }
+                                    }
+                                }
+                            }
+                            div.content {
+                                background-color: #ebf7f0;
+                                border: 1px solid #c3e8d1;
+                                h4 {
+                                    color: #10a54a;
+                                }
+                                div.sandbox_header {
+                                    a {
+                                        color: #6fc992;
+                                    }
+                                }
+                            }
+                        }
+                        li.operation.patch {
+                            div.heading {
+                                background-color: #FCE9E3;
+                                border: 1px solid #F5D5C3;
+                                h3 {
+                                    span.http_method {
+                                        a {
+                                            background-color: #D38042;
+                                        }
+                                    }
+                                }
+                                ul.options {
+                                    li {
+                                        border-right: 1px solid #dddddd;
+                                        border-right-color: #f0cecb;
+                                        color: #D38042;
+                                        a {
+                                            color: #D38042;
+                                        }
+                                    }
+                                }
+                            }
+                            div.content {
+                                background-color: #faf0ef;
+                                border: 1px solid #f0cecb;
+                                h4 {
+                                    color: #D38042;
+                                }
+                                div.sandbox_header {
+                                    a {
+                                        color: #dcb67f;
+                                    }
+                                }
+                            }
+                        }
+                        li.operation.get {
+                            div.heading {
+                                background-color: #e7f0f7;
+                                border: 1px solid #c3d9ec;
+                                h3 {
+                                    span.http_method {
+                                        a {
+                                            background-color: #0f6ab4;
+                                        }
+                                    }
+                                }
+                                ul.options {
+                                    li {
+                                        border-right: 1px solid #dddddd;
+                                        border-right-color: #c3d9ec;
+                                        color: #0f6ab4;
+                                        a {
+                                            color: #0f6ab4;
+                                        }
+                                    }
+                                }
+                            }
+                            div.content {
+                                background-color: #ebf3f9;
+                                border: 1px solid #c3d9ec;
+                                h4 {
+                                    color: #0f6ab4;
+                                }
+                                div.sandbox_header {
+                                    a {
+                                        color: #6fa5d2;
+                                    }
+                                }
+                            }
+                        }
+                        li.operation {
+                            &.get, &.post, &.head, &.put, &.patch, &.delete {
+                                div.content {
+                                    border-top: none;
+                                }
+                                div.heading ul.options li {
+                                    &:last-child, &.last {
+                                        padding-right: 0;
+                                        border-right: none;
+                                    }
+                                }
+                            }
+                        }
+                        ul.options li {
+                            a:hover, a:active, a.active {
+                                text-decoration: underline;
+                            }
+                            &:first-child,
+                            &.first {
+                                padding-left: 0;
+                            }
+                        }
+                        &:first-child, &.first {
+                            padding-left: 0;
+                        }
+                    }
+                }
+            }
+        }
+    }
+    p#colophon {
+        margin: 0 15px 40px 15px;
+        padding: 10px 0;
+        font-size: 0.8em;
+        border-top: 1px solid #dddddd;
+        font-family: "Droid Sans", sans-serif;
+        color: #999999;
+        font-style: italic;
+        a {
+            text-decoration: none;
+            color: #547f00;
+        }
+    }
+    h3 {
+        color: black;
+        font-size: 1.1em;
+        padding: 10px 0 10px 0;
+    }
+    .markdown ol, .markdown ul {
+        font-family: "Droid Sans", sans-serif;
+        margin: 5px 0 10px;
+        padding: 0 0 0 18px;
+        list-style-type: disc;
+    }
+    form.form_box {
+        background-color: #ebf3f9;
+        border: 1px solid #c3d9ec;
+        padding: 10px;
+        label {
+            color: #0f6ab4 !important;
+        }
+        input[type=submit] {
+            display: block;
+            padding: 10px;
+        }
+        p.weak {
+            font-size: 0.8em;
+        }
+        p {
+            font-size: 0.9em;
+            padding: 0 0 15px;
+            color: #7e7b6d;
+            a {
+                color: #646257;
+            }
+            strong {
+                color: black;
+            }
+        }
+    }
+}