You are here

Home » API reference » Swagger UI Field Formatter 7

style.css in Swagger UI Field Formatter 7

Same filename in this branch
  1. 7 swagger_ui/dist/css/style.css
  2. 7 swagger_ui/src/main/html/css/style.css
.swagger-section #header a#logo {
  font-size: 1.5em;
  font-weight: bold;
  text-decoration: none;
  background: transparent url(../images/logo.png) no-repeat left center;
  padding: 20px 0 20px 40px;
}
#text-head {
  font-size: 80px;
  font-family: 'Roboto', sans-serif;
  color: #ffffff;
  float: right;
  margin-right: 20%;
}
.navbar-fixed-top .navbar-nav {
  height: auto;
}
.navbar-fixed-top .navbar-brand {
  height: auto;
}
.navbar-header {
  height: auto;
}
.navbar-inverse {
  background-color: #000;
  border-color: #000;
}
#navbar-brand {
  margin-left: 20%;
}
.navtext {
  font-size: 10px;
}
.h1,
h1 {
  font-size: 60px;
}
.navbar-default .navbar-header .navbar-brand {
  color: #a2dfee;
}
/* tag titles */
.swagger-section .swagger-ui-wrap ul#resources li.resource div.heading h2 a {
  color: #393939;
  font-family: 'Arvo', serif;
  font-size: 1.5em;
}
.swagger-section .swagger-ui-wrap ul#resources li.resource div.heading h2 a:hover {
  color: black;
}
.swagger-section .swagger-ui-wrap ul#resources li.resource div.heading h2 {
  color: #525252;
  padding-left: 0px;
  display: block;
  clear: none;
  float: left;
  font-family: 'Arvo', serif;
  font-weight: bold;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #0A0A0A;
}
.container1 {
  width: 1500px;
  margin: auto;
  margin-top: 0;
  background-image: url('../images/shield.png');
  background-repeat: no-repeat;
  background-position: -40px -20px;
  margin-bottom: 210px;
}
.container-inner {
  width: 1200px;
  margin: auto;
  background-color: rgba(223, 227, 228, 0.75);
  padding-bottom: 40px;
  padding-top: 40px;
  border-radius: 15px;
}
.header-content {
  padding: 0;
  width: 1000px;
}
.title1 {
  font-size: 80px;
  font-family: 'Vollkorn', serif;
  color: #404040;
  text-align: center;
  padding-top: 40px;
  padding-bottom: 100px;
}
#icon {
  margin-top: -18px;
}
.subtext {
  font-size: 25px;
  font-style: italic;
  color: #08b;
  text-align: right;
  padding-right: 250px;
}
.bg-primary {
  background-color: #00468b;
}
.navbar-default .nav > li > a,
.navbar-default .nav > li > a:focus {
  color: #08b;
}
.navbar-default .nav > li > a,
.navbar-default .nav > li > a:hover {
  color: #08b;
}
.navbar-default .nav > li > a,
.navbar-default .nav > li > a:focus:hover {
  color: #08b;
}
.text-faded {
  font-size: 25px;
  font-family: 'Vollkorn', serif;
}
.section-heading {
  font-family: 'Vollkorn', serif;
  font-size: 45px;
  padding-bottom: 10px;
}
hr {
  border-color: #00468b;
  padding-bottom: 10px;
}
.description {
  margin-top: 20px;
  padding-bottom: 200px;
}
.description li {
  font-family: 'Vollkorn', serif;
  font-size: 25px;
  color: #525252;
  margin-left: 28%;
  padding-top: 5px;
}
.gap {
  margin-top: 200px;
}
.troubleshootingtext {
  color: rgba(255, 255, 255, 0.7);
  padding-left: 30%;
}
.troubleshootingtext li {
  list-style-type: circle;
  font-size: 25px;
  padding-bottom: 5px;
}
.overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
}
.block.response_body.json:hover {
  cursor: pointer;
}
.backdrop {
  color: blue;
}
#myModal {
  height: 100%;
}
.modal-backdrop {
  bottom: 0;
  position: fixed;
}
.curl {
  padding: 10px;
  font-family: "Anonymous Pro", "Menlo", "Consolas", "Bitstream Vera Sans Mono", "Courier New", monospace;
  font-size: 0.9em;
  max-height: 400px;
  margin-top: 5px;
  overflow-y: auto;
  background-color: #fcf6db;
  border: 1px solid #e5e0c6;
  border-radius: 4px;
}
.curl_title {
  font-size: 1.1em;
  margin: 0;
  padding: 15px 0 5px;
  font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 500;
  line-height: 1.1;
}
.footer {
  display: none;
}
.swagger-section .swagger-ui-wrap h2 {
  padding: 0;
}
h2 {
  margin: 0;
  margin-bottom: 5px;
}
.markdown p {
  font-size: 15px;
  font-family: 'Arvo', serif;
}
.swagger-section .swagger-ui-wrap .code {
  font-size: 15px;
  font-family: 'Arvo', serif;
}
.swagger-section .swagger-ui-wrap b {
  font-family: 'Arvo', serif;
}
#signin:hover {
  cursor: pointer;
}
.dropdown-menu {
  padding: 15px;
}
.navbar-right .dropdown-menu {
  left: 0;
  right: auto;
}
#signinbutton {
  width: 100%;
  height: 32px;
  font-size: 13px;
  font-weight: bold;
  color: #08b;
}
.navbar-default .nav > li .details {
  color: #000000;
  text-transform: none;
  font-size: 15px;
  font-weight: normal;
  font-family: 'Open Sans', sans-serif;
  font-style: italic;
  line-height: 20px;
  top: -2px;
}
.navbar-default .nav > li .details:hover {
  color: black;
}
#signout {
  width: 100%;
  height: 32px;
  font-size: 13px;
  font-weight: bold;
  color: #08b;
}

