apidoc/css/style.css

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