NelmioApiDocBundle/Resources/public/css/screen.css

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,
smany, 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;
  font-family: "Droid Sans", sans-serif;
}

ol, ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

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 {
  color: black;
  font-size: 1.5em;
  line-height: 1.3em;
  padding: 10px 0 10px 0;
  font-family: "Droid Sans", sans-serif;
  font-weight: bold;
}

h2 {
  color: black;
  font-size: 1.3em;
  padding: 10px 0 10px 0;
}
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;
  font-size: 1.1em;
  padding: 10px 0 10px 0;
}

p {
  line-height: 1.4em;
  padding: 0 0 10px 0;
  color: #333333;
}

a {
  color: #547f00;
}

strong {
  font-family: "Droid Sans", sans-serif;
  font-weight: bold;
  font-weight: bold;
}

pre {
  font-family: "Anonymous Pro", "Menlo", "Consolas", "Bitstream Vera Sans Mono", "Courier New", monospace;
  background-color: #fcf6db;
  border: 1px solid #e5e0c6;
  padding: 10px;
  /* white-space: pre-line */
}

table.fullwidth {
  width: 100%;
}
table thead tr th {
  padding: 5px;
  font-size: 0.9em;
  color: #666666;
  border-bottom: 1px solid #999999;
}
table tbody tr td {
  padding: 6px;
  font-size: 0.9em;
  border-bottom: 1px solid #cccccc;
  vertical-align: top;
  line-height: 1.3em;
}
table tbody tr:last-child td {
  border-bottom: none;
}

#header {
  background-color: #89BF04;
  padding: 1%;
  margin-bottom: 1%;
}

#header h1 {
  font-size: 1.2em;
}

#header a {
  text-decoration: none;
}

#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;
}

#colophon a {
  text-decoration: none;
  color: #547f00;
}

#resources {
  padding: 0 1%;
  font-family: "Droid Sans", sans-serif;
  font-size: 0.9em;
}

li.resource {
  border-bottom: 1px solid #dddddd;
}
li.resource:last-child {
  border-bottom: none;
}

/* heading */
div.heading {
  border: 1px solid transparent;
  float: none;
  clear: both;
  overflow: hidden;
  display: block;
}
div.heading h2 {
  color: #999999;
  padding-left: 0;
  display: block;
  clear: none;
  float: left;
  font-family: "Droid Sans", sans-serif;
  font-weight: bold;
}
div.heading ul.options {
  overflow: hidden;
  padding: 0;
  display: block;
  clear: none;
  float: right;
  margin: 6px 10px 0 0;
}
div.heading ul.options li {
  float: left;
  clear: none;
  margin: 0;
  padding: 2px 10px;
  border-right: 1px solid #dddddd;
  color: #666666;
  font-size: 0.9em;
}
div.heading ul.options li:first-child,
div.heading ul.options li.first {
  padding-left: 0;
}
div.heading ul.options li:last-child,
div.heading ul.options li.last {
  padding-right: 0;
  border-right: none;
}

/* operations */
li.operation {
  float: none;
  clear: both;
  overflow: hidden;
  display: block;
  margin: 0 0 10px 0;
  padding: 0 0 0 0px;
}
li.operation div.heading {
  margin: 0 0 0 0;
  padding: 0;
  background-color: #e7f0f7;
  border: 1px solid black;
}
li.operation div.heading h3 {
  display: block;
  clear: none;
  float: left;
  width: auto;
  margin: 0;
  padding: 0;
  line-height: 1.1em;
  color: black;
}
li.operation div.heading h3 span {
  margin: 0;
  padding: 0;
}
li.operation div.heading h3 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 0;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}
li.operation div.heading h3 span.path {
  padding-left: 10px;
}

li.operation div.content {
  border: 1px solid black;
  border-top: none;
  padding: 10px;
  -moz-border-radius-bottomleft: 6px;
  -webkit-border-bottom-left-radius: 6px;
  border-bottom-left-radius: 6px;
  -moz-border-radius-bottomright: 6px;
  -webkit-border-bottom-right-radius: 6px;
  border-bottom-right-radius: 6px;
  margin: 0 0 20px 0;
}
li.operation div.content h4 {
  font-size: 1.1em;
  margin: 0;
  padding: 15px 0 5px 0px;
}
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-family: "Anonymous Pro", "Menlo", "Consolas", "Bitstream Vera Sans Mono", "Courier New", monospace;
  padding: 10px;
  font-size: 0.9em;
  max-height: 400px;
  overflow-y: auto;
}

/* GET operations */
li.operation.get div.heading {
  border-color: #c3d9ec;
}
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;
}

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;
}
li.operation.any div.heading h3 span.http_method a {
  background-color: #000;
}
li.operation.any div.heading ul.options li {
  color: #000;
  border-right-color: gray;
}

li.operation.any div.content {
  background-color: lightgray;
  border-color: gray;
}
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 {
  background-color: #f9f2e9;
  border-color: #f0e0ca;
}
li.operation.put div.heading h3 span.http_method a {
  background-color: #c5862b;
}
li.operation.put div.heading ul.options li {
  border-right-color: #f0e0ca;
  color: #c5862b;
}

li.operation.put div.content {
  background-color: #faf5ee;
  border-color: #f0e0ca;
}
li.operation.put div.content h4 {
  color: #c5862b;
}

/* DELETE operations */
li.operation.delete div.heading {
  background-color: #f5e8e8;
  border-color: #e8c6c7;
}
li.operation.delete div.heading h3 span.http_method a {
  background-color: #a41e22;
}
li.operation.delete div.heading ul.options li {
  border-right-color: #e8c6c7;
  color: #a41e22;
}

li.operation.delete div.content {
  background-color: #f7eded;
  border-color: #e8c6c7;
}
li.operation.delete div.content h4 {
  color: #a41e22;
}

/* PATCH operations */
li.operation.patch div.heading {
  background-color: #f5e8e8;
  border-color: #e8c6e7;
}
li.operation.patch div.heading h3 span.http_method a {
  background-color: #a41ee2;
}
li.operation.patch div.heading ul.options li {
  border-right-color: #e8c6c7;
  color: #a41ee2;
}

li.operation.patch div.content {
  background-color: #f7eded;
  border-color: #e8c6c7;
}
li.operation.patch div.content h4 {
  color: #a41ee2;
}


.toggler {
  cursor: pointer;
}


/** sandbox */
.pane:not(.selected) {
  display: none;
}

.result pre {
  border: none;
  padding: 10px;
  font-size: 0.9em;
  overflow: auto;
}

.tabs li {
  display: inline;
  float: left;
  margin: 10px;
  cursor: pointer;
}

.tabs li.selected {
  font-weight: bold;
}

.panes {
  clear: both;
  border-top: 1px solid #C3D9EC;
}

.pane.sandbox {
  border: 1px solid #C3D9EC;
  border-top: none;
  padding: 10px;
}

.pane.sandbox legend {
  margin-bottom: 5px;
}

.remove {
  cursor: pointer;
}

.pane.sandbox .result {
  display: none;
}

.parameters {
  float: left;
  width: 50%;
}

.buttons {
  clear: both;
  padding-top: 10px;
}