File

swagger_ui/src/main/html/css/style.css
View source 
  1. .swagger-section #header a#logo {

  2.   font-size: 1.5em;

  3.   font-weight: bold;

  4.   text-decoration: none;

  5.   background: transparent url(../images/logo.png) no-repeat left center;

  6.   padding: 20px 0 20px 40px;

  7. }

  8. #text-head {

  9.   font-size: 80px;

  10.   font-family: 'Roboto', sans-serif;

  11.   color: #ffffff;

  12.   float: right;

  13.   margin-right: 20%;

  14. }

  15. .navbar-fixed-top .navbar-nav {

  16.   height: auto;

  17. }

  18. .navbar-fixed-top .navbar-brand {

  19.   height: auto;

  20. }

  21. .navbar-header {

  22.   height: auto;

  23. }

  24. .navbar-inverse {

  25.   background-color: #000;

  26.   border-color: #000;

  27. }

  28. #navbar-brand {

  29.   margin-left: 20%;

  30. }

  31. .navtext {

  32.   font-size: 10px;

  33. }

  34. .h1,

  35. h1 {

  36.   font-size: 60px;

  37. }

  38. .navbar-default .navbar-header .navbar-brand {

  39.   color: #a2dfee;

  40. }

  41. /* tag titles */

  42. .swagger-section .swagger-ui-wrap ul#resources li.resource div.heading h2 a {

  43.   color: #393939;

  44.   font-family: 'Arvo', serif;

  45.   font-size: 1.5em;

  46. }

  47. .swagger-section .swagger-ui-wrap ul#resources li.resource div.heading h2 a:hover {

  48.   color: black;

  49. }

  50. .swagger-section .swagger-ui-wrap ul#resources li.resource div.heading h2 {

  51.   color: #525252;

  52.   padding-left: 0px;

  53.   display: block;

  54.   clear: none;

  55.   float: left;

  56.   font-family: 'Arvo', serif;

  57.   font-weight: bold;

  58. }

  59. .navbar-default .navbar-collapse,

  60. .navbar-default .navbar-form {

  61.   border-color: #0A0A0A;

  62. }

  63. .container1 {

  64.   width: 1500px;

  65.   margin: auto;

  66.   margin-top: 0;

  67.   background-image: url('../images/shield.png');

  68.   background-repeat: no-repeat;

  69.   background-position: -40px -20px;

  70.   margin-bottom: 210px;

  71. }

  72. .container-inner {

  73.   width: 1200px;

  74.   margin: auto;

  75.   background-color: rgba(223, 227, 228, 0.75);

  76.   padding-bottom: 40px;

  77.   padding-top: 40px;

  78.   border-radius: 15px;

  79. }

  80. .header-content {

  81.   padding: 0;

  82.   width: 1000px;

  83. }

  84. .title1 {

  85.   font-size: 80px;

  86.   font-family: 'Vollkorn', serif;

  87.   color: #404040;

  88.   text-align: center;

  89.   padding-top: 40px;

  90.   padding-bottom: 100px;

  91. }

  92. #icon {

  93.   margin-top: -18px;

  94. }

  95. .subtext {

  96.   font-size: 25px;

  97.   font-style: italic;

  98.   color: #08b;

  99.   text-align: right;

  100.   padding-right: 250px;

  101. }

  102. .bg-primary {

  103.   background-color: #00468b;

  104. }

  105. .navbar-default .nav > li > a,

  106. .navbar-default .nav > li > a:focus {

  107.   color: #08b;

  108. }

  109. .navbar-default .nav > li > a,

  110. .navbar-default .nav > li > a:hover {

  111.   color: #08b;

  112. }

  113. .navbar-default .nav > li > a,

  114. .navbar-default .nav > li > a:focus:hover {

  115.   color: #08b;

  116. }

  117. .text-faded {

  118.   font-size: 25px;

  119.   font-family: 'Vollkorn', serif;

  120. }

  121. .section-heading {

  122.   font-family: 'Vollkorn', serif;

  123.   font-size: 45px;

  124.   padding-bottom: 10px;

  125. }

  126. hr {

  127.   border-color: #00468b;

  128.   padding-bottom: 10px;

  129. }

  130. .description {

  131.   margin-top: 20px;

  132.   padding-bottom: 200px;

  133. }

  134. .description li {

  135.   font-family: 'Vollkorn', serif;

  136.   font-size: 25px;

  137.   color: #525252;

  138.   margin-left: 28%;

  139.   padding-top: 5px;

  140. }

  141. .gap {

  142.   margin-top: 200px;

  143. }

  144. .troubleshootingtext {

  145.   color: rgba(255, 255, 255, 0.7);

  146.   padding-left: 30%;

  147. }

  148. .troubleshootingtext li {

  149.   list-style-type: circle;

  150.   font-size: 25px;

  151.   padding-bottom: 5px;

  152. }

  153. .overlay {

  154.   position: absolute;

  155.   top: 0;

  156.   left: 0;

  157.   width: 100%;

  158.   height: 100%;

  159.   z-index: 1000;

  160. }

  161. .block.response_body.json:hover {

  162.   cursor: pointer;

  163. }

  164. .backdrop {

  165.   color: blue;

  166. }

  167. #myModal {

  168.   height: 100%;

  169. }

  170. .modal-backdrop {

  171.   bottom: 0;

  172.   position: fixed;

  173. }

  174. .curl {

  175.   padding: 10px;

  176.   font-family: "Anonymous Pro", "Menlo", "Consolas", "Bitstream Vera Sans Mono", "Courier New", monospace;

  177.   font-size: 0.9em;

  178.   max-height: 400px;

  179.   margin-top: 5px;

  180.   overflow-y: auto;

  181.   background-color: #fcf6db;

  182.   border: 1px solid #e5e0c6;

  183.   border-radius: 4px;

  184. }

  185. .curl_title {

  186.   font-size: 1.1em;

  187.   margin: 0;

  188.   padding: 15px 0 5px;

  189.   font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;

  190.   font-weight: 500;

  191.   line-height: 1.1;

  192. }

  193. .footer {

  194.   display: none;

  195. }

  196. .swagger-section .swagger-ui-wrap h2 {

  197.   padding: 0;

  198. }

  199. h2 {

  200.   margin: 0;

  201.   margin-bottom: 5px;

  202. }

  203. .markdown p {

  204.   font-size: 15px;

  205.   font-family: 'Arvo', serif;

  206. }

  207. .swagger-section .swagger-ui-wrap .code {

  208.   font-size: 15px;

  209.   font-family: 'Arvo', serif;

  210. }

  211. .swagger-section .swagger-ui-wrap b {

  212.   font-family: 'Arvo', serif;

  213. }

  214. #signin:hover {

  215.   cursor: pointer;

  216. }

  217. .dropdown-menu {

  218.   padding: 15px;

  219. }

  220. .navbar-right .dropdown-menu {

  221.   left: 0;

  222.   right: auto;

  223. }

  224. #signinbutton {

  225.   width: 100%;

  226.   height: 32px;

  227.   font-size: 13px;

  228.   font-weight: bold;

  229.   color: #08b;

  230. }

  231. .navbar-default .nav > li .details {

  232.   color: #000000;

  233.   text-transform: none;

  234.   font-size: 15px;

  235.   font-weight: normal;

  236.   font-family: 'Open Sans', sans-serif;

  237.   font-style: italic;

  238.   line-height: 20px;

  239.   top: -2px;

  240. }

  241. .navbar-default .nav > li .details:hover {

  242.   color: black;

  243. }

  244. #signout {

  245.   width: 100%;

  246.   height: 32px;

  247.   font-size: 13px;

  248.   font-weight: bold;

  249.   color: #08b;

  250. }