manhteky123/CloudflareCallDoc

1/**2 * apidoc main css file3 */4 5/**6 * Define colors7 */8:root {9  --primary: #0088cc;10  --white: #fff;11  --light-gray: #ccc;12  --main-gray: #777;13  --dark-gray: #2d2d2d;14  --hover-gray: #666;15  --meth-get: green;16  --meth-put: #e5c500;17  --meth-post: #4070ec;18  --meth-delete: #ed0039;19  --red: #dc3545;20}21 22.color-primary {23  color: var(--primary);24}25 26.bg-primary {27  background-color: var(--primary);28}29 30.bg-red {31  color: var(--white);32  background-color: var(--red);33}34 35.border-danger {36  border: 1px solid var(--red);37}38 39/** for some reason the iOS safari style is applied on date inputs */40input[type="date"] {41  line-height: 1.4 !important;42}43 44/* ------------------------------------------------------------------------------------------45 * Content46 * ------------------------------------------------------------------------------------------ */47@font-face {48  font-family: 'Glyphicons Halflings';49  src: url('glyphicons-halflings-regular.eot');50  src: url('glyphicons-halflings-regulard41d.eot?#iefix') format('embedded-opentype'),51    url('glyphicons-halflings-regular.woff') format('woff'),52    url('glyphicons-halflings-regular.woff2') format('woff2'),53    url('glyphicons-halflings-regular.ttf') format('truetype'),54    url('glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg');55}56 57/* Hide vertical scrollbar on off canvas animation ("left" positioning) */58html {59  overflow-x: hidden;60}61 62body {63  font-family: "Source Sans Pro", sans-serif;64}65 66a:focus {67  background-color: var(--primary);68}69 70#content {71  margin-top: 10px;72  padding-left: 10px;73}74 75p {76  font-size: 130%;77  color: var(--main-gray);78}79 80section {81  padding: 30px 0;82}83 84article {85  border-top: 1px solid var(--light-gray);86  padding: 14px 0 30px 0;87}88 89table {90  border-collapse: collapse;91  width: 100%;92  margin: 0 0 20px 0;93}94 95th {96  background-color: var(--main-gray);97  color: var(--white);98  text-align: left;99  padding: 5px 8px;100  border: 1px solid var(--main-gray);101}102 103td {104  padding: 5px;105  border: 1px solid var(--main-gray);106}107 108td.code {109  font-family: "Source Code Pro", monospace;110  font-weight: 600;111}112 113.label {114  float: right;115  margin-top: 4px;116  user-select: none;117}118 119.label.optional {120  background-color: grey;121}122 123.label.required {124  background-color: var(--red);125}126 127.default-value,128.type-size {129  font-style: italic;130  font-size: 95%;131}132 133.open-left {134  right: 0;135  left: auto;136}137 138.invisible {139  visibility: hidden;140}141 142.input-group-addon.sample-request-select {143  padding: 0 6px;144}145 146.input-group-addon.sample-request-select select {147  width: auto;148  height: 32px;149}150 151.sample-request-input-Boolean-container {152  width: 40px;153  height: 34px;154  background: var(--white);155  border: 1px solid var(--light-gray);156}157 158.sample-request-input-Boolean-container > div {159  margin-top: 7px;160  text-align: center;161}162 163.sample-request-input-Boolean-container > div input {164  margin: 0;165}166 167/* ------------------------------------------------------------------------------------------168 * Request method (HTTP verb)169 * ------------------------------------------------------------------------------------------ */170.method {171  font-weight: 600;172  font-size: 15px;173  display: inline-block;174  margin: 0 0 5px 0;175  padding: 4px 5px;176  border-radius: 6px;177  text-transform: uppercase;178  background-color: var(--main-gray);179  color: var(--white);180}181 182.meth-get {183  background-color: var(--meth-get);184}185 186.meth-put {187  background-color: var(--meth-put);188}189 190.meth-post {191  background-color: var(--meth-post);192}193 194.meth-delete {195  background-color: var(--meth-delete);196}197 198/* ------------------------------------------------------------------------------------------199 * Sidenav200 * ------------------------------------------------------------------------------------------ */201#scrollingNav {202  position: fixed;203  top: 0;204  left: 0;205  bottom: 0;206  z-index: 10;207  background-color: var(--dark-gray);208  box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);209}210 211.sidenav {212  color: var(--white);213  position: absolute;214  top: 50px;215  left: 0;216  right: 0;217  bottom: 0;218  overflow-x: hidden;219  overflow-y: hidden;220}221 222.sidenav:hover {223  overflow-x: auto;224  overflow-y: auto;225}226 227.sidenav > li > a {228  color: var(--white);229  display: block;230  padding: 8px 13px;231}232 233/* non active sidenav link are highlighted on hover */234.sidenav > li:not(.active) > a:hover {235  background-color: var(--hover-gray);236}237 238.sidenav > li.nav-header {239  margin-top: 8px;240  margin-bottom: 8px;241}242 243.sidenav > li.nav-header > a {244  padding: 5px 15px;245  font-weight: 700;246  font-size: 16px;247  background-color: var(--main-gray);248}249 250 251.sidenav > li.active > a {252  position: relative;253  background-color: var(--primary);254  color: var(--white);255}256 257/**258 * TODO: commented out for the moment259.sidenav > li.has-modifications a {260  border-right: 4px solid var(--main-gray);261}262 263.nav-list-item :not(.is-new) {264  border-left: 4px solid var(--main-gray);265}266 267.sidenav > li.is-new a {268  border-left: 4px solid var(--primary);269}270*/271 272/*273 * Off Canvas274 * --------------------------------------------------275 */276@media screen and (max-width: 767px) {277  #content {278    margin-top: 58px;279  }280 281  .row-offcanvas {282    position: relative;283    -webkit-transition: all .25s ease-out;284    -o-transition: all .25s ease-out;285    transition: all .25s ease-out;286    left: 0;287  }288 289  .row-offcanvas,290  .row-offcanvas * {291    transition: all 0.5s ease-out;292  }293 294  .row-offcanvas .sidebar-offcanvas {295    position: absolute;296    top: 0;297    left: -200px !important; /* 6 columns */298    width: 100%; /* 6 columns */299    max-width: 200px;300  }301 302  .nav-toggle {303    position: fixed;304    left: 0;305    background: var(--dark-gray);306    width: 100%;307  }308  309  .nav-toggle .btn {310    margin: 10px 14px;311  }312  .nav-toggle .icon-bar {313    display: block;314    width: 22px;315    height: 2px;316    border-radius: 1px;317    background-color: var(--white);318  }319  .nav-toggle .icon-bar + .icon-bar {320    margin-top: 4px;321  }322 323  .row-offcanvas.active .sidebar-offcanvas {324    left: 0 !important; /* 6 columns */325  }326  .row-offcanvas.active, .row-offcanvas.active .nav-toggle {327    left: 200px;328  }329  /* Styling the three lines to make it an X */330  .row-offcanvas.active .nav-toggle .btn > .icon-bar {331    transform: rotate(45deg) translate(-4px, -4px);332  }333  .row-offcanvas.active .nav-toggle .btn .icon-bar:nth-child(2) {334    display: none;335  }336  .row-offcanvas.active .nav-toggle .btn .icon-bar:nth-child(3) {337    transform: rotate(-45deg);338  }339}340 341/* ------------------------------------------------------------------------------------------342 * Side nav search343 * ------------------------------------------------------------------------------------------ */344.sidenav-search {345  padding: 16px 10px 10px;346  background-color: var(--dark-gray);347}348 349.sidenav-search .search {350  height: 26px;351}352 353.search-reset {354  position: absolute;355  display: block;356  cursor: pointer;357  width: 20px;358  height: 20px;359  text-align: center;360  right: 28px;361  top: 18px;362  background-color: #fff;363}364 365/* ------------------------------------------------------------------------------------------366 * Prism - Toolbar367 * ------------------------------------------------------------------------------------------ */368div.code-toolbar.code-toolbar > .toolbar {369  top: .4rem;370  right: .4rem;371}372div.code-toolbar.code-toolbar > .toolbar > .toolbar-item > button:hover, 373div.code-toolbar.code-toolbar > .toolbar > .toolbar-item > button:focus {374  color: var(--white);375}376div.code-toolbar.code-toolbar > .toolbar > .toolbar-item > button {377  color: var(--light-gray);378  padding: .5em;379  background: var(--hover-gray);380  box-shadow: 0 2px 1px 1px rgba(0,0,0,.5);381}382 383/* ------------------------------------------------------------------------------------------384 * Compare385 * ------------------------------------------------------------------------------------------ */386 387ins {388  background: #60d060;389  text-decoration: none;390  color: #000000;391}392 393del {394  background: #f05050;395  color: #000000;396}397 398.label-ins {399  background-color: #60d060;400}401 402.label-del {403  background-color: #f05050;404  text-decoration: line-through;405}406 407pre.ins {408  background-color: #60d060;409}410 411pre.del {412  background-color: #f05050;413  text-decoration: line-through;414}415 416table.ins th,417table.ins td {418  background-color: #60d060;419}420 421table.del th,422table.del td {423  background-color: #f05050;424  text-decoration: line-through;425}426 427tr.ins td {428  background-color: #60d060;429}430 431tr.del td {432  background-color: #f05050;433  text-decoration: line-through;434}435 436/* ------------------------------------------------------------------------------------------437 * Spinner438 * ------------------------------------------------------------------------------------------ */439 440#loader {441  position: absolute;442  width: 100%;443}444 445#loader p {446  padding-top: 80px;447  margin-left: -4px;448}449 450.spinner {451  margin: 200px auto;452  width: 60px;453  height: 60px;454  position: relative;455}456 457.container1 > div, .container2 > div, .container3 > div {458  width: 14px;459  height: 14px;460  background-color: #0088cc;461 462  border-radius: 100%;463  position: absolute;464  -webkit-animation: bouncedelay 1.2s infinite ease-in-out;465  animation: bouncedelay 1.2s infinite ease-in-out;466  /* Prevent first frame from flickering when animation starts */467  -webkit-animation-fill-mode: both;468  animation-fill-mode: both;469}470 471.spinner .spinner-container {472  position: absolute;473  width: 100%;474  height: 100%;475}476 477.container2 {478  -webkit-transform: rotateZ(45deg);479  transform: rotateZ(45deg);480}481 482.container3 {483  -webkit-transform: rotateZ(90deg);484  transform: rotateZ(90deg);485}486 487.circle1 { top: 0; left: 0; }488.circle2 { top: 0; right: 0; }489.circle3 { right: 0; bottom: 0; }490.circle4 { left: 0; bottom: 0; }491 492.container2 .circle1 {493  -webkit-animation-delay: -1.1s;494  animation-delay: -1.1s;495}496 497.container3 .circle1 {498  -webkit-animation-delay: -1.0s;499  animation-delay: -1.0s;500}501 502.container1 .circle2 {503  -webkit-animation-delay: -0.9s;504  animation-delay: -0.9s;505}506 507.container2 .circle2 {508  -webkit-animation-delay: -0.8s;509  animation-delay: -0.8s;510}511 512.container3 .circle2 {513  -webkit-animation-delay: -0.7s;514  animation-delay: -0.7s;515}516 517.container1 .circle3 {518  -webkit-animation-delay: -0.6s;519  animation-delay: -0.6s;520}521 522.container2 .circle3 {523  -webkit-animation-delay: -0.5s;524  animation-delay: -0.5s;525}526 527.container3 .circle3 {528  -webkit-animation-delay: -0.4s;529  animation-delay: -0.4s;530}531 532.container1 .circle4 {533  -webkit-animation-delay: -0.3s;534  animation-delay: -0.3s;535}536 537.container2 .circle4 {538  -webkit-animation-delay: -0.2s;539  animation-delay: -0.2s;540}541 542.container3 .circle4 {543  -webkit-animation-delay: -0.1s;544  animation-delay: -0.1s;545}546 547@-webkit-keyframes bouncedelay {548  0%, 80%, 100% { -webkit-transform: scale(0.0) }549  40% { -webkit-transform: scale(1.0) }550}551 552@keyframes bouncedelay {553  0%, 80%, 100% {554    transform: scale(0.0);555    -webkit-transform: scale(0.0);556  } 40% {557    transform: scale(1.0);558    -webkit-transform: scale(1.0);559  }560}561 562/* ------------------------------------------------------------------------------------------563 * Tabs564 * ------------------------------------------------------------------------------------------ */565ul.nav-tabs {566  margin: 0;567}568 569p.deprecated span{570  color: var(--red);571  font-weight: bold;572  text-decoration: underline;573}574 575/**576 * Footer577 */578#generator {579  padding: 10px 0;580}581 582/* ------------------------------------------------------------------------------------------583 * Print584 * ------------------------------------------------------------------------------------------ */585 586@media print {587 588  #sidenav,589  #version,590  #versions,591  section .version,592  section .versions {593    display: none;594  }595 596  #content {597    margin-left: 0;598  }599 600  a {601    text-decoration: none;602    color: inherit;603  }604 605  a:after {606    content: " [" attr(href) "] ";607  }608 609  p {610    color: #000000611  }612 613  pre {614    background-color: #ffffff;615    color: #000000;616    padding: 10px;617    border: #808080 1px solid;618    border-radius: 6px;619    position: relative;620    margin: 10px 0 20px 0;621  }622 623} /* /@media print */624