apidoc/css/style.css

   1 /* ------------------------------------------------------------------------------------------
   2  * Content
   3  * ------------------------------------------------------------------------------------------ */
   4 body {
   5   max-width: 1280px;
   6 }
   7
   8 body, p, a, div, th, td {
   9   font-family: "Source Sans Pro", sans-serif;
  10   font-weight: 400;
  11   font-size: 16px;
  12 }
  13
  14 @media (min-width: 1200px) {
  15   body.container-fluid {
  16     padding-right: 0px;
  17     padding-left: 0px;
  18     margin-right: 0px;
  19     margin-left: 0px;
  20   }
  21 }
  22
  23 td.code {
  24   font-size: 14px;
  25   font-family: "Source Code Pro", monospace;
  26   font-style: normal;
  27   font-weight: 400;
  28 }
  29
  30 #content {
  31   padding-top: 16px;
  32   z-Index: -1;
  33   margin-left: 270px;
  34 }
  35
  36 p {
  37   color: #808080;
  38 }
  39
  40 h1 {
  41   font-family: "Source Sans Pro Semibold", sans-serif;
  42   font-weight: normal;
  43   font-size: 44px;
  44   line-height: 50px;
  45   margin: 0 0 10px 0;
  46   padding: 0;
  47 }
  48
  49 h2 {
  50   font-family: "Source Sans Pro", sans-serif;
  51   font-weight: normal;
  52   font-size: 24px;
  53   line-height: 40px;
  54   margin: 0 0 20px 0;
  55   padding: 0;
  56 }
  57
  58 section {
  59   border-top: 1px solid #ebebeb;
  60   padding: 30px 0;
  61 }
  62
  63 section h1 {
  64   font-family: "Source Sans Pro", sans-serif;
  65   font-weight: 700;
  66   font-size: 32px;
  67   line-height: 40px;
  68   padding-bottom: 14px;
  69   margin: 0 0 20px 0;
  70   padding: 0;
  71 }
  72
  73 article {
  74   padding: 14px 0 30px 0;
  75 }
  76
  77 article h1 {
  78   font-family: "Source Sans Pro Bold", sans-serif;
  79   font-weight: 600;
  80   font-size: 24px;
  81   line-height: 26px;
  82 }
  83
  84 article h2 {
  85   font-family: "Source Sans Pro", sans-serif;
  86   font-weight: 600;
  87   font-size: 18px;
  88   line-height: 24px;
  89   margin: 0 0 10px 0;
  90 }
  91
  92 article h3 {
  93   font-family: "Source Sans Pro", sans-serif;
  94   font-weight: 600;
  95   font-size: 16px;
  96   line-height: 18px;
  97   margin: 0 0 10px 0;
  98 }
  99
 100 article h4 {
 101   font-family: "Source Sans Pro", sans-serif;
 102   font-weight: 600;
 103   font-size: 14px;
 104   line-height: 16px;
 105   margin: 0 0 8px 0;
 106 }
 107
 108 table {
 109   border-collapse: collapse;
 110   width: 100%;
 111   margin: 0 0 20px 0;
 112 }
 113
 114 th {
 115   background-color: #f5f5f5;
 116   text-align: left;
 117   font-family: "Source Sans Pro", sans-serif;
 118   font-weight: 700;
 119   padding: 4px 8px;
 120   border: #e0e0e0 1px solid;
 121 }
 122
 123 td {
 124   vertical-align: top;
 125   padding: 10px 8px 0 8px;
 126   border: #e0e0e0 1px solid;
 127 }
 128
 129 #generator .content {
 130   color: #b0b0b0;
 131   border-top: 1px solid #ebebeb;
 132   padding: 10px 0;
 133 }
 134
 135 .label-optional {
 136   float: right;
 137   background-color: grey;
 138   margin-top: 4px;
 139 }
 140
 141 .open-left {
 142   right: 0;
 143   left: auto;
 144 }
 145
 146 /* ------------------------------------------------------------------------------------------
 147  * apidoc - intro
 148  * ------------------------------------------------------------------------------------------ */
 149
 150 #apidoc .apidoc {
 151   border-top: 1px solid #ebebeb;
 152   padding: 30px 0;
 153 }
 154
 155 #apidoc h1 {
 156   font-family: "Source Sans Pro", sans-serif;
 157   font-weight: 700;
 158   font-size: 32px;
 159   line-height: 40px;
 160   padding-bottom: 14px;
 161   margin: 0 0 20px 0;
 162   padding: 0;
 163 }
 164
 165 #apidoc h2 {
 166   font-family: "Source Sans Pro Bold", sans-serif;
 167   font-weight: 600;
 168   font-size: 22px;
 169   line-height: 26px;
 170   padding-top: 14px;
 171 }
 172
 173 /* ------------------------------------------------------------------------------------------
 174  * pre / code
 175  * ------------------------------------------------------------------------------------------ */
 176 pre {
 177   background-color: #292b36;
 178   color: #ffffff;
 179   padding: 10px;
 180   border-radius: 6px;
 181   position: relative;
 182   margin: 10px 0 20px 0;
 183   overflow-x: auto;
 184 }
 185
 186 pre.prettyprint {
 187   width: 100%;
 188 }
 189
 190 code.language-text {
 191   word-wrap: break-word;
 192 }
 193
 194 pre.language-json {
 195   overflow: auto;
 196 }
 197
 198 pre.language-html {
 199   margin: 0 0 20px 0;
 200 }
 201
 202 .type {
 203   font-family: "Source Sans Pro", sans-serif;
 204   font-weight: 600;
 205   font-size: 15px;
 206   display: inline-block;
 207   margin: 0 0 5px 0;
 208   padding: 4px 5px;
 209   border-radius: 6px;
 210   text-transform: uppercase;
 211   background-color: #3387CC;
 212   color: #ffffff;
 213 }
 214
 215 .type__get {
 216   background-color: green;
 217 }
 218
 219 .type__put {
 220   background-color: #e5c500;
 221 }
 222
 223 .type__post {
 224   background-color: #4070ec;
 225 }
 226
 227 .type__delete {
 228   background-color: #ed0039;
 229 }
 230
 231 pre.language-api .str {
 232   color: #ffffff;
 233 }
 234
 235 pre.language-api .pln,
 236 pre.language-api .pun {
 237   color: #65B042;
 238 }
 239
 240 pre code {
 241   display: block;
 242   font-size: 14px;
 243   font-family: "Source Code Pro", monospace;
 244   font-style: normal;
 245   font-weight: 400;
 246   word-wrap: normal;
 247   white-space: pre;
 248 }
 249
 250 pre code.sample-request-response-json {
 251   white-space: pre-wrap;
 252   max-height: 500px;
 253   overflow: auto;
 254 }
 255
 256 /* ------------------------------------------------------------------------------------------
 257  * Sidenav
 258  * ------------------------------------------------------------------------------------------ */
 259 .sidenav {
 260   width: 228px;
 261   margin: 0;
 262   padding: 0 20px 20px 20px;
 263   position: fixed;
 264   top: 50px;
 265   left: 0;
 266   bottom: 0;
 267   overflow-x: hidden;
 268   overflow-y: auto;
 269   background-color: #f5f5f5;
 270   z-index: 10;
 271 }
 272
 273 .sidenav > li > a {
 274   display: block;
 275   width: 192px;
 276   margin: 0;
 277   padding: 2px 11px;
 278   border: 0;
 279   border-left: transparent 4px solid;
 280   border-right: transparent 4px solid;
 281   font-family: "Source Sans Pro", sans-serif;
 282   font-weight: 400;
 283   font-size: 14px;
 284 }
 285
 286 .sidenav > li.nav-header {
 287   margin-top: 8px;
 288   margin-bottom: 8px;
 289 }
 290
 291 .sidenav > li.nav-header > a {
 292   padding: 5px 15px;
 293   border: 1px solid #e5e5e5;
 294   width: 190px;
 295   font-family: "Source Sans Pro", sans-serif;
 296   font-weight: 700;
 297   font-size: 16px;
 298   background-color: #ffffff;
 299 }
 300
 301 .sidenav > li.active > a {
 302     position: relative;
 303     z-index: 2;
 304     background-color: #0088cc;
 305     color: #ffffff;
 306 }
 307
 308 .sidenav > li.has-modifications a {
 309   border-right: #60d060 4px solid;
 310 }
 311
 312 .sidenav > li.is-new a {
 313   border-left: #e5e5e5 4px solid;
 314 }
 315
 316 /* ------------------------------------------------------------------------------------------
 317  * Side nav search
 318  * ------------------------------------------------------------------------------------------ */
 319 .sidenav-search {
 320   width: 228px;
 321   left: 0px;
 322   position: fixed;
 323   padding: 16px 20px 10px 20px;
 324   background-color: #F5F5F5;
 325   z-index: 11;
 326 }
 327
 328 .sidenav-search .search {
 329   height: 26px;
 330 }
 331
 332 .search-reset {
 333   position: absolute;
 334   display: block;
 335   cursor: pointer;
 336   width: 20px;
 337   height: 20px;
 338   text-align: center;
 339   right: 28px;
 340   top: 17px;
 341   background-color: #fff;
 342 }
 343
 344 /* ------------------------------------------------------------------------------------------
 345  * Compare
 346  * ------------------------------------------------------------------------------------------ */
 347
 348 ins {
 349   background: #60d060;
 350   text-decoration: none;
 351   color: #000000;
 352 }
 353
 354 del {
 355   background: #f05050;
 356   color: #000000;
 357 }
 358
 359 .label-ins {
 360   background-color: #60d060;
 361 }
 362
 363 .label-del {
 364   background-color: #f05050;
 365   text-decoration: line-through;
 366 }
 367
 368 pre.ins {
 369   background-color: #60d060;
 370 }
 371
 372 pre.del {
 373   background-color: #f05050;
 374   text-decoration: line-through;
 375 }
 376
 377 table.ins th,
 378 table.ins td {
 379   background-color: #60d060;
 380 }
 381
 382 table.del th,
 383 table.del td {
 384   background-color: #f05050;
 385   text-decoration: line-through;
 386 }
 387
 388 tr.ins td {
 389   background-color: #60d060;
 390 }
 391
 392 tr.del td {
 393   background-color: #f05050;
 394   text-decoration: line-through;
 395 }
 396
 397 /* ------------------------------------------------------------------------------------------
 398  * Spinner
 399  * ------------------------------------------------------------------------------------------ */
 400
 401 #loader {
 402   position: absolute;
 403   width: 100%;
 404 }
 405
 406 #loader p {
 407   padding-top: 80px;
 408   margin-left: -4px;
 409 }
 410
 411 .spinner {
 412   margin: 200px auto;
 413   width: 60px;
 414   height: 60px;
 415   position: relative;
 416 }
 417
 418 .container1 > div, .container2 > div, .container3 > div {
 419   width: 14px;
 420   height: 14px;
 421   background-color: #0088cc;
 422
 423   border-radius: 100%;
 424   position: absolute;
 425   -webkit-animation: bouncedelay 1.2s infinite ease-in-out;
 426   animation: bouncedelay 1.2s infinite ease-in-out;
 427   /* Prevent first frame from flickering when animation starts */
 428   -webkit-animation-fill-mode: both;
 429   animation-fill-mode: both;
 430 }
 431
 432 .spinner .spinner-container {
 433   position: absolute;
 434   width: 100%;
 435   height: 100%;
 436 }
 437
 438 .container2 {
 439   -webkit-transform: rotateZ(45deg);
 440   transform: rotateZ(45deg);
 441 }
 442
 443 .container3 {
 444   -webkit-transform: rotateZ(90deg);
 445   transform: rotateZ(90deg);
 446 }
 447
 448 .circle1 { top: 0; left: 0; }
 449 .circle2 { top: 0; right: 0; }
 450 .circle3 { right: 0; bottom: 0; }
 451 .circle4 { left: 0; bottom: 0; }
 452
 453 .container2 .circle1 {
 454   -webkit-animation-delay: -1.1s;
 455   animation-delay: -1.1s;
 456 }
 457
 458 .container3 .circle1 {
 459   -webkit-animation-delay: -1.0s;
 460   animation-delay: -1.0s;
 461 }
 462
 463 .container1 .circle2 {
 464   -webkit-animation-delay: -0.9s;
 465   animation-delay: -0.9s;
 466 }
 467
 468 .container2 .circle2 {
 469   -webkit-animation-delay: -0.8s;
 470   animation-delay: -0.8s;
 471 }
 472
 473 .container3 .circle2 {
 474   -webkit-animation-delay: -0.7s;
 475   animation-delay: -0.7s;
 476 }
 477
 478 .container1 .circle3 {
 479   -webkit-animation-delay: -0.6s;
 480   animation-delay: -0.6s;
 481 }
 482
 483 .container2 .circle3 {
 484   -webkit-animation-delay: -0.5s;
 485   animation-delay: -0.5s;
 486 }
 487
 488 .container3 .circle3 {
 489   -webkit-animation-delay: -0.4s;
 490   animation-delay: -0.4s;
 491 }
 492
 493 .container1 .circle4 {
 494   -webkit-animation-delay: -0.3s;
 495   animation-delay: -0.3s;
 496 }
 497
 498 .container2 .circle4 {
 499   -webkit-animation-delay: -0.2s;
 500   animation-delay: -0.2s;
 501 }
 502
 503 .container3 .circle4 {
 504   -webkit-animation-delay: -0.1s;
 505   animation-delay: -0.1s;
 506 }
 507
 508 @-webkit-keyframes bouncedelay {
 509   0%, 80%, 100% { -webkit-transform: scale(0.0) }
 510   40% { -webkit-transform: scale(1.0) }
 511 }
 512
 513 @keyframes bouncedelay {
 514   0%, 80%, 100% {
 515     transform: scale(0.0);
 516     -webkit-transform: scale(0.0);
 517   } 40% {
 518     transform: scale(1.0);
 519     -webkit-transform: scale(1.0);
 520   }
 521 }
 522
 523 /* ------------------------------------------------------------------------------------------
 524  * Tabs
 525  * ------------------------------------------------------------------------------------------ */
 526 ul.nav-tabs {
 527   margin: 0;
 528 }
 529
 530 p.deprecated span{
 531   color: #ff0000;
 532   font-weight: bold;
 533   text-decoration: underline;
 534 }
 535
 536 /* ------------------------------------------------------------------------------------------
 537  * Print
 538  * ------------------------------------------------------------------------------------------ */
 539
 540 @media print {
 541
 542   #sidenav,
 543   #version,
 544   #versions,
 545   section .version,
 546   section .versions {
 547     display: none;
 548   }
 549
 550   #content {
 551     margin-left: 0;
 552   }
 553
 554   a {
 555     text-decoration: none;
 556     color: inherit;
 557   }
 558
 559   a:after {
 560     content: " [" attr(href) "] ";
 561   }
 562
 563   p {
 564     color: #000000
 565   }
 566
 567   pre {
 568     background-color: #ffffff;
 569     color: #000000;
 570     padding: 10px;
 571     border: #808080 1px solid;
 572     border-radius: 6px;
 573     position: relative;
 574     margin: 10px 0 20px 0;
 575   }
 576
 577 } /* /@media print */