1
0
Fork 0
arangodb/js/apps/system/aardvark/frontend/css/swagger/screen.scss

1602 lines
46 KiB
SCSS

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;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
vertical-align: middle;
}
q, blockquote {
quotes: none;
}
q {
&:before, &:after {
content: "";
content: none;
}
}
blockquote {
&:before, &:after {
content: "";
content: none;
}
}
a img {
border: none;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
display: block;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
text-decoration: none;
}
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;
color: black;
font-size: 1.5em;
line-height: 1.3em;
padding: 10px 0 10px 0;
font-weight: bold;
}
h2 {
color: #89bf04;
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;
}
}
}
h3 {
color: black;
font-size: 1.1em;
padding: 10px 0 10px 0;
}
div.heading_with_menu {
float: none;
clear: both;
overflow: hidden;
display: block;
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%;
}
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;
}
}
.body-textarea {
width: 300px;
height: 100px;
}
ol {
margin: 0px 0 10px 0;
padding: 0 0 0 18px;
list-style-type: decimal;
li {
padding: 5px 0px;
font-size: 0.9em;
color: #333333;
}
}
.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 black;
border-color: #e5e0c6;
padding: 10px;
margin: 0 0 10px 0;
code {
line-height: 1.6em;
}
}
p code, li code {
font-family: "Anonymous Pro", "Menlo", "Consolas", "Bitstream Vera Sans Mono", "Courier New", monospace;
background-color: #f0f0f0;
color: black;
padding: 1px 3px;
}
ol, ul {
margin: 5px 0 10px 0;
padding: 0 0 0 18px;
list-style-type: disc;
}
ol li, 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;
}
&.blank, &.empty {
color: #888888;
font-style: italic;
}
}
a {
color: #547f00;
&.hider {
color: #6fa5d2;
text-decoration: underline;
font-size: 0.9em;
}
}
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;
border: 1px solid black;
border-color: #e5e0c6;
padding: 10px;
/* white-space: pre-line */
code {
line-height: 1.6em;
}
}
.required {
font-weight: bold;
}
table {
&.fullwidth {
width: 100%;
}
thead tr th {
padding: 5px;
font-size: 0.9em;
color: #666666;
border-bottom: 1px solid #999999;
}
tbody tr {
&.offset {
background-color: #f5f5f5;
}
td {
padding: 6px;
font-size: 0.9em;
border-bottom: 1px solid #cccccc;
vertical-align: top;
line-height: 1.3em;
}
&:last-child td {
border-bottom: none;
}
&.offset {
background-color: #f0f0f0;
}
}
}
form {
&.form_box {
background-color: #ebf3f9;
border: 1px solid black;
border-color: #c3d9ec;
padding: 10px;
label {
color: #0f6ab4 !important;
}
input[type=submit] {
display: block;
padding: 10px;
}
p {
font-size: 0.9em;
padding: 0 0 15px 0;
color: #7e7b6d;
a {
color: #646257;
}
strong {
color: black;
}
&.weak {
font-size: 0.8em;
}
}
}
&.formtastic fieldset {
&.inputs ol li {
p.inline-hints {
margin-left: 0;
font-style: italic;
font-size: 0.9em;
margin: 0;
}
label {
display: block;
clear: both;
width: auto;
padding: 0 0 3px 0;
color: #666666;
abbr {
padding-left: 3px;
color: #888888;
}
}
&.required label {
color: black;
}
&.string input, &.url input, &.numeric input {
display: block;
padding: 4px;
width: auto;
clear: both;
}
&.string input.title, &.url input.title, &.numeric input.title {
font-size: 1.3em;
}
&.text textarea {
height: 250px;
padding: 4px;
display: block;
clear: both;
}
&.select select {
display: block;
clear: both;
}
&.boolean {
float: none;
clear: both;
overflow: hidden;
display: block;
input {
display: block;
float: left;
clear: none;
margin: 0 5px 0 0;
}
label {
display: block;
float: left;
clear: none;
margin: 0;
padding: 0;
}
}
}
&.buttons {
margin: 0;
padding: 0;
}
}
&.fullwidth ol li {
&.string input, &.url input, &.text textarea, &.numeric input {
width: 500px !important;
}
}
}
body {
#content_message {
margin: 10px 15px;
font-style: italic;
color: #999999;
}
#header {
background-color: #89bf04;
padding: 14px;
a#logo {
font-size: 1.5em;
font-weight: bold;
text-decoration: none;
background: transparent url(../../img/swagger/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 {
font-size: 0.9em;
padding: 3px;
margin: 0;
&#input_baseUrl {
width: 400px;
}
&#input_apiKey {
width: 200px;
}
}
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;
&:hover {
background-color: #547f00;
}
}
}
}
}
p#colophon {
margin: 0 15px 40px 15px;
padding: 10px 0;
font-size: 0.8em;
border-top: 1px solid #dddddd;
color: #999999;
font-style: italic;
a {
text-decoration: none;
color: #547f00;
}
}
ul#resources {
font-size: 0.9em;
li.resource {
border-bottom: 1px solid #dddddd;
line-height: 14px;
&:last-child {
border-bottom: none;
}
div.heading {
border: 1px solid transparent;
float: none;
clear: both;
overflow: hidden;
display: block;
h2 {
color: #999999;
padding-left: 0px;
display: block;
clear: none;
float: left;
font-weight: bold;
font-size: 17px;
margin: 0px;
line-height: 17px;
a {
color: #999999;
&:hover {
color: black;
}
}
}
ul.options {
float: none;
clear: both;
overflow: hidden;
margin: 0;
padding: 0;
display: block;
clear: none;
float: right;
margin: 14px 10px 0 0;
li {
float: left;
clear: none;
margin: 0;
padding: 2px 10px;
font-size: 13px;
height: 13px;
line-height: 12px;
border-right: 1px solid #dddddd;
&:first-child, &.first {
padding-left: 0;
}
&:last-child, &.last {
padding-right: 0;
border-right: none;
}
color: #666666;
font-size: 0.9em;
a {
color: #aaaaaa;
text-decoration: none;
&:hover {
text-decoration: underline;
color: black;
}
}
}
}
}
&:hover div.heading h2 a, &.active div.heading h2 a {
color: black;
}
&:hover div.heading ul.options li a, &.active div.heading ul.options li a {
color: #555555;
}
ul.endpoints li.endpoint ul.operations {
div.content em {
color: black;
font-weight: bold;
}
li.operation {
&.get {
float: none;
clear: both;
overflow: hidden;
display: block;
margin: 0 0 10px 0;
padding: 0 0 0 0px;
div {
&.heading {
float: none;
clear: both;
overflow: hidden;
display: block;
margin: 0 0 0 0;
padding: 0;
background-color: #e7f0f7;
border: 1px solid black;
border-color: #c3d9ec;
h3 {
display: block;
clear: none;
float: left;
width: auto;
margin: 0;
padding: 0;
line-height: 1.1em;
color: black;
font-size: 16px;
font-weight: normal;
span {
margin: 0;
padding: 0;
&.http_method a {
text-transform: uppercase;
background-color: #0f6ab4;
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;
}
&.path {
padding-left: 10px;
a {
color: black;
text-decoration: none;
&:hover {
text-decoration: underline;
}
}
}
}
}
ul.options {
float: none;
clear: both;
overflow: hidden;
margin: 0;
padding: 0;
display: block;
clear: none;
float: right;
margin: 6px 10px 0 0;
li {
float: left;
clear: none;
margin: 0;
padding: 2px 10px;
border-right: 1px solid #dddddd;
&:first-child, &.first {
padding-left: 0;
}
&:last-child, &.last {
padding-right: 0;
border-right: none;
}
border-right-color: #c3d9ec;
color: #0f6ab4;
font-size: 0.9em;
a {
color: #0f6ab4;
text-decoration: none;
&:hover, &:active, &.active {
text-decoration: underline;
}
}
}
}
}
&.content {
background-color: #ebf3f9;
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;
h4 {
color: #0f6ab4;
font-size: 1.1em;
margin: 0;
padding: 15px 0 5px 0px;
}
form input[type='text'].error {
outline: 2px solid black;
outline-color: #cc0000;
}
div {
&.sandbox_header {
float: none;
clear: both;
overflow: hidden;
display: block;
input.submit {
display: block;
clear: none;
float: left;
padding: 6px 8px;
}
img {
display: block;
display: block;
clear: none;
float: right;
}
a {
padding: 4px 0 0 10px;
color: #6fa5d2;
display: inline-block;
font-size: 0.9em;
}
}
&.response div.block {
background-color: #fcf6db;
border: 1px solid black;
border-color: #e5e0c6;
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;
}
}
}
}
}
}
&.post {
float: none;
clear: both;
overflow: hidden;
display: block;
margin: 0 0 10px 0;
padding: 0 0 0 0px;
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;
h3 {
display: block;
clear: none;
float: left;
width: auto;
margin: 0;
padding: 0;
line-height: 1.1em;
font-size: 16px;
font-weight: normal;
color: black;
span {
margin: 0;
padding: 0;
&.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;
}
&.path {
padding-left: 10px;
a {
color: black;
text-decoration: none;
&:hover {
text-decoration: underline;
}
}
}
}
}
ul.options {
float: none;
clear: both;
overflow: hidden;
margin: 0;
padding: 0;
display: block;
clear: none;
float: right;
margin: 6px 10px 0 0;
li {
float: left;
clear: none;
margin: 0;
padding: 2px 10px;
border-right: 1px solid #dddddd;
&:first-child, &.first {
padding-left: 0;
}
&:last-child, &.last {
padding-right: 0;
border-right: none;
}
border-right-color: #c3e8d1;
color: #10a54a;
font-size: 0.9em;
a {
color: #10a54a;
text-decoration: none;
&:hover, &:active, &.active {
text-decoration: underline;
}
}
}
}
}
&.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;
h4 {
color: #10a54a;
font-size: 1.1em;
margin: 0;
padding: 15px 0 5px 0px;
}
form input[type='text'].error {
outline: 2px solid black;
outline-color: #cc0000;
}
div {
&.sandbox_header {
float: none;
clear: both;
overflow: hidden;
display: block;
input.submit {
display: block;
clear: none;
float: left;
padding: 6px 8px;
}
img {
display: block;
display: block;
clear: none;
float: right;
}
a {
padding: 4px 0 0 10px;
color: #6fc992;
display: inline-block;
font-size: 0.9em;
}
}
&.response div.block {
background-color: #fcf6db;
border: 1px solid black;
border-color: #e5e0c6;
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;
}
}
}
}
}
}
&.put {
float: none;
clear: both;
overflow: hidden;
display: block;
margin: 0 0 10px 0;
padding: 0 0 0 0px;
div {
&.heading {
float: none;
clear: both;
overflow: hidden;
display: block;
margin: 0 0 0 0;
padding: 0;
background-color: #f9f2e9;
border: 1px solid black;
border-color: #f0e0ca;
h3 {
display: block;
clear: none;
float: left;
width: auto;
margin: 0;
padding: 0;
line-height: 1.1em;
font-size: 16px;
font-weight: normal;
color: black;
span {
margin: 0;
padding: 0;
&.http_method a {
text-transform: uppercase;
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;
}
&.path {
padding-left: 10px;
a {
color: black;
text-decoration: none;
&:hover {
text-decoration: underline;
}
}
}
}
}
ul.options {
float: none;
clear: both;
overflow: hidden;
margin: 0;
padding: 0;
display: block;
clear: none;
float: right;
margin: 6px 10px 0 0;
li {
float: left;
clear: none;
margin: 0;
padding: 2px 10px;
border-right: 1px solid #dddddd;
&:first-child, &.first {
padding-left: 0;
}
&:last-child, &.last {
padding-right: 0;
border-right: none;
}
border-right-color: #f0e0ca;
color: #c5862b;
font-size: 0.9em;
a {
color: #c5862b;
text-decoration: none;
&:hover, &:active, &.active {
text-decoration: underline;
}
}
}
}
}
&.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;
h4 {
color: #c5862b;
font-size: 1.1em;
margin: 0;
padding: 15px 0 5px 0px;
}
form input[type='text'].error {
outline: 2px solid black;
outline-color: #cc0000;
}
div {
&.sandbox_header {
float: none;
clear: both;
overflow: hidden;
display: block;
input.submit {
display: block;
clear: none;
float: left;
padding: 6px 8px;
}
img {
display: block;
display: block;
clear: none;
float: right;
}
a {
padding: 4px 0 0 10px;
color: #dcb67f;
display: inline-block;
font-size: 0.9em;
}
}
&.response div.block {
background-color: #fcf6db;
border: 1px solid black;
border-color: #e5e0c6;
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;
}
}
}
}
}
}
&.head {
float: none;
clear: both;
overflow: hidden;
display: block;
margin: 0 0 10px 0;
padding: 0 0 0 0px;
div {
&.heading {
float: none;
clear: both;
overflow: hidden;
display: block;
margin: 0 0 0 0;
padding: 0;
background-color: #fcffcd;
border: 1px solid black;
border-color: #ffd20f;
h3 {
display: block;
clear: none;
float: left;
width: auto;
margin: 0;
padding: 0;
line-height: 1.1em;
font-size: 16px;
font-weight: normal;
color: black;
span {
margin: 0;
padding: 0;
&.http_method a {
text-transform: uppercase;
background-color: #ffd20f;
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;
}
&.path {
padding-left: 10px;
a {
color: black;
text-decoration: none;
&:hover {
text-decoration: underline;
}
}
}
}
}
ul.options {
float: none;
clear: both;
overflow: hidden;
margin: 0;
padding: 0;
display: block;
clear: none;
float: right;
margin: 6px 10px 0 0;
li {
float: left;
clear: none;
margin: 0;
padding: 2px 10px;
border-right: 1px solid #dddddd;
&:first-child, &.first {
padding-left: 0;
}
&:last-child, &.last {
padding-right: 0;
border-right: none;
}
border-right-color: #ffd20f;
color: #ffd20f;
font-size: 0.9em;
a {
color: #ffd20f;
text-decoration: none;
&:hover, &:active, &.active {
text-decoration: underline;
}
}
}
}
}
&.content {
background-color: #fcffcd;
border: 1px solid black;
border-color: #ffd20f;
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;
h4 {
color: #ffd20f;
font-size: 1.1em;
margin: 0;
padding: 15px 0 5px 0px;
}
form input[type='text'].error {
outline: 2px solid black;
outline-color: #cc0000;
}
div {
&.sandbox_header {
float: none;
clear: both;
overflow: hidden;
display: block;
input.submit {
display: block;
clear: none;
float: left;
padding: 6px 8px;
}
img {
display: block;
display: block;
clear: none;
float: right;
}
a {
padding: 4px 0 0 10px;
color: #6fc992;
display: inline-block;
font-size: 0.9em;
}
}
&.response div.block {
background-color: #fcf6db;
border: 1px solid black;
border-color: #e5e0c6;
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;
}
}
}
}
}
}
&.patch {
float: none;
clear: both;
overflow: hidden;
display: block;
margin: 0 0 10px 0;
padding: 0 0 0 0px;
div {
&.heading {
float: none;
clear: both;
overflow: hidden;
display: block;
margin: 0 0 0 0;
padding: 0;
background-color: #FCE9E3;
border: 1px solid black;
border-color: #F5D5C3;
h3 {
display: block;
clear: none;
float: left;
width: auto;
margin: 0;
padding: 0;
line-height: 1.1em;
font-size: 16px;
font-weight: normal;
color: black;
span {
margin: 0;
padding: 0;
&.http_method a {
text-transform: uppercase;
background-color: #D38042;
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;
}
&.path {
padding-left: 10px;
a {
color: black;
text-decoration: none;
&:hover {
text-decoration: underline;
}
}
}
}
}
ul.options {
float: none;
clear: both;
overflow: hidden;
margin: 0;
padding: 0;
display: block;
clear: none;
float: right;
margin: 6px 10px 0 0;
li {
float: left;
clear: none;
margin: 0;
padding: 2px 10px;
border-right: 1px solid #dddddd;
&:first-child, &.first {
padding-left: 0;
}
&:last-child, &.last {
padding-right: 0;
border-right: none;
}
border-right-color: #f0cecb;
color: #D38042;
font-size: 0.9em;
a {
color: #D38042;
text-decoration: none;
&:hover, &:active, &.active {
text-decoration: underline;
}
}
}
}
}
&.content {
background-color: #faf0ef;
border: 1px solid black;
border-color: #f0cecb;
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;
h4 {
color: #D38042;
font-size: 1.1em;
margin: 0;
padding: 15px 0 5px 0px;
}
form input[type='text'].error {
outline: 2px solid black;
outline-color: #F5D5C3;
}
div {
&.sandbox_header {
float: none;
clear: both;
overflow: hidden;
display: block;
input.submit {
display: block;
clear: none;
float: left;
padding: 6px 8px;
}
img {
display: block;
display: block;
clear: none;
float: right;
}
a {
padding: 4px 0 0 10px;
color: #dcb67f;
display: inline-block;
font-size: 0.9em;
}
}
&.response div.block {
background-color: #fcf6db;
border: 1px solid black;
border-color: #e5e0c6;
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;
}
}
}
}
}
}
&.delete {
float: none;
clear: both;
overflow: hidden;
display: block;
margin: 0 0 10px 0;
padding: 0 0 0 0px;
div {
&.heading {
float: none;
clear: both;
overflow: hidden;
display: block;
margin: 0 0 0 0;
padding: 0;
background-color: #f5e8e8;
border: 1px solid black;
border-color: #e8c6c7;
h3 {
display: block;
clear: none;
float: left;
width: auto;
margin: 0;
padding: 0;
line-height: 1.1em;
font-size: 16px;
font-weight: normal;
color: black;
span {
margin: 0;
padding: 0;
&.http_method a {
text-transform: uppercase;
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;
}
&.path {
padding-left: 10px;
a {
color: black;
text-decoration: none;
&:hover {
text-decoration: underline;
}
}
}
}
}
ul.options {
float: none;
clear: both;
overflow: hidden;
margin: 0;
padding: 0;
display: block;
clear: none;
float: right;
margin: 6px 10px 0 0;
li {
float: left;
clear: none;
margin: 0;
padding: 2px 10px;
border-right: 1px solid #dddddd;
&:first-child, &.first {
padding-left: 0;
}
&:last-child, &.last {
padding-right: 0;
border-right: none;
}
border-right-color: #e8c6c7;
color: #a41e22;
font-size: 0.9em;
a {
color: #a41e22;
text-decoration: none;
&:hover, &:active, &.active {
text-decoration: underline;
}
}
}
}
}
&.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;
h4 {
color: #a41e22;
font-size: 1.1em;
margin: 0;
padding: 15px 0 5px 0px;
}
form input[type='text'].error {
outline: 2px solid black;
outline-color: #cc0000;
}
div {
&.sandbox_header {
float: none;
clear: both;
overflow: hidden;
display: block;
input.submit {
display: block;
clear: none;
float: left;
padding: 6px 8px;
}
img {
display: block;
display: block;
clear: none;
float: right;
}
a {
padding: 4px 0 0 10px;
color: #c8787a;
display: inline-block;
font-size: 0.9em;
}
}
&.response div.block {
background-color: #fcf6db;
border: 1px solid black;
border-color: #e5e0c6;
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;
}
}
}
}
}
}
}
}
}
}
}
.model-signature {
font-size: 1em;
line-height: 1.5em;
.description span {
font-size: 0.9em;
line-height: 1.5em;
&:nth-child(odd) {
color: #333;
}
&:nth-child(even) {
color: #C5862B;
}
}
.signature-nav a {
text-decoration: none;
color: #AAA;
}
pre {
font-size: .85em;
line-height: 1.2em;
overflow: auto;
max-height: 200px;
cursor: pointer;
&:hover {
background-color: #ffffdd;
}
}
.snippet small {
font-size: 0.75em;
}
.signature-container {
clear: both;
}
.signature-nav {
a:hover {
text-decoration: underline;
color: black;
}
.selected {
color: black;
text-decoration: none;
}
}
ul.signature-nav {
float: none;
clear: both;
overflow: hidden;
margin: 0;
padding: 0;
display: block;
clear: none;
float: right;
margin-right: 5px;
margin-bottom: 5px;
li {
float: left;
clear: none;
margin: 0;
padding: 2px 10px;
border-right: 1px solid #dddddd;
&:last-child {
padding-right: 0;
border-right: none;
}
}
}
}
pre code {
background: none;
}
.content > .content-type > div > label {
clear: both;
display: block;
color: #0F6AB4;
font-size: 1.1em;
margin: 0;
padding: 15px 0 5px 0px;
}